html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{color-scheme:light;--bg: #faf8f4;--surface: #f4efe9;--panel: #ffffff;--text: #181216;--muted: #786c74;--subtle: #a69ba2;--line: #eae3d9;--line-strong: #d8cec1;--accent: #d61f7f;--accent-2: #7c3aed;--accent-ink: #ffffff;--accent-soft: #fdeef7;--export: #1b1216;--export-ink: #ffffff;--success: #3db874;--shadow: 0 18px 50px rgba(48, 36, 20, .05);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;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) 55%,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:8px;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:8px;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)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 34%,transparent 72%);opacity:.9;pointer-events:none}.privacy-compact{padding:6px 11px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.privacy-compact strong{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.04em}.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{flex-shrink:0;position:relative;padding:12px 16px;display:flex;flex-direction:column;gap:10px;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:8px;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:1.5px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(120deg,var(--accent),var(--accent-2)) border-box;color:var(--text);font:750 10px/1 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.auto-button .auto-icon{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:13px}.auto-button:hover:not(:disabled){box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 20%,transparent)}.auto-button.is-on .auto-icon{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff}.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:8px;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:8px;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-family:ui-monospace,monospace;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:8px;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:30px;height:17px;position:relative;display:block;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);transition:border-color .18s ease,background .18s ease}.setting-check span:after{content:"";width:11px;height:11px;position:absolute;top:2px;left:2px;border-radius:3px;background:var(--line-strong);transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease}.setting-check input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--surface))}.setting-check input:checked+span:after{transform:translate(13px);background:var(--accent)}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:8px;background:color-mix(in srgb,var(--line-strong) 80%,var(--accent))}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5.5px;border:3px solid var(--panel);border-radius:4px;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:4px 0;color:var(--subtle);font-family:ui-monospace,monospace;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:80px;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);padding:3px;border:1px solid var(--line);border-radius:8px;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) / 3);height:calc((100% - 6px)/2);position:absolute;z-index:-1;inset:3px auto auto 3px;border-radius:8px;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:translateY(100%)}.vector-mode-switch[data-mode=line]:before{transform:translate(100%,100%)}.vector-mode-switch[data-mode=dot]:before{transform:translate(200%,100%)}.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:8px;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:4px;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:8px;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{position:relative;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{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);text-align:left;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:8px;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:8px;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:8px;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:8px;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:8px;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:radial-gradient(circle,color-mix(in srgb,var(--line-strong) 75%,transparent) 1px,transparent 1.4px);background-size:22px 22px;background-position:11px 11px;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)}@keyframes scan-up{0%{bottom:0}50%{bottom:100%}to{bottom:0}}@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:74px;height:74px;display:grid;place-items:center;margin:0 auto 14px;padding:10px;border:1.5px dashed var(--line-strong);border-radius:12px;background:var(--panel);transition:transform .25s ease,border-color .25s ease}.upload-icon svg{width:100%;height:100%;overflow:visible}.upload-icon .di-handle{stroke:var(--subtle)}.upload-icon .di-node{fill:var(--panel);stroke:var(--accent);stroke-width:2.6}.upload-icon .di-dot{fill:var(--accent-2)}.upload-icon .di-stroke{stroke-dasharray:120;stroke-dashoffset:0;transition:stroke-dashoffset .6s ease}.workspace-empty:hover .upload-icon{border-color:var(--accent)}.app.is-empty .inspector-scroll,.app.is-empty .inspector-file,.app.is-empty .export-panel{opacity:.45;pointer-events:none;filter:saturate(.55);transition:opacity .3s ease,filter .3s ease}.app.is-empty .upload-icon{animation:drop-pulse 2.4s ease-in-out infinite}@keyframes drop-pulse{0%,to{border-color:var(--line-strong);box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{border-color:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 12%,transparent)}}.workspace-empty:hover .di-stroke{animation:di-draw .9s ease both}@keyframes di-draw{0%{stroke-dashoffset:120}to{stroke-dashoffset:0}}.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:8px;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:8px;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:8px;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:0;border-radius:8px;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;font-size:11.5px;font-weight:750;cursor:pointer;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 26%,transparent);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.credits-button:hover,.wallet-button:hover{transform:translateY(-1px);filter:saturate(1.12);box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 36%,transparent)}.referral-link{padding:8px 10px;border:0;background:transparent;color:var(--muted);font:660 10px/1 ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .15s ease}.referral-link b{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:820}.referral-link:hover{color:var(--text)}.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:8px;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:8px;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:8px;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:8px;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:8px;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:8px;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:8px;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:8px;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{flex:1;min-height:190px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;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:8px;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:8px;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;justify-content: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:8px;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:8px;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:8px;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 8px 8px 0;color:var(--text);font-size:11px;line-height:1.5}.ai-addon-note b{color:var(--accent)}.ux-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--surface)}.ux-switch button{padding:8px 0;border:0;background:transparent;color:var(--muted);font-size:10.5px;font-weight:760;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,color .16s ease}.ux-switch button.active{background:var(--text);color:var(--panel)}.preset-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0 6px}.preset-card{text-align:left;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.preset-card i{display:block;margin-bottom:6px;color:var(--accent);font:740 8px/1 ui-monospace,monospace;font-style:normal;letter-spacing:.12em}.preset-card strong{display:block;font-size:11px;letter-spacing:-.01em}.preset-card span{display:block;margin-top:3px;color:var(--subtle);font-size:8.5px;line-height:1.35}.preset-card:hover{border-color:var(--accent)}.preset-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.ux-easy .pro-only{display:none}.pro-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:14px 0 4px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.pro-tabs button{padding:7px 0;border:0;border-radius:8px;background:transparent;color:var(--muted);font:740 9px/1 ui-monospace,monospace;letter-spacing:.07em;cursor:pointer;transition:background .15s ease,color .15s ease}.pro-tabs button.active{background:var(--panel);color:var(--text);box-shadow:0 2px 8px #00000012}.pro-panel{display:none}.pro-panel.active{display:block}.ux-easy .pro-tabs,.ux-easy .pro-panel{display:none}.editable-value{cursor:text;border-bottom:1px dashed transparent;transition:border-color .15s ease,color .15s ease}.editable-value:hover{color:var(--text);border-bottom-color:var(--line-strong)}.value-editor{width:46px;padding:1px 4px;border:1px solid var(--accent);border-radius:4px;background:var(--panel);color:var(--text);font:650 10px/1.3 ui-monospace,monospace;text-align:right}.value-editor::-webkit-outer-spin-button,.value-editor::-webkit-inner-spin-button{-webkit-appearance:none}.tool-dock{position:absolute;z-index:7;top:14px;right:14px;display:flex;flex-direction:column;gap:6px;width:94px;padding:8px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px #0000001f}.dock-body{display:flex;flex-direction:column;gap:6px}.tool-dock.collapsed .dock-body{display:none}.tool-dock.collapsed .dock-toggle{transform:rotate(180deg)}.dock-btn{width:100%;min-height:42px;padding:6px 2px;display:grid;place-items:center;gap:3px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:16px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.dock-btn .dbi{line-height:1}.dock-btn small{color:var(--muted);font:660 8.5px/1 ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}.dock-btn-slim{min-height:32px;padding:4px 2px}.dock-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dock-btn:disabled{opacity:.38;cursor:default}.dock-toggle{height:24px;border:0;background:transparent;color:var(--muted);font-size:12px;transition:transform .25s ease,color .15s ease}.dock-toggle:hover{color:var(--accent)}.dock-sep{height:1px;margin:1px 4px;background:var(--line)}.dock-views{display:flex;flex-direction:column;gap:3px;width:100%;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.dock-views:before{display:none!important}.dock-views button{min-width:0;padding:6px 2px}.dock-views button{width:100%;padding:8px 0;border:0;border-radius:8px;background:transparent;color:var(--muted);font:720 9.5px/1 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease}.dock-views button.active{background:var(--accent);color:var(--accent-ink)}.dock-lasso svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.dock-lasso.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.dock-zoom-value{color:var(--muted);text-align:center;font:680 8.5px/1 ui-monospace,monospace}.status-float{position:absolute;z-index:7;bottom:12px;left:12px;max-width:min(62vw,560px);padding:6px 11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);font:600 9.5px/1.3 ui-monospace,monospace}.status-float:empty{display:none}@media(max-width:900px){.tool-dock{top:auto;right:50%;bottom:12px;transform:translate(50%);flex-direction:row;align-items:center;width:auto;max-width:calc(100vw - 24px)}.dock-body{flex-direction:row;align-items:center}.dock-btn{width:44px;height:44px}.dock-views{flex-direction:row}.dock-views button{padding:8px}.dock-sep{width:1px;height:22px;margin:0 2px}.dock-toggle{height:36px;width:20px}.status-float{bottom:64px;max-width:calc(100vw - 24px)}}.wb-undo{width:30px;height:30px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.wb-undo:hover:not(:disabled){border-color:var(--accent)}.wb-undo:disabled{opacity:.4;cursor:default}.workbench-bar .segment,.workbench-bar .edit-tools{flex-shrink:0}.export-panel .primary.export-main{background:linear-gradient(120deg,var(--accent),var(--accent-2));border:0;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 28%,transparent)}.export-main-label{display:grid;gap:2px;text-align:left}.export-main-label b{font-size:12.5px;font-weight:800;letter-spacing:-.01em}.export-main-label small{font:680 8.5px/1 ui-monospace,monospace;letter-spacing:.08em;opacity:.88}.export-main-arrow{font-size:15px}.export-secondary button{font:700 9.5px/1 ui-monospace,monospace;letter-spacing:.06em}.workbench-bar{display:flex;align-items:center;gap:16px;padding:7px 14px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.wb-local{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;color:var(--muted);font:640 9.5px/1 ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase}.wb-local .privacy-info{position:relative}.wb-local .privacy-tooltip{top:auto;bottom:calc(100% + 10px);right:auto;left:-12px}.ai-force-btn{margin-top:8px;padding:6px 12px;border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:8px;background:transparent;color:var(--accent);font-size:10.5px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease}.ai-force-btn:hover{background:var(--accent-soft);border-style:solid}.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:8px;padding:3px 9px;font:750 10.5px/1.2 inherit;font-family:inherit}.web3-modal-header{position:relative}.web3-modal-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2) 45%,transparent 85%)}.web3-tab.is-active{position:relative;color:var(--text)}.web3-tab.is-active:after{content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.web3-package-card.is-selected{border-color:transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(120deg,var(--accent),var(--accent-2)) border-box;border:2px solid transparent}.web3-action-buttons button.web3-btn-primary,.web3-action-buttons .web3-btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));border:0;color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 28%,transparent)}.web3-referral-hero{display:grid;gap:5px;margin-bottom:12px;padding:13px 15px;border-radius:12px;background:linear-gradient(color-mix(in srgb,var(--panel) 88%,transparent),color-mix(in srgb,var(--panel) 88%,transparent)) padding-box,linear-gradient(120deg,var(--accent),var(--accent-2)) border-box;border:1.5px solid transparent}.web3-referral-hero strong{font-size:13px;letter-spacing:-.01em}.web3-referral-hero span{color:var(--muted);font-size:11px;line-height:1.5}.preset-collapse{display:none;width:100%;margin-top:0;padding:2px 4px 7px;border:0;background:transparent;color:var(--muted);text-align:left;font:740 9px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.preset-collapse span{display:inline-block;transition:transform .2s ease}.preset-collapse.is-closed span{transform:rotate(-90deg)}.preset-collapse{display:block}.preset-cards{padding-top:4px}.preset-cards.is-collapsed{display:none}.export-secondary{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.export-secondary button{display:grid;gap:3px;padding:7px 2px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.export-secondary button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.export-secondary button i{font:800 10px/1 ui-monospace,monospace;font-style:normal;letter-spacing:.03em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.export-secondary button small{color:var(--subtle);font-size:6.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.export-secondary button:disabled{opacity:.45;cursor:default}.theme-flip{position:relative;width:58px;height:28px;padding:0;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.theme-flip span{z-index:1;width:50%;text-align:center;font-size:12px;line-height:1;transition:opacity .2s ease}.tf-sun{opacity:1}.tf-moon{opacity:.4}:root[data-theme=dark] .tf-sun{opacity:.4}:root[data-theme=dark] .tf-moon{opacity:1}.tf-knob{position:absolute;top:2px;left:2px;width:26px;height:22px;border-radius:6px;background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 6px #0000001a;transition:transform .22s cubic-bezier(.2,.8,.2,1)}:root[data-theme=dark] .tf-knob{transform:translate(27px)}.export-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.export-head span{font:790 10px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.export-head small{color:var(--subtle);font-size:8.5px;font-weight:620}.export-head .export-summary{color:var(--text);font-size:10px;font-weight:640}.export-head .export-summary b{color:var(--accent);font-weight:800}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.export-grid button{display:grid;gap:3px;padding:9px 4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;text-align:center;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.export-grid button i{font:800 11px/1 ui-monospace,monospace;font-style:normal;letter-spacing:.03em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.export-grid button small{color:var(--subtle);font-size:7px;font-weight:660;letter-spacing:.07em;text-transform:uppercase}.export-grid button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 16%,transparent)}.export-grid button:disabled{opacity:.45;cursor:default}.export-grid button.is-primary{border:0;background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 26%,transparent)}.export-grid button.is-primary i{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff}.export-grid button.is-primary small{color:#ffffffd9}.canvas-wrap.is-auto-scanning:before{content:"";position:absolute;z-index:5;left:0;right:0;top:-30%;height:26%;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 10%,transparent) 35%,color-mix(in srgb,var(--accent-2) 14%,transparent) 60%,transparent);animation:scan-glow 2.6s ease-in-out infinite}@keyframes scan-glow{0%,8%{top:-30%;opacity:0}18%{opacity:1}70%{top:105%;opacity:1}80%,to{top:105%;opacity:0}}.scan-mark{position:absolute;z-index:6;inset:0;margin:auto;width:min(54%,400px);height:min(54%,400px);opacity:0;pointer-events:none;overflow:visible;filter:drop-shadow(0 6px 18px color-mix(in srgb,var(--accent) 26%,transparent));transition:opacity .25s ease}.scan-mark .sm-sketch{fill:none;stroke:var(--line-strong);stroke-width:1.4;stroke-dasharray:3 5;opacity:0}.scan-mark .sm-stroke{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300}.scan-mark .sm-handle{fill:none;stroke:var(--subtle);stroke-width:1.3;stroke-dasharray:1 4;stroke-linecap:round;opacity:0}.scan-mark .sm-node{fill:var(--panel);stroke:var(--accent);stroke-width:2;opacity:0}.scan-mark .sm-n3{stroke:var(--accent-2)}.scan-mark .sm-dot{fill:var(--accent-2);opacity:0}.canvas-wrap.is-auto-scanning .scan-mark{opacity:1}.canvas-wrap.is-auto-scanning .sm-sketch{animation:sm-sketch 2.6s ease-in-out infinite}.canvas-wrap.is-auto-scanning .sm-stroke{animation:sm-draw 2.6s ease-in-out infinite}.canvas-wrap.is-auto-scanning .sm-node,.canvas-wrap.is-auto-scanning .sm-dot{animation:sm-pop 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.canvas-wrap.is-auto-scanning .sm-handle{animation:sm-fade 2.6s ease-in-out infinite}.canvas-wrap.is-auto-scanning .sm-n1{animation-delay:.05s}.canvas-wrap.is-auto-scanning .sm-n2{animation-delay:.18s}.canvas-wrap.is-auto-scanning .sm-n3{animation-delay:.32s}.canvas-wrap.is-auto-scanning .sm-dot{animation-delay:.4s}@keyframes sm-sketch{0%,4%{opacity:0}10%,62%{opacity:.65}78%,to{opacity:0}}@keyframes sm-draw{0%,12%{stroke-dashoffset:300}52%,72%{stroke-dashoffset:0}92%,to{stroke-dashoffset:-300}}@keyframes sm-pop{0%,48%{opacity:0;transform:scale(.5)}56%,74%{opacity:1;transform:scale(1)}90%,to{opacity:0}}@keyframes sm-fade{0%,52%{opacity:0}60%,74%{opacity:.8}90%,to{opacity:0}}} .pro-tabs{gap:0;padding:0;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--surface)}.pro-tabs button{padding:8px 0;border-radius:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.pro-tabs button.active{background:var(--text);color:var(--panel);box-shadow:none}.auto-button.is-on{border:0;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 26%,transparent)}.auto-button.is-on .auto-icon{filter:none}.web3-main-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:2px 0 14px;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--surface)}.web3-main-tabs .web3-tab{padding:9px 4px;border:0;border-radius:0;background:transparent;font-size:11px;font-weight:700;text-align:center}.web3-main-tabs .web3-tab.is-active{background:var(--text);color:var(--panel)}.web3-main-tabs .web3-tab.is-active:after{display:none}.ai-progress{display:grid;gap:5px;margin:8px 0 2px}.ai-progress-bar{position:relative;display:block;height:4px;overflow:hidden;border-radius:4px;background:var(--surface)}.ai-progress-bar i{position:absolute;top:0;bottom:0;width:38%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:ai-progress-slide 1.1s ease-in-out infinite}@keyframes ai-progress-slide{0%{left:-38%}to{left:100%}}.ai-progress small{color:var(--muted);font:620 9px/1.3 ui-monospace,monospace}.status-float{transition:opacity .5s ease}.status-float.is-faded{opacity:.22}.status-float.is-faded:hover{opacity:1}.web3-ghost-preview{display:block;margin-top:4px;color:var(--subtle);font-size:10px;line-height:1.5}.web3-ghost-preview b{color:var(--muted);font-family:ui-monospace,monospace;font-weight:650}.web3-ghost-row td{opacity:.45;color:var(--subtle)!important}.web3-referral-row.is-ghost{opacity:.55}.web3-referral-row.is-ghost input{font-style:italic}.web3-modal-dialog{max-height:min(86vh,660px);display:flex;flex-direction:column}.web3-modal-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.web3-modal-body>:not(.web3-panel){flex-shrink:0}.web3-panel[data-wtab=buy]:not([hidden]){min-height:0}.web3-panel[data-wtab=history]:not([hidden]){flex:1;min-height:0;display:flex;flex-direction:column}.web3-panel[data-wtab=history]:not([hidden]) .web3-history-section{flex:1;min-height:0;display:flex;flex-direction:column}.web3-history-container{max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:8px}.web3-history-table{margin:0}.web3-history-table thead th{position:sticky;top:0;z-index:1;background:var(--panel);box-shadow:0 1px 0 var(--line)}.web3-modal-body .web3-section{margin-bottom:12px}.status-line{display:block;min-height:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:var(--text);font:640 9px/1.4 ui-monospace,monospace}.ai-plan-note{display:block;margin-top:6px;color:var(--subtle);font-size:9px;line-height:1.45}.ai-plan-note b{color:var(--accent);font-weight:720}.web3-wallet-rows{display:grid;gap:3px}.web3-wallet-rows>div{display:flex;align-items:baseline;gap:8px;font-size:11.5px}.web3-wallet-rows>div>span{min-width:128px;color:var(--muted);font-size:10.5px}.web3-wallet-rows>div>b{font-family:ui-monospace,monospace;font-size:11px}.web3-wallet-rows.is-ghost>div>b{color:var(--subtle)}.web3-ghost-note{color:var(--subtle);font-size:9.5px}.web3-table-tools{display:flex;justify-content:flex-end;margin-bottom:6px}.web3-csv-btn{padding:4px 10px;font-size:9.5px}#aiPlanInline b{color:var(--accent)}#stage{transition:opacity .7s ease,filter .7s ease}.canvas-wrap.is-auto-scanning #stage{opacity:.14;filter:blur(2px) saturate(.6)}.web3-usdc-note{display:block;width:100%;margin:8px 0 14px;text-align:center;color:var(--subtle);font-size:10px}.status-line.is-scrolling{text-overflow:clip;text-align:left}.status-line .status-text{display:inline-block}.status-line.is-scrolling .status-text{animation:status-scroll var(--status-dur, 8s) linear 1s infinite alternate}@keyframes status-scroll{0%,12%{transform:translate(0)}88%,to{transform:translate(var(--status-dist, -40px))}}.web3-no-anim .web3-modal-backdrop,.web3-no-anim .web3-modal-dialog{animation:none!important}.color-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 4px}.color-chip{width:18px;height:18px;border-radius:4px;border:1px solid var(--line-strong);box-shadow:inset 0 0 0 1px #ffffff59}.color-chip-host{position:relative}button.color-chip{padding:0;cursor:pointer;transition:transform .12s ease,opacity .15s ease}button.color-chip:hover{transform:scale(1.12)}.color-chip.is-off{opacity:.28;background-image:linear-gradient(135deg,transparent 44%,var(--text) 46%,var(--text) 54%,transparent 56%)}.chip-color-input{position:fixed;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.web3-provider-row{display:flex;align-items:center;gap:8px}.web3-provider-current{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.web3-provider-select{flex:1;min-width:0;height:34px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font:640 12px/1 inherit;cursor:pointer}.web3-provider-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.web3-provider-connect{flex-shrink:0}.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:16px;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:16px;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:16px;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:16px;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:16px;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:16px;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:16px;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:16px 6px 6px}.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:16px}.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:16px}.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:16px}.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:8px;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:8px;padding:2px 9px;font-size:12px}.vectoria-aside{border-left:3px solid var(--story-accent);background:var(--story-surface);border-radius:0 6px 6px 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:8px;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}.seo-story h2{font-family:Iowan Old Style,Palatino Nova,Palatino,Georgia,ui-serif,serif;font-weight:640;letter-spacing:-.015em}.footer-tech{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px auto 12px;max-width:760px}.tech-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font:640 9.5px/1 ui-monospace,monospace;letter-spacing:.05em}.tech-badge svg{color:var(--accent);flex-shrink:0}.demo-bolt-svg{position:absolute;inset:0;width:100%;height:100%}.demo-bolt-sketch{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-dasharray:4 6;opacity:.55}.demo-bolt-path{fill:none;stroke:url(#demoBoltGrad);stroke-width:7;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:640;stroke-dashoffset:640;animation:bolt-draw 5.2s ease-in-out infinite}.demo-bolt-anchors circle{fill:var(--panel);stroke:var(--accent);stroke-width:2.4;opacity:0;animation:bolt-anchors 5.2s ease-in-out infinite}@keyframes bolt-draw{0%,8%{stroke-dashoffset:640}45%,78%{stroke-dashoffset:0}95%,to{stroke-dashoffset:-640}}@keyframes bolt-anchors{0%,40%{opacity:0;transform:scale(.6);transform-origin:center;transform-box:fill-box}50%,78%{opacity:1;transform:scale(1)}92%,to{opacity:0}}.demo-export .is-svg{border-color:transparent;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff}.vk-say{margin:18px 0 0;padding-left:14px;border-left:3px solid;border-image:linear-gradient(180deg,var(--accent),var(--accent-2)) 1;color:var(--muted);font-family:Iowan Old Style,Palatino Nova,Palatino,Georgia,ui-serif,serif;font-size:14px;font-style:italic;line-height:1.55}.vk-say b{color:var(--accent);font-style:normal;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.06em}.seo-referral{padding:24px clamp(20px,6vw,72px)}.referral-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;max-width:1040px;margin:0 auto;padding:30px clamp(22px,4vw,44px);border-radius:18px;background:linear-gradient(color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--panel) 90%,transparent)) padding-box,linear-gradient(120deg,var(--accent),var(--accent-2)) border-box;border:2px solid transparent}.referral-banner-copy h2{margin:6px 0 10px;font-family:Iowan Old Style,Palatino Nova,Palatino,Georgia,ui-serif,serif;font-size:clamp(22px,3.4vw,32px);letter-spacing:-.015em;line-height:1.12}.referral-banner-copy p{max-width:560px;margin:0;color:var(--muted);font-size:13.5px;line-height:1.6}.referral-cta{flex-shrink:0;padding:14px 22px;border:0;border-radius:12px;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;font-size:13px;font-weight:780;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 30%,transparent);transition:transform .18s ease,box-shadow .18s ease}.referral-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px color-mix(in srgb,var(--accent) 40%,transparent)}.seo-why{padding:60px clamp(20px,6vw,72px)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;max-width:1080px;margin:26px auto 0}.why-card{padding:18px 18px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:border-color .2s ease,transform .2s ease}.why-card:hover{border-color:var(--accent);transform:translateY(-2px)}.why-card i{display:block;margin-bottom:8px;font:760 9px/1 ui-monospace,monospace;font-style:normal;letter-spacing:.12em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.why-card strong{display:block;margin-bottom:6px;font-size:14.5px;letter-spacing:-.01em}.why-card p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.55}