html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{color-scheme:light;--bg: #fbf8fa;--surface: #f5eff3;--panel: #ffffff;--text: #181216;--muted: #786c74;--subtle: #a69ba2;--line: #ebdfe6;--line-strong: #d9c8d2;--accent: #d61f7f;--accent-2: #7c3aed;--accent-ink: #ffffff;--accent-soft: #fdeef7;--export: #1b1216;--export-ink: #ffffff;--success: #3db874;--shadow: 0 24px 70px rgba(48, 20, 36, .08);--radius-sm: 11px;--radius: 18px;--radius-lg: 26px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-synthesis:none}:root[data-theme=dark]{color-scheme:dark;--bg: #120e11;--surface: #181317;--panel: #20191f;--text: #fbf7f9;--muted: #a89ba3;--subtle: #73676f;--line: #342731;--line-strong: #4d3b49;--accent: #ff5fb0;--accent-2: #a78bfa;--accent-ink: #12070e;--accent-soft: #38122c;--export: #fbf7f9;--export-ink: #181317;--success: #4dd287;--shadow: 0 24px 70px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#productApp{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);overflow-x:hidden;overflow-y:auto}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.global-file{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.app{min-height:100vh;background:var(--bg)}.topbar{height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;letter-spacing:-.035em}.brand-logo{width:48px;height:auto;display:block;overflow:visible;filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--accent) 30%,transparent));transition:transform .28s cubic-bezier(.2,.8,.2,1)}.brand-logo-vector,.brand-logo-pointer{fill:var(--accent);transform-box:fill-box}.brand-logo-node{fill:none;stroke:color-mix(in srgb,var(--accent) 54%,white);stroke-width:2;opacity:.85}.brand:hover .brand-logo{transform:translateY(-1px) scale(1.04)}.brand-name{display:grid;gap:4px}.brand-name strong{font-size:18px;line-height:.95;font-weight:800}.brand-name small{display:flex;align-items:center;gap:6px;color:var(--muted);font:700 9.5px/1 ui-monospace,monospace;letter-spacing:.035em}.brand-name small span{color:var(--accent);font-weight:820;letter-spacing:.09em}.brand-name small b{color:var(--text);font-size:.9em;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:16px}.privacy-compact{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:600}.privacy-compact strong{color:var(--text);font-weight:680}.privacy-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 16%,transparent)}.privacy-info{width:17px;height:17px;position:relative;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font:700 9px/1 Georgia,serif;cursor:help}.privacy-tooltip{width:248px;position:absolute;z-index:30;top:calc(100% + 10px);right:-12px;padding:10px 12px;visibility:hidden;opacity:0;transform:translateY(-4px);border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 12px 34px #00000040;font:550 11px/1.45 Inter,sans-serif;transition:opacity .16s ease,transform .16s ease,visibility .16s}.privacy-info:hover .privacy-tooltip,.privacy-info:focus .privacy-tooltip{visibility:visible;opacity:1;transform:translateY(0)}.unlimited-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:750}.badge-gem{font-size:12px;filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--accent) 40%,transparent))}.icon-button{appearance:none;width:36px;height:36px;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;display:grid;place-items:center;transition:transform .16s ease,background .16s ease,border-color .16s ease}.icon-button:hover{border-color:var(--line-strong);background:var(--surface)}.editor-shell{height:calc(100vh - 68px);display:grid;grid-template-columns:clamp(340px,27vw,390px) minmax(0,1fr);animation:editor-in .4s cubic-bezier(.22,.8,.22,1) both}@keyframes editor-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.inspector{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 95%,var(--accent-soft))}.inspector-file{height:74px;min-height:74px;flex-shrink:0;position:relative;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.inspector-actions{width:100%;display:flex;align-items:center;gap:8px;margin:0}.auto-button,.save-icon-button{appearance:none;height:38px;border:1px solid var(--line);border-radius:11px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.auto-button{flex:1;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:var(--line);background:color-mix(in srgb,var(--panel) 92%,var(--text) 8%);color:var(--text);box-shadow:0 6px 18px #0000000a;font-size:11px;font-weight:760}.auto-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface);transform:translateY(-1px);box-shadow:0 9px 22px #00000014}.auto-button.is-running{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.auto-icon{display:inline-grid;place-items:center;font-size:13px}.auto-button.is-running .auto-icon{animation:orbit 1.1s linear infinite}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inspector-actions select{min-width:0;width:108px;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--muted);font-size:10px;cursor:pointer}.save-icon-button{width:38px;flex:0 0 auto;padding:9px;background:var(--panel);color:var(--text)}.save-icon-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft);color:var(--accent)}.save-icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.profile-popover{position:absolute;z-index:10;top:78px;right:16px;width:248px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:9px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 50px #0003}.profile-popover label{grid-column:1 / -1;font-size:11px;font-weight:700}.profile-popover input{min-width:0;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px}.profile-popover button{border:0;border-radius:8px;padding:0 10px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;cursor:pointer}.inspector-scroll{flex:1;min-height:0;overflow:auto;padding:16px 20px 0;scrollbar-width:thin}.settings-group{padding:16px 0 10px;border-top:1px solid var(--line)}.settings-group.first-group{padding-top:0;border-top:0}.settings-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.settings-group-head h3{margin:0;color:var(--muted);font-size:10px;font-weight:790;letter-spacing:.115em;text-transform:uppercase}.control{margin:0;padding:9px 0;display:grid;grid-template-columns:minmax(120px,auto) minmax(90px,1fr) 34px;align-items:center;gap:10px}.control-head{display:contents;font-size:11.5px;font-weight:680}.setting-title{grid-column:1;grid-row:1;position:relative;display:inline-flex;align-items:center;gap:6px;cursor:help;white-space:nowrap;letter-spacing:-.01em}.setting-title>span{width:15px;height:15px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--subtle);font:700 8px/1 Georgia,serif}.setting-title:hover>span{border-color:var(--accent);color:var(--accent)}.setting-title:after{content:attr(data-tooltip);width:226px;position:absolute;z-index:45;left:0;bottom:calc(100% + 9px);padding:10px 12px;visibility:hidden;opacity:0;transform:translateY(4px);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--text) 96%,var(--accent));color:var(--panel);box-shadow:0 14px 36px #0003;font-size:10px;font-weight:560;line-height:1.45;white-space:normal;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s}.setting-title:hover:after,.setting-title:focus:after{visibility:visible;opacity:1;transform:translateY(0)}.first-group .settings-group-head+.control .setting-title:after,.first-group .control:first-of-type .setting-title:after{top:calc(100% + 8px);bottom:auto}.control output{grid-column:3;grid-row:1;color:var(--muted);min-width:34px;text-align:right;font:650 10px/1 ui-monospace,monospace}.control>input[type=range]{grid-column:2;grid-row:1}.toggle-control .setting-check{grid-column:3;grid-row:1;justify-self:end}.setting-check{width:22px;height:22px;position:relative;display:grid;place-items:center;cursor:pointer}.setting-check input{position:absolute;opacity:0;pointer-events:none}.setting-check span{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);transition:border-color .18s ease,background .18s ease,transform .18s ease}.setting-check span:after{content:"";width:7px;height:4px;opacity:0;transform:translateY(-1px) rotate(-45deg) scale(.6);border-left:2px solid var(--accent-ink);border-bottom:2px solid var(--accent-ink);transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.setting-check input:checked+span{border-color:var(--accent);background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.setting-check input:checked+span:after{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}input[type=range]{width:100%;height:19px;margin:0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:color-mix(in srgb,var(--line-strong) 80%,var(--accent))}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6.5px;border:3px solid var(--panel);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,var(--line-strong)),0 4px 10px color-mix(in srgb,var(--accent) 26%,transparent);transition:transform .15s ease}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.settings-divider{display:flex;align-items:center;gap:9px;margin:12px 0 6px;color:var(--subtle);font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.settings-divider:after{content:"";height:1px;flex:1;background:var(--line)}.vector-mode-control{margin:12px 0 4px}.vector-mode-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:11.5px;font-weight:680}.vector-mode-switch{height:42px;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(5,1fr);padding:3px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 6px 20px #0000000a;overflow:hidden}.vector-mode-switch:before{content:"";width:calc((100% - 6px)/5);position:absolute;z-index:-1;inset:3px auto 3px 3px;border-radius:9px;background:var(--accent);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 28%,transparent);transform:translate(0);transition:transform .34s cubic-bezier(.2,.85,.25,1)}.vector-mode-switch[data-mode=fine]:before{transform:translate(100%)}.vector-mode-switch[data-mode=subpixel]:before{transform:translate(200%)}.vector-mode-switch[data-mode=curve]:before{transform:translate(300%)}.vector-mode-switch[data-mode=line]:before{transform:translate(400%)}.vector-mode-switch button{min-width:0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:9.5px;font-weight:720;cursor:pointer;transition:color .24s ease}.vector-mode-switch button i{display:grid;place-items:center;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;font:760 7px/1 ui-monospace,monospace}.vector-mode-switch button:hover{color:var(--text)}.vector-mode-switch button.active{color:var(--accent-ink)}.vector-mode-control>p{min-height:25px;margin:8px 0 0;color:var(--subtle);font-size:8.5px;line-height:1.45}.export-panel{flex-shrink:0;padding:14px 18px 17px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,var(--surface))}.export-main{width:100%;min-height:50px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:13px;background:var(--export);color:var(--export-ink);box-shadow:0 10px 26px #00000026;font-size:13px;font-weight:730;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.export-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 34px #00000038}.export-secondary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.export-secondary button{appearance:none;min-height:40px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-sm);color:var(--text);font-size:11px;font-weight:680;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.export-secondary button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface);transform:translateY(-1px)}button:disabled,button[disabled]{opacity:.38;cursor:not-allowed;transform:none!important;box-shadow:none!important}button:disabled:hover,button[disabled]:hover{cursor:not-allowed}.workspace{min-width:0;min-height:0;padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px;background:var(--bg)}.preview-toolbar{min-height:44px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.preview-left{display:flex;align-items:center;gap:8px}.workspace-status{justify-self:center;max-width:min(38vw,430px);color:var(--muted);text-align:center;font-size:10px;letter-spacing:.01em}.segment{position:relative;display:inline-grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 6px 20px #0000000a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);isolation:isolate}.segment:before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:9px;background:var(--accent);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 25%,transparent);transform:translate(100%);transition:transform .34s cubic-bezier(.2,.85,.25,1)}.segment[data-view=original]:before{transform:translate(0)}.segment[data-view=result]:before{transform:translate(100%)}.segment[data-view=vector]:before{transform:translate(200%)}.segment button{min-width:90px;height:36px;padding:0 12px;position:relative;z-index:1;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;transition:color .24s ease}.segment button:hover{color:var(--text)}.segment button.active{color:var(--accent-ink)}.edit-tools #lassoTool{appearance:none;min-width:82px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding-inline:9px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);font-size:12px;font-weight:650;cursor:pointer;transition:all .18s ease}.lasso-tool-icon{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.edit-tools #lassoTool kbd{padding:1px 4px;border:1px solid var(--line);border-radius:4px;color:var(--subtle);background:var(--surface);font:700 8px/1.4 ui-monospace,monospace}.edit-tools #lassoTool.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.edit-tools #lassoTool.is-negative{background:var(--accent);color:var(--accent-ink)}.zoom-tools{display:flex;align-items:center;gap:7px}.zoom-tools button{appearance:none;min-width:32px;height:32px;padding:0 9px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-sm);color:var(--muted);font-size:11px;font-weight:650;cursor:pointer}.zoom-tools input{width:min(150px,15vw)}.zoom-tools output{min-width:44px;color:var(--muted);text-align:center;font-size:10px}.canvas-wrap{flex:1;min-height:0;min-width:0;position:relative;overflow:hidden;display:block;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);background-image:linear-gradient(color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px);background-size:28px 28px;box-shadow:inset 0 1px color-mix(in srgb,white 55%,transparent),0 18px 50px #0000000d;cursor:grab;user-select:none;touch-action:none}.canvas-wrap.is-zoomed{overflow:auto}.app.is-empty .canvas-wrap{border-style:dashed;border-color:var(--line-strong)}.canvas-wrap.drag,.app.is-empty .canvas-wrap:has(.workspace-empty:hover){border-color:var(--accent);background-color:color-mix(in srgb,var(--panel) 60%,transparent)}.canvas-wrap.is-auto-scanning:before{content:"";position:absolute;z-index:5;top:0;left:0;width:100%;height:2px;display:block;background:var(--accent);box-shadow:0 0 18px 3px color-mix(in srgb,var(--accent) 45%,transparent);animation:scan 1.6s cubic-bezier(.45,0,.55,1) 1 both}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}.canvas-wrap.is-panning{cursor:grabbing}.canvas-wrap.is-lasso{cursor:crosshair}.canvas-center{width:max-content;min-width:100%;height:max-content;min-height:100%;display:grid;place-items:center}.app.is-empty .canvas-center{display:none}.canvas-stage{position:relative;display:table;margin:auto;background:#fff;box-shadow:0 22px 70px #00000026;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)}canvas,.vector-preview{display:block;max-width:none;max-height:none}.vector-preview{overflow:visible;background:#fff}.lasso-overlay{position:absolute;z-index:4;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;touch-action:none}.canvas-stage.is-lasso .lasso-overlay{pointer-events:auto}.lasso-overlay path{fill:color-mix(in srgb,var(--accent) 15%,transparent);stroke:var(--accent);stroke-width:2;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--accent) 25%,transparent))}.canvas-stage.is-lasso-keep .lasso-overlay path{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke-dasharray:2 4}.empty{display:grid;place-items:center;height:100%;color:var(--muted);font-size:12px}.workspace-empty{width:100%;min-height:100%;align-content:center;gap:9px;padding:32px;border:0;border-radius:inherit;cursor:pointer;text-align:center;transition:background .2s ease}.upload-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:25px;transition:transform .25s ease}.workspace-empty strong{color:var(--text);font-size:19px;letter-spacing:-.025em}.workspace-empty>span:not(.upload-icon){max-width:380px;line-height:1.5}.workspace-empty small{margin-top:7px;color:var(--subtle);font-size:10px}.change-image-button{min-height:40px;position:absolute;z-index:41;top:12px;right:12px;display:none;align-items:center;gap:7px;padding:0 11px;border:1px solid color-mix(in srgb,var(--line-strong) 75%,transparent);border-radius:11px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);box-shadow:0 9px 26px #0000001a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:11px;font-weight:730;cursor:pointer}.app.has-image .change-image-button{display:inline-flex}.change-image-button span{color:var(--accent);font-size:14px}.canvas-action-layer{position:absolute;z-index:40;inset:0;display:block;pointer-events:none}.canvas-action-layer>button{pointer-events:auto}.canvas-corner-action{width:40px;height:40px;position:absolute;z-index:41;top:12px;display:none;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--line-strong) 75%,transparent);border-radius:11px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);box-shadow:0 9px 26px #0000001a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:18px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.app.has-image .canvas-corner-action{display:grid}.canvas-undo-action{left:12px}.processing-loader{position:sticky;left:50%;top:50%;z-index:7;width:max-content;max-width:min(420px,80%);padding:12px 17px;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--panel) 90%,transparent);box-shadow:0 14px 40px #0000002e;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);font-size:11px}.spinner{width:14px;height:14px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.editor-shell{grid-template-columns:clamp(300px,34vw,360px) minmax(0,1fr)}}@media(max-width:860px){body{overflow-y:auto}.topbar{height:58px;padding:0 16px}.privacy-compact>strong{display:none}.editor-shell{height:auto;display:flex;flex-direction:column-reverse;overflow:visible}.inspector{height:auto;overflow:visible;border-right:none;border-top:1px solid var(--line);background:var(--panel)}.inspector-scroll{overflow:visible;padding:16px}.inspector-file{height:auto;padding:12px 16px}.workspace{height:52vh;min-height:360px;max-height:580px;padding:12px 12px 14px;position:sticky;top:0;z-index:25;background:var(--bg);box-shadow:0 12px 32px #00000014}.preview-toolbar{min-height:40px;gap:8px}.workspace-status{display:none}.stage{min-height:0;height:100%}.export-group{padding:14px}.export-primary{min-height:44px}.export-secondary{grid-template-columns:repeat(4,1fr)}}@media(max-width:540px){.topbar{padding:0 12px}.brand-badge{display:none}.unlimited-badge{padding:4px 8px;font-size:10px}.workspace{height:46vh;min-height:290px;padding:8px 8px 10px}.preview-toolbar{grid-template-columns:1fr auto}.zoom-control{display:none}.segment button{padding:5px 9px;font-size:10.5px}.vector-mode-switch button{padding:0 4px;font-size:10.5px}.export-secondary{grid-template-columns:repeat(2,1fr)}}.credit-cluster{display:inline-flex;align-items:center;gap:6px}.credits-button,.wallet-button{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-size:11.5px;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.credits-button:hover,.wallet-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:var(--surface);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent)}.credit-gem{font-size:13px;filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--accent) 30%,transparent))}.wallet-icon{font-size:13px}body.modal-open{overflow:hidden}.web3-modal-container{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px}.web3-modal-backdrop{position:absolute;inset:0;background:#0c0d12bf;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);animation:web3-fade-in .22s ease both}.web3-modal-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100svh - 36px);position:relative;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;padding:32px 32px 36px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:26px;background:var(--panel);box-shadow:0 32px 90px #00000080,0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);animation:web3-enter .34s cubic-bezier(.18,.86,.26,1) both;scrollbar-width:thin}.web3-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.web3-brand-title{display:flex;align-items:center;gap:14px}.web3-brand-gem{font-size:32px;display:grid;place-items:center;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent))}.web3-brand-title h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.web3-brand-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.web3-close-btn{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);font-size:22px;line-height:1;cursor:pointer;transition:transform .16s ease,color .16s ease,background .16s ease}.web3-close-btn:hover{transform:rotate(6deg) scale(1.05);color:var(--text);background:var(--panel)}.web3-modal-body{display:flex;flex-direction:column;gap:22px}.web3-wallet-banner{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface))}.web3-wallet-info{display:flex;align-items:center;gap:12px}.web3-status-dot{width:10px;height:10px;border-radius:50%;background:var(--subtle);box-shadow:0 0 0 3px color-mix(in srgb,var(--subtle) 20%,transparent)}.web3-status-dot.is-connected{background:#10b981;box-shadow:0 0 0 4px #10b98140}.web3-wallet-info strong{display:block;font-size:13px;color:var(--text)}.web3-wallet-info span{font-size:11.5px;color:var(--muted)}.web3-wallet-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.web3-provider-btn{gap:7px;justify-content:flex-start;font-size:11px}.brand-logo .v-stroke{stroke-dasharray:260;stroke-dashoffset:0}.brand:hover .brand-logo .v-stroke,.brand:focus-visible .brand-logo .v-stroke{animation:v-draw .9s cubic-bezier(.4,0,.2,1)}@keyframes v-draw{0%{stroke-dashoffset:260}to{stroke-dashoffset:0}}.brand-logo .v-node{transform-box:fill-box;transform-origin:center}.brand:hover .brand-logo .v-node,.brand:focus-visible .brand-logo .v-node{animation:v-node-pop .55s ease .55s backwards}@keyframes v-node-pop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.25);opacity:1}to{transform:scale(1)}}.brand-logo .v-keyhole{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .25s ease .75s,transform .3s ease .75s}.brand:hover .brand-logo .v-keyhole,.brand:focus-visible .brand-logo .v-keyhole{opacity:1;transform:scale(1)}.brand:hover .brand-logo .v-node-bottom{opacity:0}@media(prefers-reduced-motion:reduce){.brand:hover .brand-logo .v-stroke,.brand:hover .brand-logo .v-node{animation:none}}.canvas-wrap.is-processing .canvas-stage{opacity:.55;filter:saturate(.7);transition:opacity .2s ease}.web3-banner-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.web3-provider-icon{width:20px;height:20px;border-radius:5px;object-fit:contain}.web3-addr{font-family:ui-monospace,monospace;color:var(--accent);font-weight:700}.web3-credit-count{color:var(--text);font-weight:800}.web3-section{display:flex;flex-direction:column;gap:10px}.web3-section-label{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.web3-package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.web3-package-card{padding:16px;border:2px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.web3-package-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 8px 22px #00000014}.web3-package-card.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 60%,var(--surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 8px 24px #0000001a}.web3-pkg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.web3-pkg-head strong{font-size:15px;font-weight:800;color:var(--text)}.web3-pkg-badge{padding:3px 8px;border-radius:99px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.04em}.web3-pkg-price{display:flex;flex-direction:column;gap:2px}.web3-usdc{font-size:20px;font-weight:850;color:var(--accent);letter-spacing:-.02em}.web3-pkg-price small{font-size:11px;color:var(--muted)}.web3-action-buttons{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.web3-btn-primary,.web3-btn-secondary{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:13px;font-size:12px;font-weight:750;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.web3-btn-primary{border:0;background:linear-gradient(135deg,#ff4081,#e02874);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,#ff4081 35%,transparent)}.web3-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px color-mix(in srgb,#ff4081 48%,transparent)}.web3-btn-primary:disabled{opacity:.52;cursor:not-allowed;box-shadow:none;pointer-events:none}.web3-btn-primary:disabled:hover{transform:none;box-shadow:none}.web3-btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.web3-btn-secondary:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.web3-btn-secondary:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--panel)}.web3-btn-large{height:52px;font-size:13px}.web3-btn-large strong{margin-left:auto;font-family:ui-monospace,monospace;font-size:14px}.web3-text-btn{border:0;background:transparent;color:var(--muted);font-size:11.5px;font-weight:700;cursor:pointer;padding:6px 0}.web3-text-btn:hover{color:var(--text);text-decoration:underline}.web3-qr-box{padding:20px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.web3-qr-image{flex:0 0 auto}.web3-qr-copy{display:flex;flex-direction:column;gap:8px}.web3-qr-copy strong{font-size:16px;color:var(--text)}.web3-qr-copy p{margin:0;font-size:12px;color:var(--muted);line-height:1.45}.web3-qr-details{display:flex;flex-direction:column;gap:4px;margin:6px 0;padding:8px 12px;border-radius:10px;background:var(--panel);font-size:11px;color:var(--muted)}.web3-qr-details b{color:var(--accent)}.web3-qr-details code{font-family:ui-monospace,monospace;color:var(--text)}.web3-qr-listener{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--accent);font-weight:700}.web3-spinner{width:12px;height:12px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:web3-spin .65s linear infinite}.web3-qr-btn-row{display:flex;align-items:center;gap:8px;margin-top:4px}.web3-history-head{display:flex;align-items:center;justify-content:space-between}.web3-history-head small{color:var(--muted);font-size:11px}.web3-history-container{max-height:190px;overflow-y:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);scrollbar-width:thin}.web3-history-empty{padding:24px;text-align:center;color:var(--muted);font-size:12px;line-height:1.5}.web3-history-table{width:100%;border-collapse:collapse;font-size:11.5px;text-align:left}.web3-history-table th,.web3-history-table td{padding:10px 14px;border-bottom:1px solid var(--line)}.web3-history-table th{position:sticky;top:0;z-index:1;background:var(--panel);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.web3-history-table tr:last-child td{border-bottom:0}.web3-format-pill{padding:2px 7px;border-radius:6px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font:800 9.5px/1 ui-monospace,monospace}.web3-table-file{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web3-cost{color:#ef4444;font-weight:750;font-family:ui-monospace,monospace}.web3-rem{font-weight:750;font-family:ui-monospace,monospace}.web3-backup-section{padding-top:14px;border-top:1px solid var(--line)}.web3-backup-hint{margin:0 0 10px;font-size:11px;color:var(--muted);line-height:1.45}.web3-key-box,.web3-restore-box{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.web3-key-box input,.web3-restore-box input{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-family:ui-monospace,monospace;font-size:12px;font-weight:700;outline:none}.web3-key-box input:focus,.web3-restore-box input:focus{border-color:var(--accent)}@keyframes web3-fade-in{0%{opacity:0}to{opacity:1}}@keyframes web3-enter{0%{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes web3-spin{to{transform:rotate(360deg)}}@media(max-width:580px){.web3-modal-dialog{padding:22px 18px 24px}.web3-package-grid,.web3-action-buttons{grid-template-columns:1fr}.web3-qr-box{grid-template-columns:1fr;justify-items:center;text-align:center}.web3-qr-listener{justify-content:center}}.web3-chain-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:2px 4px;color:var(--text);font-size:12px;font-weight:650}.web3-chain-row span{display:inline-flex;align-items:center;gap:5px}.web3-chain-row small{color:var(--muted);font-weight:500;margin-left:auto}.web3-chain-row em{font-style:normal;color:var(--muted);font-weight:600}.web3-referral-copy{margin:4px 0 10px;color:var(--muted);font-size:12.5px}.web3-referral-copy b{color:var(--accent)}.web3-referral-row{display:flex;gap:8px}.web3-referral-row input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:500 12px/1 ui-monospace,monospace}.web3-referral-rewards{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;color:var(--text)}.web3-referral-rewards button{padding:7px 14px;font-size:12px}.web3-tabbar{display:flex;gap:6px}.web3-tab{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.web3-tab:hover{border-color:var(--line-strong)}.web3-tab.is-active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}.web3-referral-claimbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:var(--accent-soft);font-size:13px}.web3-referral-claimbar button{padding:7px 14px;font-size:12px}.web3-referral-row{margin-bottom:4px}.ai-addon-note{margin:4px 0 10px;padding:8px 12px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;color:var(--text);font-size:11px;line-height:1.5}.ai-addon-note b{color:var(--accent)}.control .ai-price-tag{grid-column:2;grid-row:1;justify-self:end;min-width:0;white-space:nowrap;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 9px;font:750 10.5px/1.2 inherit;font-family:inherit}.seo-story{--story-bg: #0b0c11;--story-surface: #11131a;--story-text: #f3f0e8;--story-muted: #9a9daa;--story-line: #292c36;--story-accent: #e979c0;position:relative;isolation:isolate;overflow:clip;background:var(--story-bg);color:var(--story-text)}.seo-story:before{content:"";position:absolute;z-index:-1;top:0;left:8vw;width:1px;height:100%;background:#ffffff09;box-shadow:21vw 0 #ffffff06,42vw 0 #ffffff06,63vw 0 #ffffff06,84vw 0 #ffffff06;pointer-events:none}.seo-boundary{width:min(1440px,calc(100% - clamp(40px,8vw,136px)));margin-inline:auto}.back-to-tool{position:sticky;z-index:19;top:18px;width:max-content;margin:0 clamp(20px,4vw,64px) 0 auto;display:flex;align-items:center;gap:9px;transform:translateY(22px);padding:10px 14px;border:1px solid var(--story-line);border-radius:13px;background:color-mix(in srgb,var(--story-surface) 82%,transparent);color:var(--story-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-decoration:none;font-size:10px;font-weight:760;letter-spacing:.04em;transition:transform .2s ease,border-color .2s ease}.back-to-tool:hover{transform:translateY(19px);border-color:var(--story-accent);background:color-mix(in srgb,var(--story-accent) 12%,var(--story-surface))}.back-to-tool span{color:var(--story-accent);font-size:14px}.seo-kicker,.seo-index{color:var(--story-accent);font:760 10px/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-transform:uppercase}.seo-story h1,.seo-story h2{margin:0;color:var(--story-text);font-weight:610;letter-spacing:-.075em}.seo-story h1 i,.seo-story h2 i{color:var(--story-accent);font-family:Georgia,Times New Roman,serif;font-weight:400}.seo-story p{color:var(--story-muted)}[data-reveal]{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.78,.18,1)}[data-reveal].reveal-pending{opacity:0;transform:translateY(34px)}[data-reveal].reveal-pending.is-visible{opacity:1;transform:translateY(0)}.seo-hero{min-height:100svh;position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;column-gap:clamp(30px,5vw,82px);row-gap:28px;padding-block:clamp(100px,11vh,148px) 54px;border-bottom:1px solid var(--story-line)}.seo-hero-copy{grid-column:1 / 7;grid-row:1;position:relative;z-index:2;align-self:center}.seo-hero-copy h1{max-width:760px;margin:24px 0 30px;font-size:clamp(70px,8.2vw,128px);line-height:.8}.seo-hero-copy p{max-width:650px;margin:0;font-size:clamp(16px,1.35vw,21px);line-height:1.6}.hover-instruction{display:block;margin-top:22px;color:#666b7a;font:700 8px/1.4 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.pixel-smooth-word{--word-x: 0px;--word-y: 0px;position:relative;display:inline-grid;min-width:3.35em;outline:none;cursor:crosshair;transform:translate3d(var(--word-x),var(--word-y),0);transition:transform .34s cubic-bezier(.2,.8,.2,1)}.pixel-smooth-word>*{grid-area:1 / 1}.pixel-smooth-word .pixel-label{display:flex;align-items:baseline;color:#c187ff;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.79em;font-style:normal;font-weight:900;letter-spacing:-.13em;text-transform:uppercase;filter:contrast(1.8);text-shadow:3px 0 #ff5fb0,0 3px #ff5fb0,3px 3px #7c3aed;transform:translateY(.07em) skew(-4deg);clip-path:inset(-20% -8% -22% -8%);transition:clip-path .55s cubic-bezier(.65,0,.35,1),filter .55s ease}.pixel-smooth-word .pixel-label b{font:inherit;transform:translate(0);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease;transition-delay:calc(var(--fragment, 0) * 34ms)}.pixel-smooth-word .pixel-label b:nth-child(1){--fragment:0 }.pixel-smooth-word .pixel-label b:nth-child(2){--fragment:1 }.pixel-smooth-word .pixel-label b:nth-child(3){--fragment:2 }.pixel-smooth-word .pixel-label b:nth-child(4){--fragment:3 }.pixel-smooth-word .pixel-label b:nth-child(5){--fragment:4 }.pixel-smooth-word .pixel-label b:nth-child(6){--fragment:5 }.pixel-smooth-word .vector-label{color:var(--story-text);font-style:italic;clip-path:inset(0 100% 0 0);transform:translateY(.015em);transition:clip-path .68s cubic-bezier(.18,.78,.22,1)}.word-vector-ui{width:92%;align-self:end;justify-self:start;translate:2% 26%;overflow:visible;opacity:0;pointer-events:none}.word-vector-ui path{fill:none;stroke:var(--story-accent);stroke-width:1.5;stroke-dasharray:420;stroke-dashoffset:420}.word-vector-ui circle{fill:#12141b;stroke:var(--story-accent);stroke-width:2;transform-box:fill-box;transform-origin:center;transform:scale(0)}.pixel-smooth-word:hover .pixel-label,.pixel-smooth-word:focus .pixel-label{clip-path:inset(-20% 102% -22% -8%);filter:contrast(1)}.pixel-smooth-word:hover .pixel-label b:nth-child(odd),.pixel-smooth-word:focus .pixel-label b:nth-child(odd){opacity:.35;transform:translateY(-.16em) rotate(-4deg)}.pixel-smooth-word:hover .pixel-label b:nth-child(2n),.pixel-smooth-word:focus .pixel-label b:nth-child(2n){opacity:.35;transform:translateY(.18em) rotate(5deg)}.pixel-smooth-word:hover .vector-label,.pixel-smooth-word:focus .vector-label{clip-path:inset(0 0 0 0);transition-delay:.12s}.pixel-smooth-word:hover .word-vector-ui,.pixel-smooth-word:focus .word-vector-ui{opacity:1}.pixel-smooth-word:hover .word-vector-ui path,.pixel-smooth-word:focus .word-vector-ui path{animation:word-trace .9s .08s cubic-bezier(.2,.8,.2,1) forwards}.pixel-smooth-word:hover .word-vector-ui circle,.pixel-smooth-word:focus .word-vector-ui circle{animation:word-node .32s .62s ease forwards}.trace-orbit{grid-column:7 / 13;grid-row:1;position:relative;width:100%;align-self:center;color:var(--story-muted)}.trace-orbit svg{width:100%;display:block;overflow:visible}.trace-grid path{fill:none;stroke:#242731;stroke-width:1}.trace-raster{fill:none;stroke:#606574;stroke-width:3;opacity:.55}.trace-vector{fill:none;stroke:var(--story-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:920;animation:story-trace 5s cubic-bezier(.65,0,.35,1) infinite;filter:drop-shadow(0 0 13px rgba(124,135,255,.34))}.trace-nodes circle{fill:var(--story-bg);stroke:#e6c7f5;stroke-width:3;animation:story-node 5s ease infinite}.trace-orbit>span,.trace-orbit>strong{position:absolute;bottom:-20px;font:700 9px/1 ui-monospace,monospace;letter-spacing:.15em}.trace-orbit>span:first-of-type{left:6%}.trace-orbit>span:nth-of-type(2){left:48%;color:var(--story-accent)}.trace-orbit>strong{right:8%;color:var(--story-text)}.scroll-cue{grid-column:1 / 13;grid-row:2;align-self:end;display:flex;align-items:center;gap:12px;color:#707481;font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.scroll-cue span{width:54px;height:1px;position:relative;overflow:hidden;background:var(--story-line)}.scroll-cue span:after{content:"";position:absolute;inset:0;background:var(--story-accent);transform:translate(-100%);animation:story-scroll 2s ease infinite}.seo-section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:36px;align-items:end}.seo-section-heading .seo-kicker{grid-column:1 / -1}.seo-section-heading h2{font-size:clamp(64px,7.4vw,118px);line-height:.86}.seo-section-heading>p{max-width:500px;margin:0 0 7px;font-size:16px;line-height:1.65}.seo-workflow{min-height:100svh;padding-block:clamp(120px,15vw,220px);border-bottom:1px solid var(--story-line)}.workflow-stage{margin-top:clamp(68px,9vw,130px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(48px,8vw,130px);align-items:center}.workflow-demo{position:relative;border:1px solid #323641;border-radius:18px;overflow:hidden;background:#f1f2f6;box-shadow:0 44px 100px #0006;transform:rotate(-1deg)}.demo-toolbar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #d9dbe3;background:#fff;color:#747784;font:600 8px/1 ui-monospace,monospace}.demo-toolbar i{width:7px;height:7px;border-radius:50%;background:#d7d9e1}.demo-toolbar span{margin-left:10px}.demo-canvas{min-height:460px;position:relative;display:grid;place-items:center;overflow:hidden;background:#eff0f4}.demo-drop{position:absolute;z-index:2;display:grid;justify-items:center;gap:10px;color:#1b1d24;animation:story-drop 8s ease infinite}.demo-drop>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#c8409b;color:#fff;font-size:18px}.demo-drop strong{font-size:16px}.demo-drop small{color:#8b8e99;font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em}.demo-canvas svg{width:82%;opacity:0;animation:story-art 8s ease infinite}.demo-hand{fill:none;stroke:#8b909d;stroke-width:17;stroke-linecap:round;stroke-linejoin:round}.demo-path{fill:none;stroke:#161820;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:760;animation:story-draw 8s ease infinite}.demo-scan{position:absolute;z-index:3;inset-inline:0;top:0;height:2px;opacity:0;background:#c8409b;box-shadow:0 0 22px 6px #c8409b33;animation:story-scan 8s ease infinite}.demo-export{height:56px;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #d9dbe3;background:#fff}.demo-export span{min-width:50px;padding:7px 9px;border:1px solid #dde0e7;border-radius:8px;color:#696c78;text-align:center;font:700 8px/1 ui-monospace,monospace}.demo-export span:first-child{background:#191b21;color:#fff;border-color:#191b21}.workflow-copy{margin:0;padding:0;list-style:none}.workflow-copy li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:25px 0;border-top:1px solid var(--story-line)}.workflow-copy li:last-child{border-bottom:1px solid var(--story-line)}.workflow-copy small{padding-top:4px;color:var(--story-accent);font:720 9px/1 ui-monospace,monospace}.workflow-copy strong{display:block;color:var(--story-text);font-size:clamp(18px,1.5vw,23px);letter-spacing:-.025em}.workflow-copy p{margin:8px 0 0;font-size:13px;line-height:1.6}.seo-price{min-height:90svh;display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:clamp(70px,12vw,190px);align-items:center;padding-block:clamp(120px,15vw,220px);border-bottom:1px solid var(--story-line)}.price-number{width:min(100%,580px);position:relative;display:grid;justify-items:start;gap:13px;padding:clamp(34px,5vw,62px);border:1px solid var(--story-line);background:#0f1117}.price-number:after{content:none}.price-number>small{color:var(--story-muted);font:720 9px/1 ui-monospace,monospace;letter-spacing:.15em}.price-number strong{color:var(--story-text);font:560 clamp(76px,9vw,142px)/.9 Inter,sans-serif;letter-spacing:-.09em}.price-number strong s{text-decoration-line:line-through;text-decoration-color:var(--story-accent);text-decoration-thickness:clamp(3px,.45vw,7px);text-decoration-skip-ink:none}.price-number>span{justify-self:start;margin-top:24px;color:var(--story-text);font:670 clamp(16px,1.8vw,25px)/1.18 Inter,sans-serif;letter-spacing:-.035em}.price-number>span small{display:block;margin-top:9px;color:var(--story-muted);font:650 9px/1 ui-monospace,monospace;letter-spacing:.08em}.story-tax-note{display:block;margin-top:13px;color:var(--story-muted);font:650 10px/1 ui-monospace,monospace;letter-spacing:.06em}.price-copy h2{margin:24px 0 30px;font-size:clamp(66px,7.6vw,116px);line-height:.84}.price-copy>p{max-width:610px;margin:0;font-size:17px;line-height:1.65}.price-equation-large{margin:42px 0 34px;display:grid;gap:8px;color:var(--story-text)}.price-equation-large strong{color:var(--story-text);font-size:clamp(22px,2.5vw,38px);letter-spacing:-.045em}.price-equation-large span{color:var(--story-accent);font:500 clamp(22px,2.2vw,34px)/1.1 Georgia,serif;font-style:italic}.price-copy ul{margin:0 0 38px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;list-style:none}.price-copy li{position:relative;padding-left:18px;color:var(--story-muted);font-size:12px;line-height:1.5}.price-copy li:before{content:"•";position:absolute;left:0;color:var(--story-accent)}.seo-cta{min-width:240px;height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 19px;border:0;border-radius:13px;background:var(--story-accent);color:#090a0f;font-size:11px;font-weight:800;cursor:pointer;transition:transform .2s ease,background .2s ease}.seo-cta:hover{transform:translateY(-3px);background:#d79ae0}.seo-referral{width:100%;min-height:92svh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:clamp(70px,10vw,155px);align-items:center;padding:clamp(120px,15vw,220px) max(20px,calc((100vw - 1440px)/2));border-bottom:1px solid color-mix(in srgb,#0b0c11 24%,transparent);background:var(--story-accent);color:#0b0c11}.seo-referral .seo-kicker{color:#0b0c11;opacity:.62}.referral-story-copy h2{margin:24px 0 32px;font-size:clamp(66px,7.6vw,116px);line-height:.84}.seo-referral .referral-story-copy h2,.seo-referral .referral-story-copy h2 i{color:#0b0c11}.referral-story-copy>p{max-width:640px;margin:0;color:color-mix(in srgb,#0b0c11 80%,transparent);font-size:18px;line-height:1.68}.referral-story-copy ul{margin:34px 0 38px;padding:0;display:grid;gap:13px;list-style:none}.referral-story-copy li{position:relative;padding-left:20px;color:color-mix(in srgb,#0b0c11 74%,transparent);font-size:15px;line-height:1.55}.referral-story-copy li:before{content:"+";position:absolute;left:0;color:#0b0c11;font-weight:800}.seo-referral .seo-cta{background:#0b0c11;color:#fff}.seo-referral .seo-cta:hover{background:#fff;color:#0b0c11}.referral-story-visual{min-height:540px;position:relative;overflow:hidden;border:1px solid rgba(11,12,17,.22);background:radial-gradient(circle at 70% 42%,rgba(255,255,255,.28),transparent 34%),color-mix(in srgb,var(--story-accent) 86%,white)}.referral-story-visual svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.referral-story-visual svg path{fill:none;stroke:#0b0c11ad;stroke-width:3;stroke-linecap:round;stroke-dasharray:12 11;animation:referral-flow 2.2s linear infinite}.referral-story-visual svg circle{fill:var(--story-accent);stroke:#0b0c11;stroke-width:3}.referral-person{width:78px;height:78px;position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(11,12,17,.52);border-radius:50%;background:#0b0c11;color:#fff;font:760 9px/1 ui-monospace,monospace;letter-spacing:.1em}.referral-person i{width:10px;height:10px;position:absolute;right:2px;bottom:8px;border-radius:50%;background:var(--story-accent);box-shadow:0 0 20px var(--story-accent)}.referral-person-you{left:10%;top:38%}.referral-person-friend{right:8%;top:37%}.referral-link-chip{position:absolute;z-index:3;left:30%;top:22%;padding:12px 15px;border:1px solid rgba(11,12,17,.26);border-radius:10px;background:#ffffffd1;color:#0b0c11;font:700 10px/1 ui-monospace,monospace;transform:rotate(-3deg);animation:referral-chip 3.6s ease-in-out infinite}.referral-credit-burst{position:absolute;z-index:3;right:25%;bottom:13%;display:grid;justify-items:center;gap:7px;transform:rotate(4deg)}.referral-credit-burst small,.referral-credit-burst span{color:#0b0c11a8;font:760 9px/1 ui-monospace,monospace;letter-spacing:.16em}.referral-credit-burst strong{color:#0b0c11;font:500 clamp(84px,10vw,150px)/.9 Georgia,serif;text-shadow:0 0 45px rgba(255,255,255,.35)}.seo-local{min-height:100svh;display:grid;grid-template-columns:minmax(400px,1fr) minmax(0,1fr);gap:clamp(70px,10vw,150px);align-items:center;padding-block:clamp(120px,16vw,230px);border-bottom:1px solid var(--story-line)}.local-visual{min-height:640px;position:relative;display:grid;place-items:center}.local-device{width:210px;height:290px;z-index:2;display:grid;align-content:center;justify-items:center;gap:8px;border:1px solid #4a4e5e;border-radius:24px;background:#11131a;box-shadow:inset 0 0 0 7px #0b0c11,0 30px 80px #00000073}.local-camera{width:72px;height:72px;display:grid;place-items:center;border:1px solid #3a3e4b;color:var(--story-accent);font-size:30px}.local-device strong{font:760 10px/1 ui-monospace,monospace;letter-spacing:.1em}.local-device small{color:var(--story-muted)}.local-ring{position:absolute;border:1px solid rgba(124,135,255,.26);border-radius:50%;animation:local-pulse 4s ease-in-out infinite}.ring-one{width:340px;height:340px}.ring-two{width:490px;height:490px;animation-delay:-.7s}.ring-three{width:630px;height:630px;animation-delay:-1.4s}.local-label{position:absolute;padding:7px 9px;border:1px solid var(--story-line);color:var(--story-muted);background:var(--story-bg);font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em}.label-browser{left:4%;top:25%;color:var(--story-accent)}.label-server{right:2%;bottom:21%}.local-copy h2{margin:24px 0 32px;font-size:clamp(66px,7.4vw,116px);line-height:.84}.local-copy>p{max-width:650px;margin:0 0 22px;font-size:17px;line-height:1.7}.local-copy .local-note{padding-left:18px;border-left:2px solid var(--story-accent);color:#c4c6ce;font-size:13px}.text-link,.all-guides-link{display:inline-flex;align-items:center;gap:12px;color:var(--story-text);text-decoration:none;font-size:11px;font-weight:760;border-bottom:1px solid #565a69;padding-bottom:7px;transition:color .2s ease,border-color .2s ease}.text-link:hover,.all-guides-link:hover{color:var(--story-accent);border-color:var(--story-accent)}.keyword-section{padding-block:clamp(120px,16vw,230px);border-bottom:1px solid var(--story-line)}.keyword-heading{margin-bottom:clamp(70px,10vw,140px)}.keyword-list{border-top:1px solid var(--story-line)}.keyword-list a{position:relative;display:grid;grid-template-columns:150px minmax(250px,.8fr) minmax(300px,1fr) 32px;gap:28px;align-items:center;min-height:116px;border-bottom:1px solid var(--story-line);color:var(--story-text);text-decoration:none;transition:padding .25s ease,background .25s ease}.keyword-list a:hover{padding-inline:18px;background:color-mix(in srgb,var(--story-accent) 9%,var(--story-surface))}.keyword-list small{color:#666a77;font:700 8px/1.2 ui-monospace,monospace;letter-spacing:.1em}.keyword-list strong{font-size:clamp(22px,2.2vw,34px);font-weight:610;letter-spacing:-.04em}.keyword-list span{color:var(--story-muted);font-size:13px;line-height:1.55}.keyword-list i{color:var(--story-accent);font-size:18px;font-style:normal;transition:transform .2s ease}.keyword-list a:hover i{transform:translate(4px,-4px)}.all-guides-link{margin-top:42px}.fynn-case{min-height:100svh;display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:clamp(60px,10vw,160px);align-items:center;padding-block:clamp(120px,15vw,220px);border-bottom:1px solid var(--story-line)}.fynn-portrait{position:relative;margin:0}.fynn-portrait:before{content:"01";position:absolute;z-index:2;top:-45px;right:-30px;color:var(--story-accent);font:520 clamp(70px,9vw,140px)/1 Georgia,serif}.fynn-portrait img{width:100%;min-height:600px;display:block;object-fit:cover;filter:grayscale(100%) contrast(1.08)}.fynn-portrait figcaption{margin-top:13px;color:#777b88;font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.fynn-copy h2{margin:24px 0 35px;font-size:clamp(62px,6.8vw,106px);line-height:.86}.fynn-copy>p{max-width:710px;margin:0 0 20px;font-size:15px;line-height:1.75}.fynn-copy blockquote{max-width:700px;margin:48px 0 40px;padding:0;color:var(--story-text);font:400 clamp(28px,3.2vw,48px)/1.12 Georgia,serif;letter-spacing:-.03em}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags span{padding:8px 10px;border:1px solid var(--story-line);color:#838795;font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em}.seo-explainer{display:grid;grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);gap:clamp(70px,11vw,180px);padding-block:clamp(120px,15vw,220px);border-bottom:1px solid var(--story-line)}.seo-explainer .seo-section-heading{display:block}.seo-explainer .seo-section-heading h2{margin-top:24px;font-size:clamp(66px,7vw,108px)}.explainer-copy>p{margin:0 0 25px;color:#b5b7c0;font-size:16px;line-height:1.75}.explainer-copy dl{margin:54px 0 0}.explainer-copy dl>div{display:grid;grid-template-columns:85px 1fr;gap:24px;padding:20px 0;border-top:1px solid var(--story-line)}.explainer-copy dl>div:last-child{border-bottom:1px solid var(--story-line)}.explainer-copy dt{color:var(--story-accent);font:760 12px/1.5 ui-monospace,monospace}.explainer-copy dd{margin:0;color:var(--story-muted);font-size:13px;line-height:1.6}.search-answers{padding-block:clamp(120px,15vw,220px);border-bottom:1px solid var(--story-line)}.search-answers .seo-section-heading{margin-bottom:clamp(70px,9vw,130px)}.search-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--story-line);border-bottom:1px solid var(--story-line)}.search-answer-grid article{min-height:390px;padding:34px clamp(24px,3vw,48px) 38px 0;display:flex;flex-direction:column;border-right:1px solid var(--story-line)}.search-answer-grid article+article{padding-left:clamp(24px,3vw,48px)}.search-answer-grid article:last-child{border-right:0}.search-answer-grid small{color:var(--story-accent);font:720 9px/1 ui-monospace,monospace;letter-spacing:.12em}.search-answer-grid h3{margin:70px 0 18px;color:var(--story-text);font-size:clamp(27px,2.5vw,40px);line-height:1;letter-spacing:-.05em}.search-answer-grid p{margin:0;font-size:13px;line-height:1.7}.search-answer-grid a{margin-top:auto;padding-top:35px;display:flex;justify-content:space-between;gap:18px;color:var(--story-text);text-decoration:none;font-size:10px;font-weight:760}.search-answer-grid a span{color:var(--story-accent)}.seo-faq{display:grid;grid-template-columns:minmax(380px,.8fr) minmax(0,1.2fr);gap:clamp(70px,12vw,190px);padding-block:clamp(120px,15vw,220px);border-bottom:1px solid var(--story-line)}.seo-faq .seo-section-heading{display:block}.seo-faq .seo-section-heading h2{margin-top:24px;font-size:clamp(66px,7vw,108px)}.faq-list{border-top:1px solid var(--story-line)}.faq-list details{border-bottom:1px solid var(--story-line)}.faq-list summary{position:relative;padding:26px 48px 26px 0;color:var(--story-text);font-size:17px;font-weight:630;letter-spacing:-.02em;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:23px;color:var(--story-accent);font-size:22px;font-weight:400;transition:transform .2s ease}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list p{max-width:650px;margin:-8px 0 28px;font-size:13px;line-height:1.7}.seo-final{min-height:78svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:100px;text-align:center}.seo-final h2{margin:25px 0 48px;font-size:clamp(78px,11vw,170px);line-height:.78}.seo-final a{min-width:270px;height:58px;display:inline-flex;align-items:center;justify-content:space-between;padding:0 20px;border-radius:13px;background:var(--story-text);color:var(--story-bg);text-decoration:none;font-size:11px;font-weight:820;transition:transform .2s ease,background .2s ease}.seo-final a:hover{transform:translateY(-4px);background:var(--story-accent)}.story-footer{width:min(1440px,calc(100% - clamp(40px,8vw,136px)));min-height:160px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--story-line);color:#747784}.story-brand-block{position:relative}.story-brand{display:inline-flex;align-items:center;gap:18px;color:var(--story-text);text-decoration:none;font-size:15px;font-weight:760}.story-brand>span{display:grid;gap:5px}.story-brand small{color:#e979c0}.story-brand small b{color:#d7d8de}.story-logo{width:88px;height:auto;display:block;overflow:visible;filter:drop-shadow(0 9px 25px rgba(214,31,127,.22))}.story-logo-vector,.story-logo-pointer{fill:#d61f7f;transform-box:fill-box}.story-logo-vector{transform-origin:center;animation:footer-vector-flex 4.8s cubic-bezier(.65,0,.35,1) infinite}.story-logo-pointer{transform-origin:center bottom;animation:footer-pointer-drag 4.8s cubic-bezier(.65,0,.35,1) infinite}.story-logo-node{fill:none;stroke:#dbaae8;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:footer-node-pulse 4.8s ease infinite}.story-logo-node-right{animation-delay:.18s}.story-brand:hover .story-logo-pointer,.story-brand:hover .story-logo-vector,.story-brand:hover .story-logo-node{animation-duration:1.7s}.story-footer p{margin:7px 0 0;color:#666a76;font-size:9px}.story-footer .legal-footer{color:#7e818d}@keyframes story-trace{0%,10%{stroke-dashoffset:920}55%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-920}}@keyframes story-node{0%,28%{opacity:0;transform:scale(.3);transform-origin:center}50%,85%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes story-scroll{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}@keyframes story-drop{0%,16%{opacity:1;transform:translateY(0) scale(1)}23%,82%{opacity:0;transform:translateY(14px) scale(.96)}92%,to{opacity:1;transform:none}}@keyframes story-art{0%,18%{opacity:0;transform:scale(.96)}26%,85%{opacity:1;transform:scale(1)}94%,to{opacity:0}}@keyframes story-draw{0%,28%{stroke-dashoffset:760}56%,85%{stroke-dashoffset:0}94%,to{stroke-dashoffset:-760}}@keyframes story-scan{0%,24%{opacity:0;transform:translateY(0)}29%{opacity:1}54%{opacity:1;transform:translateY(458px)}59%,to{opacity:0;transform:translateY(458px)}}@keyframes local-pulse{0%,to{opacity:.28;transform:scale(.96)}50%{opacity:.72;transform:scale(1.03)}}@keyframes footer-vector-flex{0%,18%,82%,to{transform:scaleY(1)}42%{transform:scaleY(.92) translateY(4px)}62%{transform:scaleY(1.045) translateY(-2px)}}@keyframes footer-pointer-drag{0%,18%,82%,to{transform:translate(0) rotate(0)}42%{transform:translate(7px,7px) rotate(4deg)}62%{transform:translate(-5px,-2px) rotate(-3deg)}}@keyframes footer-node-pulse{0%,15%,85%,to{opacity:0;transform:scale(.76)}38%,67%{opacity:.7;transform:scale(1)}}@keyframes referral-flow{to{stroke-dashoffset:-46}}@keyframes referral-chip{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes referral-chip-mobile{0%,to{transform:translate(-50%) translateY(0) rotate(-3deg)}50%{transform:translate(-50%) translateY(-8px) rotate(-1deg)}}@keyframes word-trace{to{stroke-dashoffset:0}}@keyframes word-node{to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg) scale(1.08)}}@keyframes scan{0%{transform:translateY(0);opacity:0}10%{opacity:1}50%{transform:translateY(calc(100vh - 180px));opacity:1}90%{opacity:1}to{transform:translateY(0);opacity:0}}@keyframes settings-in{0%{opacity:0;transform:translate(-8px)}}@keyframes stage-in{0%{opacity:0;transform:scale(.985)}}@keyframes enter{0%{opacity:0;transform:translateY(10px)}}@keyframes editor-in{0%{opacity:0;transform:scale(.995)}}@media(max-width:900px){.tool-host{border-bottom:10px solid #0b0c11;box-shadow:inset 0 -1px var(--accent)}.topbar{height:58px;position:relative;top:auto;padding:0 14px}.privacy-compact,#themeToggle{display:none}.brand{gap:8px}.brand-name{display:grid;gap:0}.brand-name strong{font-size:14px;white-space:nowrap}.brand-name small{display:none}.brand-logo{width:44px}#creditsLabel,#accountLabel{display:none}.mobile-nav-label{display:inline}.credits-button,.account-button{width:auto;height:40px;justify-content:center;padding:0 11px;font-size:11px}.referral-button{height:40px;padding:0 10px}.referral-wide-label{display:none}.referral-short-label{display:inline}.account-button{padding-left:6px}.start-screen{min-height:calc(100svh - 68px);grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:34px;padding:42px 20px 28px}.start-copy{text-align:center}.start-copy h1{font-size:clamp(56px,17vw,82px)}.start-copy p{margin-inline:auto}.drop{min-height:330px}.privacy-note{grid-column:1;text-align:left}.editor-shell{height:auto;min-height:calc(100svh - 58px);display:flex;flex-direction:column-reverse}.workspace{height:calc(80svh - 58px);min-height:calc(80svh - 58px);padding:14px 10px 10px;gap:8px}.inspector{height:auto;min-height:0;border-right:0;border-top:1px solid var(--line)}.inspector-file{display:none}.inspector-scroll{overflow:visible}.preview-toolbar{min-height:44px;grid-template-columns:minmax(0,1fr);gap:0}.preview-left{min-width:0;width:100%}.segment{min-width:0;flex:1}.segment button{min-width:0;padding-inline:8px}.edit-tools,.workspace-status,.zoom-tools{display:none}.preview-toolbar button{height:40px;padding-inline:7px}.canvas-wrap{touch-action:pan-y;overscroll-behavior:auto}.canvas-wrap.is-zoomed{touch-action:none;overscroll-behavior:contain}.canvas-wrap.is-lasso{overflow:hidden!important;touch-action:none;overscroll-behavior:contain}.canvas-action-layer{width:auto;height:auto;position:absolute;z-index:40;inset:0;display:block;pointer-events:none}.canvas-action-layer>button{pointer-events:auto}.app.has-image .change-image-button{top:10px;right:10px}.app.has-image .canvas-lasso-action{width:auto;min-width:88px;left:58px;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:0 11px;font-size:11px;font-weight:730}.canvas-lasso-action .lasso-tool-icon{width:17px;height:17px}.canvas-lasso-action.active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),0 9px 26px #181b281f}.processing-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.control>input[type=range]{height:42px;touch-action:none}input[type=range]::-webkit-slider-runnable-track{height:5px}input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11.5px;border-width:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 42%,var(--line-strong)),0 7px 18px color-mix(in srgb,var(--accent) 32%,transparent)}input[type=range]::-moz-range-track{height:5px}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-width:4px}.export-panel{margin:10px;padding:12px;border:0;border-radius:16px;background:var(--accent);box-shadow:0 16px 38px color-mix(in srgb,var(--accent) 30%,transparent)}.export-main{background:var(--panel);color:var(--text)}.export-secondary button{border-color:color-mix(in srgb,white 35%,transparent);background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--text)}.seo-boundary{width:min(100% - 40px,760px)}.seo-hero{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto;padding-block:120px 56px}.seo-hero-copy,.trace-orbit,.scroll-cue{grid-column:1;grid-row:auto}.seo-hero-copy h1{font-size:clamp(72px,16vw,120px)}.trace-orbit{width:min(100%,650px);margin:30px auto 45px}.seo-section-heading,.workflow-stage,.seo-price,.seo-referral,.seo-local,.fynn-case,.seo-explainer,.seo-faq{grid-template-columns:1fr}.seo-section-heading{align-items:start}.seo-section-heading h2{font-size:clamp(58px,13vw,94px)}.workflow-stage{gap:60px}.demo-canvas{min-height:390px}.seo-price,.seo-referral,.seo-local,.fynn-case{min-height:auto}.seo-referral{gap:54px;padding:100px 20px}.referral-story-visual{min-height:400px}.referral-person{width:66px;height:66px}.referral-person-you{left:7%;top:39%}.referral-person-friend{right:7%;top:39%}.referral-link-chip{left:50%;top:18%;transform:translate(-50%) rotate(-3deg);animation-name:referral-chip-mobile;white-space:nowrap}.referral-credit-burst{right:50%;bottom:8%;transform:translate(50%) rotate(4deg)}.referral-credit-burst strong{font-size:clamp(76px,22vw,112px)}.price-number{justify-self:center}.price-number strong{font-size:clamp(130px,30vw,220px)}.local-visual{min-height:560px;order:2}.ring-three{width:min(620px,92vw);height:min(620px,92vw)}.fynn-portrait{width:min(100%,570px)}.fynn-portrait img{min-height:520px}.keyword-list a{grid-template-columns:105px 1fr 28px;gap:20px;padding-block:22px}.keyword-list a span{grid-column:2}.keyword-list a i{grid-column:3;grid-row:1 / 3}.story-footer{width:calc(100% - 40px);padding-block:44px;align-items:flex-start}.search-answer-grid{grid-template-columns:1fr}.search-answer-grid article,.search-answer-grid article+article{min-height:320px;padding:30px 0;border-right:0;border-bottom:1px solid var(--story-line)}.search-answer-grid article:last-child{border-bottom:0}}@media(max-width:560px){.topbar{padding-inline:10px}.brand{gap:7px}.brand-logo{width:42px}.brand-name strong{font-size:13px}.topbar-actions{gap:6px}.credits-button,.account-button,.referral-button{padding-inline:8px}.preview-toolbar{align-items:stretch}.workspace{height:calc(80svh - 58px);padding:12px 8px 8px;gap:8px}.segment button{font-size:11px}.canvas-corner-action{top:10px}.canvas-undo-action{left:10px}.commerce-modal{padding:8px;align-items:end}.commerce-dialog{width:100%;min-height:min(680px,calc(100svh - 16px));padding:48px 24px 0;border-radius:23px 23px 14px 14px}.commerce-dialog h2{font-size:42px}.auth-credit-strip{margin-inline:-24px;padding-inline:24px;gap:12px}.auth-credit-strip strong{font-size:14px}.auth-credit-strip button{padding-inline:10px}.referral-stats{grid-template-columns:1fr 1fr 1fr}.referral-stats span{padding-right:6px}.referral-stats strong{font-size:21px}.referral-link-box{grid-template-columns:1fr}.referral-link-box button{min-height:42px}.price-equation{position:static;margin:18px 0 0;justify-items:start}.commerce-dialog footer{margin-inline:-24px}.back-to-tool{top:8px;margin-right:12px}.seo-boundary{width:calc(100% - 30px)}.seo-story:before{left:15px;box-shadow:calc(50vw - 15px) 0 #ffffff06,calc(100vw - 30px) 0 #ffffff06}.seo-hero{padding-top:105px}.seo-hero-copy h1{font-size:clamp(62px,21vw,96px)}.seo-hero-copy p,.price-copy>p,.local-copy>p{font-size:15px}.trace-orbit>span,.trace-orbit>strong{bottom:-10px}.seo-section-heading{gap:22px}.seo-section-heading h2,.price-copy h2,.local-copy h2,.fynn-copy h2,.seo-explainer .seo-section-heading h2,.seo-faq .seo-section-heading h2{font-size:clamp(53px,17vw,76px)}.workflow-demo{border-radius:12px}.demo-canvas{min-height:300px}.workflow-copy li{grid-template-columns:30px 1fr}.price-number{justify-self:stretch}.price-number strong{font-size:clamp(78px,23vw,112px)}.price-copy ul{grid-template-columns:1fr}.price-equation-large{font-size:15px;gap:9px}.local-visual{min-height:430px}.local-device{width:150px;height:220px}.ring-one{width:250px;height:250px}.ring-two{width:340px;height:340px}.ring-three{width:420px;height:420px}.keyword-list a{grid-template-columns:1fr 24px;gap:10px}.keyword-list a small,.keyword-list a strong,.keyword-list a span{grid-column:1}.keyword-list a i{grid-column:2;grid-row:1 / 4}.keyword-list a:hover{padding-inline:10px}.fynn-portrait img{min-height:420px}.explainer-copy dl>div{grid-template-columns:62px 1fr;gap:12px}.seo-final h2{font-size:clamp(67px,22vw,100px)}.story-footer{width:calc(100% - 30px);flex-direction:column}.story-footer .legal-footer{gap:12px 18px}.seo-workflow,.seo-price,.seo-local,.keyword-section,.fynn-case,.seo-explainer,.search-answers,.seo-faq{padding-block:104px}.seo-referral{padding:88px 15px}.referral-story-visual{min-height:350px}.referral-person{width:58px;height:58px;font-size:8px}.referral-person-you{left:5%}.referral-person-friend{right:5%}.referral-link-chip{top:16%;padding:10px 11px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}html{scroll-behavior:auto}}@media(max-width:900px){.referral-button{height:40px;padding:0 10px}.referral-wide-label{display:none}.referral-short-label{display:inline}.seo-boundary{width:min(100% - 40px,760px)}.seo-hero{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto;padding-block:120px 56px}.seo-hero-copy,.trace-orbit,.scroll-cue{grid-column:1;grid-row:auto}.seo-hero-copy h1{font-size:clamp(72px,16vw,120px)}.trace-orbit{width:min(100%,650px);margin:30px auto 45px}.seo-section-heading,.workflow-stage,.seo-price,.seo-referral,.seo-local,.fynn-case,.seo-explainer,.seo-faq{grid-template-columns:1fr}.seo-section-heading{align-items:start}.seo-section-heading h2{font-size:clamp(58px,13vw,94px)}.workflow-stage{gap:60px}.demo-canvas{min-height:390px}.seo-price,.seo-referral,.seo-local,.fynn-case{min-height:auto}.seo-referral{gap:54px;padding:100px 20px}.referral-story-visual{min-height:400px}.referral-person{width:66px;height:66px}.referral-person-you{left:7%;top:39%}.referral-person-friend{right:7%;top:39%}.referral-link-chip{left:50%;top:18%;transform:translate(-50%) rotate(-3deg);animation-name:referral-chip-mobile;white-space:nowrap}.referral-credit-burst{right:50%;bottom:8%;transform:translate(50%) rotate(4deg)}.referral-credit-burst strong{font-size:clamp(76px,22vw,112px)}.price-number{justify-self:center}.price-number strong{font-size:clamp(130px,30vw,220px)}.local-visual{min-height:560px;order:2}.fynn-portrait{width:min(100%,570px)}.fynn-portrait img{min-height:520px}.keyword-list a{grid-template-columns:105px 1fr 28px;gap:20px;padding-block:22px}.keyword-list a span{grid-column:2}.keyword-list a i{grid-column:3;grid-row:1 / 3}.story-footer{width:calc(100% - 40px);padding-block:44px;align-items:flex-start}.search-answer-grid{grid-template-columns:1fr}.search-answer-grid article,.search-answer-grid article+article{min-height:320px;padding:30px 0;border-right:0;border-bottom:1px solid var(--story-line)}.search-answer-grid article:last-child{border-bottom:0}}@media(max-width:560px){.credits-button,.account-button,.referral-button{padding-inline:8px}.referral-stats{grid-template-columns:1fr 1fr 1fr}.referral-stats span{padding-right:6px}.referral-stats strong{font-size:21px}.referral-link-box{grid-template-columns:1fr}.referral-link-box button{min-height:42px}.price-equation{position:static;margin:18px 0 0;justify-items:start}.back-to-tool{top:8px;margin-right:12px}.seo-boundary{width:calc(100% - 30px)}.seo-story:before{left:15px;box-shadow:calc(50vw - 15px) 0 #ffffff06,calc(100vw - 30px) 0 #ffffff06}.seo-hero{padding-top:105px}.seo-hero-copy h1{font-size:clamp(62px,21vw,96px)}.seo-hero-copy p,.price-copy>p,.local-copy>p{font-size:15px}.trace-orbit>span,.trace-orbit>strong{bottom:-10px}.seo-section-heading{gap:22px}.seo-section-heading h2,.price-copy h2,.local-copy h2,.fynn-copy h2,.seo-explainer .seo-section-heading h2,.seo-faq .seo-section-heading h2{font-size:clamp(53px,17vw,76px)}.workflow-demo{border-radius:12px}.demo-canvas{min-height:300px}.workflow-copy li{grid-template-columns:30px 1fr}.price-number{justify-self:stretch}.price-number strong{font-size:clamp(78px,23vw,112px)}.price-copy ul{grid-template-columns:1fr}.price-equation-large{font-size:15px;gap:9px}.local-visual{min-height:430px}.local-device{width:150px;height:220px}.keyword-list a{grid-template-columns:1fr 24px;gap:10px}.keyword-list a small,.keyword-list a strong,.keyword-list a span{grid-column:1}.keyword-list a i{grid-column:2;grid-row:1 / 4}.keyword-list a:hover{padding-inline:10px}.fynn-portrait img{min-height:420px}.seo-final h2{font-size:clamp(67px,22vw,100px)}.story-footer{width:calc(100% - 30px);flex-direction:column}.story-footer .legal-footer{gap:12px 18px}.seo-workflow,.seo-price,.seo-local,.keyword-section,.fynn-case,.seo-explainer,.search-answers,.seo-faq{padding-block:104px}.seo-referral{padding:88px 15px}.referral-story-visual{min-height:350px}.referral-person{width:58px;height:58px;font-size:8px}.referral-person-you{left:5%}.referral-person-friend{right:5%}.referral-link-chip{top:16%;padding:10px 11px;font-size:8px}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}.vectoria-portrait svg{width:100%;height:auto;display:block;border-radius:18px}.seo-story{--story-bg: #faf7fb;--story-surface: #ffffff;--story-text: #221626;--story-muted: #8a7c8a;--story-line: #e9dfec;--story-accent: #d61f7f}:root[data-theme=dark] .seo-story{--story-bg: #140a18;--story-surface: #1c1122;--story-text: #f6eef5;--story-muted: #a695a4;--story-line: #362a3c;--story-accent: #ff5fb0}.price-saver-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;border-radius:999px;border:1px solid var(--story-accent);color:var(--story-text);font-size:13px;font-weight:600}.price-saver-badge b{background:linear-gradient(120deg,#d61f7f,#7c3aed);color:#fff;border-radius:999px;padding:2px 9px;font-size:12px}.vectoria-aside{border-left:3px solid var(--story-accent);background:var(--story-surface);border-radius:0 12px 12px 0;padding:10px 14px;font-size:14.5px;color:var(--story-text)}.footer-copyright{color:var(--story-muted);font-size:13px;margin:0;align-self:center}.seo-story .seo-cta{background:linear-gradient(120deg,#d61f7f,#7c3aed);color:#fff}.seo-story h1 i,.seo-story h2 i{color:#ff5fb0}.price-number{--story-text: #f6eef5;--story-muted: #a695a4;--story-accent: #ff5fb0}.chain-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chain-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--story-line);border-radius:999px;background:var(--story-surface);color:var(--story-text);font-size:12.5px;font-weight:650}.seo-referral .chain-chip{border-color:color-mix(in srgb,#0b0c11 25%,transparent);background:color-mix(in srgb,#ffffff 88%,transparent);color:#0b0c11}