.sr{--bg: #fcfbf8;--card: #ffffff;--sunk: #f4f3ef;--line: #ebe9e3;--line-2: #dedbd3;--ink: #1c1c1c;--ink-2: #4a4a48;--muted: #8a8780;--glow: linear-gradient(90deg, #2f6bff, #8b3dff 45%, #ff2e93 75%, #ff8a00);--head: "Valley Sans", ui-sans-serif, system-ui, sans-serif;--shadow: 0 1px 2px rgb(28 28 28 / .04), 0 4px 16px -4px rgb(28 28 28 / .06);position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr;background:var(--bg);color:var(--ink);font:14px/1.45 Zalando Sans,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.sr *,.sr *:before,.sr *:after{box-sizing:border-box}.sr [hidden]{display:none!important}:where(.sr) :where(button,input,select){font:inherit;color:inherit}:where(.sr) button{cursor:pointer}.sr svg{width:16px;height:16px;flex:none}.sr kbd{font:500 12px/1 inherit;padding:3px 6px;border-radius:6px;background:var(--sunk);border:1px solid var(--line)}.sr-topbar{display:flex;align-items:center;gap:10px;height:64px;padding:0 20px;position:relative;z-index:2}.sr-brand{display:flex;color:inherit;text-decoration:none;align-items:center;gap:10px;font:600 19px/1 var(--head);letter-spacing:-.02em}.sr-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--glow);color:#fff;box-shadow:inset 0 0 0 1px #ffffff40}.sr-mark svg{width:20px;height:20px}.sr-spacer{flex:1}.sr-extra a{color:var(--ink-2);text-decoration:none;padding:8px 12px;border-radius:99px;transition:background .15s}.sr-extra a:hover{background:var(--sunk)}.sr-actions{display:flex;align-items:center;gap:8px}.sr:not(.has-image) .sr-actions,.sr:not(.has-image) .sr-body{display:none}.sr-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--line-2);background:var(--card);white-space:nowrap;font-weight:500;transition:background .15s,transform .1s,box-shadow .15s}.sr-btn:hover{background:var(--sunk)}.sr-btn:active{transform:scale(.97)}.sr-dark{background:var(--ink);border-color:var(--ink);color:#fff}.sr-dark:hover{background:#333}.sr-block{width:100%}.sr-icon{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);transition:.15s}.sr-icon:hover{color:var(--ink);background:var(--sunk)}.sr-icon svg{width:14px;height:14px}.sr-link{border:0;background:none;padding:0;color:var(--muted);font-size:13px}.sr-link:hover{color:var(--ink);text-decoration:underline}.sr-seg{display:flex;gap:2px;padding:3px;border-radius:99px;background:var(--sunk);border:1px solid var(--line)}.sr-seg button{flex:1;height:28px;padding:0 11px;border:0;border-radius:99px;background:none;color:var(--muted);font-weight:500;font-size:13px;white-space:nowrap;transition:.15s}.sr-seg button:hover{color:var(--ink)}.sr-seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--line)}.sr-seg-sm button{height:24px;padding:0 9px;font-size:12px}.sr-body{display:grid;grid-template-columns:356px 1fr;gap:12px;padding:0 12px 12px;min-height:0;height:calc(100vh - 64px)}.sr-side{display:flex;flex-direction:column;min-height:0;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.sr-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-bottom:1px solid var(--line)}.sr-tabs button{display:grid;justify-items:center;gap:4px;padding:8px 0 7px;border:0;border-radius:14px;background:none;color:var(--muted);font-size:12px;font-weight:500;transition:.15s}.sr-tabs button:hover,.sr-tabs button.on{color:var(--ink);background:var(--sunk)}.sr-tabs svg{width:18px;height:18px}.sr-panels{overflow-y:auto;padding:4px 18px 24px;scrollbar-width:thin}.sr-panels section{display:grid;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.sr-panels section:last-child{border-bottom:0}.sr-head{display:flex;justify-content:space-between;align-items:baseline}.sr-head h2{margin:0;font:600 15px/1.2 var(--head);letter-spacing:-.01em}.sr-group{display:grid;gap:12px}.sr-inline{display:flex;gap:8px;align-items:center}.sr-muted{margin:0;color:var(--muted);font-size:13px}.sr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}.sr-label{display:flex;align-items:center;gap:6px;color:var(--ink-2);white-space:nowrap}.sr-dial{display:flex;align-items:center;gap:8px}.sr-pill{--p: 50%;position:relative;flex:1;height:40px;border-radius:13px;background:var(--sunk);border:1px solid var(--line);overflow:hidden;transition:box-shadow .15s}.sr-pill:hover{border-color:var(--line-2)}.sr-pill:has(input[type=range]:focus-visible){box-shadow:0 0 0 3px #1c1c1c1a}.sr-fill{position:absolute;top:3px;bottom:3px;left:3px;width:max(calc(var(--p) - 6px),6px);border-radius:10px;background:var(--card);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--line)}.sr-fill:after{content:"";position:absolute;right:6px;top:50%;width:3px;height:14px;border-radius:2px;background:var(--line-2);transform:translateY(-50%);transition:background .15s,height .15s}.sr-pill:hover .sr-fill:after{background:var(--muted)}.sr-pill:active .sr-fill:after{height:18px;background:var(--ink)}.sr-dial-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:500;pointer-events:none}.sr-pill input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.sr-num{position:absolute;z-index:1;right:6px;top:50%;width:64px;height:28px;padding:0 8px;border:0;border-radius:8px;background:transparent;transform:translateY(-50%);text-align:right;font:500 13px ui-monospace,SF Mono,Menlo,monospace!important;color:var(--ink-2);-moz-appearance:textfield;cursor:text;transition:background .15s}.sr-num::-webkit-inner-spin-button,.sr-num::-webkit-outer-spin-button{appearance:none;margin:0}.sr-num:hover{background:#1c1c1c0d}.sr-num:focus{outline:none;background:var(--card);box-shadow:0 0 0 1px var(--line-2);color:var(--ink)}.sr-input{width:100%;height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--card);outline:none;transition:.15s}.sr-input::placeholder{color:var(--muted)}.sr-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1c1c1c14}.sr-select{height:30px;width:auto;padding:0 8px;border-radius:99px;font-size:13px}.sr-color{appearance:none;flex:none;width:26px;height:26px;padding:0;border:1px solid var(--line-2);border-radius:50%;background:none;cursor:pointer;overflow:hidden}.sr-color::-webkit-color-swatch-wrapper{padding:0}.sr-color::-webkit-color-swatch{border:0;border-radius:50%}.sr-color::-moz-color-swatch{border:0;border-radius:50%}.sr-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sr-tile{display:grid;gap:6px;padding:0 0 8px;border:0;background:none;font-size:12px;color:var(--ink-2)}.sr-tile-art{display:grid;place-items:center;aspect-ratio:4 / 3;border-radius:14px;background:linear-gradient(135deg,#e6edff,#f6e6ff 55%,#ffe9d6);border:1px solid var(--line);overflow:hidden;transition:.15s;font-size:2.4px}.sr-tile:hover .sr-tile-art{border-color:var(--line-2);transform:translateY(-1px)}.sr-tile.on .sr-tile-art{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.sr-tile.on{color:var(--ink);font-weight:500}.sr-tile .sr-obj{width:68%;--r: 3em}.sr-tile .sr-obj.f-phone{width:26%}.sr-tile .sr-frame{box-shadow:0 2px 8px #0000001f}.sr-ph{display:block;aspect-ratio:16 / 10;background:linear-gradient(#fff 0 22%,#f1efe9 22% 30%,#fff 30%)}.f-phone .sr-ph{aspect-ratio:9 / 19.5}.sr-pads{display:flex;gap:24px}.sr-pads>div{display:grid;gap:8px}.sr-grid9{display:grid;grid-template-columns:repeat(3,26px);gap:4px;padding:6px;border-radius:14px;background:var(--sunk);border:1px solid var(--line)}.sr-grid9 button{display:grid;place-items:center;height:26px;padding:0;border:0;border-radius:8px;background:none;transition:.15s}.sr-grid9 button:hover{background:var(--card)}.sr-grid9 i{width:10px;height:10px;border-radius:3px;background:var(--line-2);transition:.15s}.sr-grid9 button.on{background:var(--card);box-shadow:0 1px 2px #0000001a}.sr-grid9 button.on i{background:var(--ink)}.sr-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sr-swatches button,.sr-swatches .sr-color{width:100%;height:auto;aspect-ratio:1;padding:0;border-radius:12px;border:1px solid rgb(0 0 0 / .06);transition:transform .15s,box-shadow .15s}.sr-swatches .sr-color{border-radius:12px;background:conic-gradient(#ff0105,#fe7b02,#ffe600,#22c55e,#4b73ff,#ff66f4,#ff0105)}.sr-swatches .sr-color::-webkit-color-swatch{opacity:0}.sr-swatches button:hover{transform:scale(1.06)}.sr-swatches button.on{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--ink)}.sr-custom{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:14px;border:1px solid var(--line)}.sr-custom.on{border-color:var(--ink)}.sr-custom .sr-label{flex:1}.sr-custom-prev{width:52px;height:26px;border-radius:9px}.sr-dirs{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.sr-dirs button{display:grid;place-items:center;height:30px;padding:0;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--muted);transition:.15s}.sr-dirs button:hover{color:var(--ink)}.sr-dirs button.on{color:#fff;background:var(--ink);border-color:var(--ink)}.sr-dirs i{display:grid}.sr-dirs svg{width:14px;height:14px}.sr-patterns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sr-patterns button{height:52px;padding:0;border-radius:12px;border:1px solid var(--line);background-color:var(--sunk);background-size:14px;font-size:12px;color:var(--muted);transition:.15s}.sr-patterns button.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);color:var(--ink)}.sr-sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.sr-sizes button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 11px;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:left;transition:.15s}.sr-sizes button:hover{border-color:var(--line-2);background:var(--sunk)}.sr-sizes b{font-weight:500;font-size:13px}.sr-sizes small{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.sr-sizes button.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.sr-dims{display:flex;align-items:center;gap:8px;color:var(--muted)}.sr-dims label{display:flex;flex:1;align-items:center;gap:8px}.sr-presets{display:grid;gap:6px}.sr-preset{display:flex;align-items:center;gap:4px}.sr-preset>button:first-child{flex:1;display:flex;align-items:center;gap:10px;padding:6px;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:left;font-weight:500}.sr-preset>button:first-child:hover{background:var(--sunk)}.sr-preset span{width:30px;height:22px;border-radius:7px;border:1px solid rgb(0 0 0 / .06)}.sr-stage{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:radial-gradient(rgb(28 28 28 / .07) 1px,transparent 1px) 0 0 / 18px 18px,var(--sunk)}.sr-fit{position:relative;background:repeating-conic-gradient(#ebe9e3 0 25%,#fff 0 50%) 0 0 / 16px 16px;box-shadow:0 30px 60px -30px #1c1c1c59}.sr-canvas{position:absolute;top:0;left:0;transform-origin:0 0;display:flex;flex-direction:column;overflow:hidden}.sr-bg,.sr-pattern,.sr-noise{position:absolute;z-index:0;pointer-events:none}.sr-textblock,.sr-area,.sr-wm{z-index:1}.sr-bg{inset:0}.sr-pattern{inset:-50%}.sr-noise{inset:0;mix-blend-mode:overlay}.sr-area{position:relative;flex:1;display:flex;min-height:0}.sr-textblock{position:relative;text-align:center}.sr-textblock .sr-title{margin:0;font-size:1em;font-weight:700;line-height:1.12;letter-spacing:-.025em}.sr-textblock p{margin:.35em 0 0;font-size:.46em;line-height:1.4;opacity:.85}.sr-wm{position:absolute;padding:.5em 1em;border-radius:99px;background:#00000047;color:#fff;font:500 1em ui-sans-serif,-apple-system,system-ui,sans-serif}.sr-obj{--r: .8em;position:relative;isolation:isolate;display:block;flex:none}.sr-frame{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r);font-family:ui-sans-serif,-apple-system,system-ui,sans-serif}.sr-shot{display:block;overflow:hidden;padding:var(--inset, 0);background:var(--inset-c, transparent)}.sr-shot img{display:block;max-width:none;border-radius:var(--ir, 0)}.sr-bar{display:none;align-items:center;gap:1em;flex:none;height:2.8em;padding:0 1em}.sr-dots,.sr-navbtns,.sr-url,.sr-win,.sr-island{display:none}.sr-dots{gap:.5em}.sr-dots i{width:.8em;height:.8em;border-radius:50%;background:#ff5f57}.sr-dots i:nth-child(2){background:#febc2e}.sr-dots i:nth-child(3){background:#28c840}.sr-frame .sr-navbtns svg{width:1.2em;height:1.2em}.sr-navbtns{gap:.2em;color:#a3a3a3}.sr-url{flex:1;align-items:center;justify-content:center;gap:.4em;max-width:60%;height:1.9em;margin:0 auto;padding:0 1em;border-radius:.6em;font-size:.85em}.sr-frame .sr-url svg{width:1em;height:1em}.sr-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-win{gap:1.6em;margin-left:auto}.sr-frame .sr-win svg{width:1em;height:1em}[class*=f-mac] .sr-bar,[class*=f-browser] .sr-bar,[class*=f-win] .sr-bar,[class*=f-mac] .sr-dots,[class*=f-browser] .sr-dots,[class*=f-browser] .sr-navbtns,[class*=f-browser] .sr-url,[class*=f-win] .sr-url,[class*=f-win] .sr-win{display:flex}.f-mac-light .sr-frame,.f-browser-light .sr-frame{background:#fff}.f-mac-light .sr-bar{background:#f6f6f6;border-bottom:1px solid #e6e6e6}.f-mac-dark .sr-frame,.f-browser-dark .sr-frame{background:#1c1c1e}.f-mac-dark .sr-bar{background:#2c2c2e;border-bottom:1px solid #3a3a3c}.f-mac-glass .sr-frame{background:#ffffff38;border:1px solid rgb(255 255 255 / .45);padding:0 .45em .45em}.f-mac-glass .sr-bar{padding:0 .55em}.f-mac-glass .sr-shot,.f-arc .sr-shot{border-radius:max(0px,calc(var(--r) - .5em))}.f-browser-light .sr-bar{background:#f4f4f5;border-bottom:1px solid #e4e4e7}.f-browser-light .sr-url{background:#fff;border:1px solid #e4e4e7;color:#71717a}.f-browser-dark .sr-bar{background:#26262a;border-bottom:1px solid #333338}.f-browser-dark .sr-url{background:#333338;color:#a1a1aa}.f-browser-dark .sr-navbtns{color:#71717a}[class*=f-win] .sr-bar{height:2.5em;padding-right:1.4em}[class*=f-win] .sr-url{justify-content:flex-start;margin:0;padding:0;max-width:none;background:none}[class*=f-win] .sr-url svg{display:none}.f-win-light .sr-frame{background:#fff;border:1px solid #e5e5e5}.f-win-light .sr-bar{background:#f3f3f3;color:#444}.f-win-dark .sr-frame{background:#202020;border:1px solid #333}.f-win-dark .sr-bar{background:#202020;color:#ddd}.f-arc .sr-frame{padding:.5em;background:#ffffff61;border:1px solid rgb(255 255 255 / .6)}.f-phone .sr-frame{padding:1.6em;border-radius:10em;background:#0b0b0c;border:.35em solid #3a3a40}.f-phone .sr-shot{border-radius:8em}.f-phone .sr-island{display:block;position:absolute;top:2.6em;left:50%;width:24%;height:3.4em;border-radius:99px;background:#000;transform:translate(-50%)}.f-stack-light:before,.f-stack-light:after,.f-stack-dark:before,.f-stack-dark:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r);background:#fff;box-shadow:0 .3em 1.2em #0000001f;transform-origin:50% 0}.f-stack-light:before,.f-stack-dark:before{transform:translateY(-1.3em) scale(.94);opacity:.8}.f-stack-light:after,.f-stack-dark:after{transform:translateY(-2.6em) scale(.88);opacity:.5}.f-stack-dark:before,.f-stack-dark:after{background:#3f3f46}.sr-hero{position:relative;display:none;flex-direction:column;align-items:center;padding:12vh 20px 20vh;overflow:hidden;text-align:center}.sr:not(.has-image) .sr-hero{display:flex}.sr-glow{position:absolute;z-index:0;left:50%;top:52%;width:max(1100px,110vw);aspect-ratio:1;border-radius:50%;transform:translate(-50%);background:conic-gradient(from 200deg,#2f6bff,#8b3dff,#ff2e93,#ff8a00,#8b3dff,#2f6bff);filter:blur(90px);opacity:.85;pointer-events:none}.sr-hero>:not(.sr-glow){position:relative;z-index:1}.sr-hero h1{margin:0;max-width:820px;font:600 clamp(40px,6.4vw,76px)/1.02 var(--head);letter-spacing:-.035em}.sr-hero h1 em{font-style:normal;background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent}.sr-hero>p{max-width:520px;margin:20px 0 40px;color:var(--ink-2);font-size:18px}.sr-prompt{display:flex;flex-direction:column;gap:28px;width:min(680px,100%);padding:22px 18px 16px 22px;border-radius:28px;background:var(--card);text-align:left;cursor:pointer;box-shadow:0 0 0 1px #1c1c1c0f,0 20px 50px -20px #1c1c1c4d;transition:transform .2s,box-shadow .2s}.sr-prompt:hover,.sr.drag .sr-prompt{transform:translateY(-2px);box-shadow:0 0 0 1px #1c1c1c1a,0 28px 60px -20px #1c1c1c61}.sr.drag .sr-prompt{box-shadow:0 0 0 2px var(--ink),0 28px 60px -20px #1c1c1c61}.sr-prompt-text{color:var(--muted);font-size:17px}.sr-prompt-row{display:flex;align-items:center;gap:8px}.sr-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:99px;border:1px solid var(--line-2);background:var(--card);font-weight:500;font-size:13px;transition:background .15s}.sr-chip:hover{background:var(--sunk)}.sr-send{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff}.sr-toast{position:fixed;z-index:10;left:50%;bottom:28px;padding:10px 18px;border-radius:99px;background:var(--ink);color:#fff;font-weight:500;box-shadow:0 12px 32px #0003;transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:.25s}.sr-toast.show{transform:translate(-50%);opacity:1}@media(max-width:900px){.sr-topbar{flex-wrap:wrap;height:auto;padding:12px 16px}.sr-actions{flex-wrap:wrap;width:100%}.sr-body{grid-template-columns:1fr;height:auto;padding:0 16px 16px}.sr-stage{order:-1;height:56vh}.sr-side{max-height:none}}.sr-tile .f-phone .sr-frame{border-radius:5em;padding:1.2em}.sr-tile .f-phone .sr-shot{border-radius:3.8em}.sr-tile .f-phone .sr-island{top:2em;height:2em}