.sf-shell{--sf-accent: #ed713b;--sf-line: var(--border);--sf-soft: var(--muted);font-family:inherit;background:var(--background);color:var(--foreground)}.sf-nav{height:82px;max-width:1240px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sf-line);gap:24px}.sf-logo{display:flex;align-items:center;gap:9px;font-weight:750;font-size:21px;letter-spacing:-.8px}.sf-logo>span{display:grid;place-items:center;width:34px;height:34px;background:var(--sf-accent);color:#fff;border-radius:9px}.sf-logo small{font-size:9px;letter-spacing:1px;border:1px solid var(--sf-line);border-radius:4px;padding:3px 5px;margin-left:3px;color:var(--muted-foreground)}.sf-nav nav,.sf-nav>div,.sf-footer>div{display:flex;align-items:center;gap:26px;font-size:13px}.sf-nav nav a{color:var(--muted-foreground)}.sf-nav nav a:hover,.sf-related a:hover{color:var(--sf-accent)}.sf-nav>div{gap:18px}.sf-nav button{font-size:13px}.sf-nav button span{margin-left:8px}.sf-page{max-width:1172px;margin:auto;padding:0 28px}.sf-heading{text-align:center;padding:52px 0 35px;position:relative}.sf-eyebrow,.sf-kicker{font:600 10px/1.4 ui-monospace,monospace;letter-spacing:1.8px;color:var(--muted-foreground)}.sf-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.sf-eyebrow>span,.sf-status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#70a68b}.sf-heading h1{font-size:clamp(36px,4.2vw,58px);letter-spacing:-2.6px;font-weight:650;line-height:1.2;margin:13px 0}.sf-title-dot{color:var(--sf-accent)}.sf-heading>p{font-size:14px;color:var(--muted-foreground);max-width:580px;margin:0 auto;line-height:1.75}.sf-assurances{display:flex;justify-content:center;gap:24px;margin-top:19px;font-size:11px;color:var(--muted-foreground)}.sf-assurances>span{display:flex;align-items:center;gap:5px}.sf-assurances svg{color:#78a18a}.sf-breadcrumb{display:flex;gap:7px;align-items:center;position:absolute;left:0;top:15px;font-size:10px;color:var(--muted-foreground)}.sf-workspace{border:1px solid var(--sf-line);border-radius:14px;overflow:hidden;box-shadow:0 12px 50px #0000000a}.sf-workspace-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 19px;border-bottom:1px solid var(--sf-line);background:color-mix(in srgb,var(--sf-soft) 50%,transparent);font-size:12px}.sf-workspace-bar>div{display:flex;align-items:center;gap:10px}.sf-workspace-bar strong{font-weight:550}.sf-small{font-size:11px;color:var(--muted-foreground);line-height:1.7}.sf-workspace-bar .sf-small{border:1px solid var(--sf-line);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:9px}.sf-workspace-bar button{font-size:11px}.sf-steps{display:flex;border-bottom:1px solid var(--sf-line);padding:0 24px;gap:26px}.sf-steps button{display:flex;gap:9px;align-items:center;padding:16px 0;font-size:12px;color:var(--muted-foreground);border-bottom:2px solid transparent}.sf-steps button>span{border-radius:50%;height:19px;width:19px;display:grid;place-items:center;border:1px solid var(--sf-line);font-size:9px}.sf-steps button.active{border-color:var(--sf-accent);color:var(--foreground)}.sf-steps button.active>span{background:var(--sf-accent);color:#fff;border-color:var(--sf-accent)}.sf-steps button>svg{margin-left:26px;color:var(--muted-foreground)}.sf-add{padding:22px}.sf-mode{display:flex;gap:3px;justify-content:center;margin-bottom:21px}.sf-mode button{font-size:12px}.sf-beta{font:9px ui-monospace,monospace;letter-spacing:.8px;border-radius:4px;background:color-mix(in srgb,var(--sf-accent) 13%,transparent);color:var(--sf-accent);padding:4px 6px}.sf-dropzone{min-height:310px;border:1px dashed color-mix(in srgb,var(--muted-foreground) 35%,transparent);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px 15px;background-image:radial-gradient(color-mix(in srgb,var(--muted-foreground) 11%,transparent) .8px,transparent .8px);background-size:17px 17px}.sf-file-illustration{position:relative;width:92px;height:70px;margin-bottom:21px}.sf-file-illustration>span,.sf-file-illustration>div{width:54px;height:64px;position:absolute;left:18px;top:2px;border:1px solid var(--sf-line);background:var(--background);border-radius:8px}.sf-file-illustration>span:first-child{transform:rotate(-17deg) translate(-10px)}.sf-file-illustration>span:nth-child(2){transform:rotate(15deg) translate(12px)}.sf-file-illustration>div{display:grid;place-items:center;color:var(--sf-accent);box-shadow:0 4px 15px #0001}.sf-file-illustration i{position:absolute;bottom:-2px;right:10px;background:var(--sf-accent);border:3px solid var(--background);color:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.sf-dropzone h2{font-size:17px;letter-spacing:-.4px;font-weight:550}.sf-dropzone p{font-size:12px;color:var(--muted-foreground);margin:8px 0 20px}.sf-primary{background:var(--sf-accent)!important;color:#fff!important;border:1px solid #ffffff15!important;box-shadow:0 2px 3px #0001;font-size:12px}.sf-primary:hover{filter:brightness(1.06)}.sf-dropzone>small{color:var(--muted-foreground);font-size:10px;margin-top:12px}.sf-or{display:flex;gap:12px;align-items:center;font:9px monospace;color:var(--muted-foreground);margin:20px 0 10px}.sf-or>span{width:45px;height:1px;background:var(--sf-line)}.sf-example-link{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}.sf-workspace-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--sf-line);padding:11px 20px;color:var(--muted-foreground);font:9px ui-monospace,monospace}.sf-workspace-footer>span:first-child{display:flex;align-items:center;gap:6px}.sf-how{padding:64px 0 52px;display:grid;grid-template-columns:1fr 1.1fr;gap:100px;border-bottom:1px solid var(--sf-line)}.sf-how h2,.sf-example h2{font-size:28px;line-height:1.3;letter-spacing:-1px;font-weight:550;max-width:330px;margin:12px 0}.sf-how p,.sf-example p{font-size:12px;line-height:1.9;color:var(--muted-foreground)}.sf-how ol{display:grid;gap:21px}.sf-how li{display:flex;gap:17px}.sf-how li>span{font:11px ui-monospace,monospace;color:var(--sf-accent);padding-top:4px}.sf-how h3{font-size:14px;margin-bottom:4px;font-weight:550}.sf-example{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:45px 0;border-bottom:1px solid var(--sf-line)}.sf-example h2{font-size:23px}.sf-example a{display:flex;align-items:center;gap:7px;font-size:12px;margin-top:15px;color:var(--sf-accent)}.sf-example>div:nth-child(2){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.sf-example img{border:1px solid var(--sf-line);border-radius:8px;background:var(--sf-soft);image-rendering:pixelated}.sf-example>div>span:last-child{font-size:10px;color:var(--muted-foreground)}.sf-faq{max-width:740px;margin:48px auto}.sf-faq h2{font-size:24px;letter-spacing:-.7px;text-align:center;margin-bottom:25px}.sf-faq details{border-bottom:1px solid var(--sf-line);padding:17px 0;font-size:12px}.sf-faq p{color:var(--muted-foreground);line-height:1.8;padding:12px 0}.sf-related{display:flex;justify-content:center;gap:24px;align-items:center;padding:20px 0 50px;font-size:12px}.sf-related>span{font:9px monospace;color:var(--muted-foreground)}.sf-related a{display:flex;align-items:center;gap:8px}.sf-footer{max-width:1172px;margin:auto;padding:25px 28px 32px;border-top:1px solid var(--sf-line);display:flex;align-items:center;justify-content:space-between;gap:20px}.sf-footer .sf-logo{font-size:16px}.sf-footer>span{font-size:10px;color:var(--muted-foreground)}.sf-footer>div{font-size:10px;gap:16px;color:var(--muted-foreground)}.sf-error,.sf-notice,.sf-job{margin:15px 20px;padding:12px;border:1px solid var(--sf-line);border-radius:7px;font-size:12px;line-height:1.7}.sf-error{display:flex;justify-content:space-between;border-color:#d8777755;color:#ce7373}.sf-notice{color:var(--muted-foreground);background:var(--sf-soft)}.sf-job{display:flex;align-items:center;gap:14px}.sf-job>div{flex:1}.sf-job small{display:block;color:var(--muted-foreground)}.sf-spinner{height:15px;width:15px;border:2px solid var(--sf-line);border-top-color:var(--sf-accent);border-radius:50%;animation:sf-spin 1s linear infinite}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-editor{display:grid;grid-template-columns:minmax(0,1fr) 290px}.sf-editor-main{min-width:0;padding:20px;border-right:1px solid var(--sf-line)}.sf-preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sf-preview-toolbar>div{display:flex;gap:8px;align-items:center}.sf-bg-swatch{height:14px;width:14px;border:1px solid var(--sf-line);border-radius:3px}.sf-bg-swatch.selected{outline:1px solid var(--sf-accent);outline-offset:2px}.checker{background-color:#c5c6c8;background-image:linear-gradient(45deg,#b4b5b7 25%,transparent 25%),linear-gradient(-45deg,#b4b5b7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#b4b5b7 75%),linear-gradient(-45deg,transparent 75%,#b4b5b7 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.white{background:#fff}.black{background:#101114}.sf-preview{height:300px;overflow:auto;border:1px solid var(--sf-line);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.sf-preview-image{position:relative;max-width:90%;max-height:90%}.sf-preview-image img{object-fit:contain;max-height:260px;image-rendering:pixelated}.sf-preview.pixel-size{display:block}.pixel-size .sf-preview-image{max-width:none;max-height:none;width:max-content;margin:0}.pixel-size img{max-width:none;max-height:none}.sf-overlay{position:absolute;inset:0;opacity:.5}.sf-preview-label{position:absolute;bottom:10px;left:10px;font:8px monospace;padding:4px 7px;border-radius:3px;background:#14181eb8;color:#fff}.sf-text-button{font:10px monospace;margin-left:6px}.sf-playback{display:flex;align-items:center;gap:13px;margin:9px 0;font:10px monospace;color:var(--muted-foreground)}.sf-progress{height:3px;flex:1;background:var(--sf-line);border-radius:3px}.sf-progress>span{display:block;height:3px;background:var(--sf-accent)}.sf-grid-heading{display:flex;align-items:center;gap:10px;margin:20px 0 12px;font-size:11px}.sf-grid-heading>span{color:var(--muted-foreground);font-size:10px}.sf-frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:9px}.sf-frame{min-width:0;border:1px solid var(--sf-line);border-radius:6px;overflow:hidden}.sf-frame.selected{border-color:color-mix(in srgb,var(--sf-accent) 65%,transparent)}.sf-frame>button{position:relative;width:100%;height:76px;background:var(--sf-soft);display:flex;justify-content:center;align-items:center}.sf-frame img{max-width:90%;max-height:66px;object-fit:contain;image-rendering:pixelated}.sf-frame-number{position:absolute;top:4px;left:5px;font:8px monospace;color:var(--muted-foreground)}.sf-frame-check{position:absolute;bottom:4px;right:4px;background:var(--sf-accent);border-radius:3px;color:#fff}.sf-frame>div{display:flex;gap:3px;align-items:center;padding:5px;font-size:8px}.sf-frame>div>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-settings{padding:24px 20px;display:flex;flex-direction:column;gap:20px}.sf-settings-title{display:flex;align-items:center;gap:8px;font-size:13px}.sf-settings-title h2{font-weight:550}.sf-settings label,.sf-ai-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:500}.sf-settings select,.sf-ai-form textarea{border:1px solid var(--sf-line);border-radius:6px;padding:9px;background:var(--background);color:var(--foreground);font-size:12px;width:100%}.sf-inline{display:flex;align-items:center;gap:7px}.sf-inline input{min-width:0;font-size:12px}.sf-inline>span{color:var(--muted-foreground);font-size:11px}.sf-settings small{font-size:10px;line-height:1.7;color:var(--muted-foreground)}.sf-info{display:flex;gap:6px;align-items:center;border:1px solid var(--sf-line);padding:9px;border-radius:6px;font-size:10px;color:var(--muted-foreground)}.sf-info svg{color:#70a68b}.sf-settings details{font-size:11px}.sf-details-content{display:flex;flex-direction:column;gap:15px;padding-top:14px}.sf-settings .sf-primary{margin-top:2px}.sf-save-note{display:flex;gap:7px;font-size:9px;color:var(--muted-foreground);line-height:1.7;margin-top:auto;padding-top:15px}.sf-save-note svg{flex-shrink:0;margin-top:2px}.sf-export-summary{background:var(--sf-soft);border:1px solid var(--sf-line);border-radius:7px;padding:14px;display:grid;gap:9px;font-size:10px}.sf-export-summary>div{display:flex;justify-content:space-between}.sf-export-summary span{color:var(--muted-foreground)}.sf-download{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--sf-accent)}.sf-download small{margin-left:auto}.sf-ai-enhancement{border-top:1px solid var(--sf-line);padding-top:20px;display:grid;gap:10px}.sf-ai-enhancement .sf-kicker{display:flex;gap:6px;align-items:center;letter-spacing:1px}.sf-ai-enhancement h3{font-size:12px;font-weight:550}.sf-ai-enhancement p{font-size:11px;line-height:1.7;color:var(--muted-foreground)}.sf-ai-entry{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:25px}.sf-ai-entry h2{font-size:28px;letter-spacing:-1px;line-height:1.3;margin:15px 0}.sf-ai-entry p{font-size:12px;line-height:1.8;color:var(--muted-foreground);margin-bottom:20px}.sf-ai-form{display:grid;gap:14px}.sf-ai-form small{font-size:10px;line-height:1.7;color:var(--muted-foreground)}.sf-consent{flex-direction:row!important;align-items:flex-start;line-height:1.6!important;font-size:10px!important;color:var(--muted-foreground)}.sf-consent input{margin-top:3px;accent-color:var(--sf-accent)}.sf-character{max-height:140px;object-fit:contain;border-radius:6px}.sf-recent{padding:15px 20px;border-bottom:1px solid var(--sf-line);font-size:12px}.sf-recent>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sf-line);padding:8px 0}.sf-recent small{display:block;font-size:9px;color:var(--muted-foreground)}.sf-recent button{text-align:left}.sf-review{display:grid;gap:10px;font-size:10px}.sf-review>div{display:flex;align-items:center}.sf-review>div>span{flex:1;overflow:hidden}.sf-compare{display:flex;justify-content:center;gap:5px}.sf-mobile-tools{display:none}@media(max-width:760px){.sf-mobile-tools{display:block;position:relative;font-size:12px}.sf-mobile-tools[open]{background:var(--background)}.sf-mobile-tools a{display:block;padding:8px;white-space:nowrap}.sf-nav{height:65px;padding:0 18px;gap:10px}.sf-nav nav{display:none}.sf-logo{font-size:18px}.sf-page{padding:0 14px}.sf-heading{padding:42px 5px 27px}.sf-heading h1{font-size:35px;letter-spacing:-1.5px}.sf-heading p{font-size:12px}.sf-assurances{gap:10px;font-size:9px}.sf-workspace-bar{padding:9px}.sf-workspace-bar .sf-small{display:none}.sf-workspace-bar>div{gap:4px}.sf-workspace-bar strong{font-size:10px;max-width:130px;overflow:hidden;white-space:nowrap}.sf-workspace-bar button{font-size:9px;padding:6px}.sf-steps{gap:15px;padding:0 14px;justify-content:space-between}.sf-steps button{font-size:10px;gap:6px}.sf-steps button>svg{display:none}.sf-add{padding:13px}.sf-dropzone{padding:24px 12px}.sf-dropzone h2{text-align:center;font-size:15px}.sf-dropzone p{text-align:center;font-size:11px}.sf-dropzone>small{text-align:center;font-size:9px}.sf-workspace-footer{font-size:8px;padding:10px}.sf-workspace-footer>span:nth-child(2){display:none}.sf-how{grid-template-columns:1fr;gap:27px;padding:36px 10px}.sf-how h2{font-size:26px}.sf-example{grid-template-columns:1fr;gap:20px;padding:30px 10px}.sf-faq{margin:34px 10px}.sf-faq h2{font-size:21px}.sf-related{flex-wrap:wrap;gap:14px;padding:15px 0 30px;font-size:10px}.sf-related>span{width:100%;text-align:center}.sf-footer{flex-wrap:wrap;padding:22px 20px;gap:15px}.sf-footer>span{display:none}.sf-footer>div{gap:12px;font-size:9px}.sf-editor{grid-template-columns:1fr}.sf-editor-main{border-right:none;border-bottom:1px solid var(--sf-line);padding:14px}.sf-settings{padding:20px}.sf-preview{height:250px}.sf-preview-image img{max-height:220px}.sf-ai-entry{grid-template-columns:1fr;gap:20px;padding:15px}.sf-grid-heading{flex-wrap:wrap}.sf-frame-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.sf-nav>div{gap:8px}}