.tool-host{background:var(--bg);min-height:100vh}.tool-load-error{text-align:center;min-height:60vh;color:var(--muted);background:var(--bg);place-items:center;gap:10px;padding:40px 24px;font-size:14px;font-weight:560;display:grid}.app{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);flex-direction:column;animation:.5s cubic-bezier(.2,.78,.18,1) both enter;display:flex}.app [hidden]{display:none!important}.app [disabled]{opacity:.38;cursor:not-allowed}.app button,.app select,.app input{font-family:inherit}.app button{cursor:pointer}.app :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.global-file{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-logo-vector,.brand-logo-pointer{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%}.brand-logo-vector{stroke-width:11px}.brand-logo-pointer{stroke-width:16px}.brand-logo-node{fill:none;stroke:var(--brand-node);stroke-width:7px;opacity:0;transform-box:fill-box;transform-origin:50%}.story-logo .brand-logo-vector{animation:4.8s cubic-bezier(.4,.1,.3,1) infinite logo-shape}.story-logo .brand-logo-pointer{animation:4.8s cubic-bezier(.4,.1,.3,1) infinite logo-pointer}.topbar{--panel:#1b1c24;--surface:#15161d;--text:#f3f2ed;--muted:#a0a3af;--subtle:#6f7381;--line:#2d2f3a;--line-strong:#414452;--accent:#ff6fb5;--accent-ink:#17060f;--accent-soft:#3b1429;--success:#67c584;z-index:40;height:68px;color:var(--text);-webkit-backdrop-filter:blur(22px)saturate(140%);border-bottom:1px solid var(--line);background:#15161df5;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;display:flex;position:relative}.brand{min-width:0;color:inherit;flex:none;align-items:center;gap:12px;text-decoration:none;display:flex}.topbar-claim{flex:auto;justify-content:center;min-width:0;padding-inline:12px;display:flex;overflow:hidden}.claim-text{max-width:100%;font-family:var(--font-mono);letter-spacing:.005em;color:var(--accent);text-shadow:0 0 22px color-mix(in srgb, var(--accent) 45%, transparent);white-space:nowrap;text-overflow:ellipsis;padding-bottom:4px;font-size:clamp(12px,1.15vw,16px);font-weight:700;line-height:1.2;transition:opacity .38s,transform .38s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.claim-text:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:.55;border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.topbar-claim.is-swapping .claim-text{opacity:0;transform:translateY(-6px)}.topbar .brand-logo{width:52px;height:auto;color:var(--text);filter:drop-shadow(0 3px 13px color-mix(in srgb, var(--brand) 55%, transparent));flex:none}.brand:hover .brand-logo-vector,.brand:focus-visible .brand-logo-vector{animation:1.7s cubic-bezier(.4,.1,.3,1) logo-shape}.brand:hover .brand-logo-pointer,.brand:focus-visible .brand-logo-pointer{animation:1.7s cubic-bezier(.4,.1,.3,1) logo-pointer}.brand:hover .brand-logo-node-left,.brand:focus-visible .brand-logo-node-left{animation:1.7s ease-in-out logo-node}.brand:hover .brand-logo-node-right,.brand:focus-visible .brand-logo-node-right{animation:1.7s ease-in-out .18s logo-node}.brand-name{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-name strong{letter-spacing:-.025em;font-size:15px;font-weight:760}.brand-name small{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--subtle);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:500;overflow:hidden}.topbar-actions{align-items:center;gap:12px;display:flex}.privacy-compact{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 70%, transparent);border-radius:999px;align-items:center;gap:7px;height:34px;padding:0 12px;display:inline-flex;position:relative}.privacy-compact strong{white-space:nowrap;color:var(--muted);font-size:11px;font-weight:620}.privacy-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 22%, transparent);border-radius:50%}.privacy-info{border:1px solid var(--line-strong);width:15px;height:15px;font-family:var(--font-mono);color:var(--subtle);cursor:help;border-radius:50%;place-items:center;font-size:9px;line-height:1;display:grid}.privacy-tooltip{border:1px solid var(--line);color:#f3f2ed;text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:#0f1015;border-radius:12px;width:248px;padding:10px 12px;font-size:10.5px;font-weight:500;line-height:1.5;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px);box-shadow:0 18px 44px #00000073}.privacy-compact:hover .privacy-tooltip,.privacy-info:hover .privacy-tooltip,.privacy-info:focus-visible .privacy-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.icon-button{border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 70%, transparent);width:38px;height:38px;color:var(--text);place-items:center;font-size:12px;font-weight:700;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.icon-button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.editor-shell{grid-template-columns:clamp(350px,27vw,392px) minmax(0,1fr);height:calc(100vh - 68px);min-height:0;animation:.48s cubic-bezier(.2,.78,.18,1) both editor-in;display:grid}.inspector{border-right:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, var(--accent-soft));flex-direction:column;min-height:0;display:flex}.inspector-file{border-bottom:1px solid var(--line);flex:none;align-items:center;height:74px;padding:0 16px;display:flex}.inspector-actions{align-items:center;gap:8px;width:100%;display:flex;position:relative}.auto-button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel);min-width:0;height:38px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:11.5px;font-weight:700;transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:inline-flex;overflow:hidden}.auto-button:hover:not([disabled]){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.auto-icon{color:var(--accent);transform-origin:50%;font-size:13px;display:inline-block}.auto-button.is-running{background:var(--text);border-color:var(--text);color:var(--bg)}.auto-button.is-running .auto-icon{color:inherit;animation:1.1s linear infinite orbit}#presetSelect{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel);width:108px;height:38px;color:var(--text);appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 15px) 17px,calc(100% - 11px) 17px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;flex:none;padding:0 26px 0 10px;font-size:11.5px;font-weight:620}.save-icon-button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel);width:38px;height:38px;color:var(--muted);flex:none;place-items:center;transition:transform .18s,border-color .18s,color .18s;display:grid}.save-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.save-icon-button:hover:not([disabled]){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.save-icon-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.profile-popover{z-index:45;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);width:236px;box-shadow:var(--shadow);gap:8px;padding:13px;display:grid;position:absolute;top:calc(100% + 9px);right:0}.profile-popover label{letter-spacing:.115em;text-transform:uppercase;color:var(--subtle);font-size:10px;font-weight:790}.profile-popover input{border:1px solid var(--line-strong);background:var(--surface);height:36px;color:var(--text);border-radius:9px;padding:0 10px;font-size:12.5px}.profile-popover button{border:1px solid var(--accent);background:var(--accent);height:36px;color:var(--accent-ink);border-radius:9px;font-size:11.5px;font-weight:720}.inspector-scroll{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;overflow-y:auto}.inspector-scroll::-webkit-scrollbar{width:8px}.inspector-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.settings-group{gap:15px;padding:18px 16px 22px;display:grid}.settings-group>*{animation:.48s cubic-bezier(.2,.78,.18,1) both settings-in}.settings-group>:first-child{animation-delay:20ms}.settings-group>:nth-child(2){animation-delay:60ms}.settings-group>:nth-child(3){animation-delay:.1s}.settings-group>:nth-child(4){animation-delay:.14s}.settings-group>:nth-child(5){animation-delay:.18s}.settings-group>:nth-child(6){animation-delay:.22s}.settings-group>:nth-child(7){animation-delay:.26s}.settings-group>:nth-child(8){animation-delay:.3s}.settings-group>:nth-child(9){animation-delay:.34s}.settings-group h3{letter-spacing:.115em;text-transform:uppercase;color:var(--subtle);font-size:10px;font-weight:790}.control{grid-template-columns:minmax(126px,auto) minmax(92px,1fr) 34px;align-items:center;column-gap:10px;display:grid}.control-head{display:contents}.setting-title{cursor:help;grid-area:1/1;align-items:center;gap:5px;font-size:11.5px;font-weight:680;line-height:1.25;display:inline-flex;position:relative}.setting-info{border:1px solid var(--line-strong);width:15px;height:15px;font-family:var(--font-mono);color:var(--subtle);border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:500;line-height:1;display:grid}.setting-title:after{content:attr(data-tooltip);z-index:35;color:#f3f2ed;width:226px;font-family:var(--font-sans);letter-spacing:0;text-transform:none;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;background:#15161d;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:500;line-height:1.5;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;bottom:calc(100% + 9px);left:0;transform:translateY(4px);box-shadow:0 16px 40px #00000052}.setting-title:hover:after,.setting-title:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.settings-group>:nth-child(-n+5) .setting-title:after{top:calc(100% + 9px);bottom:auto;transform:translateY(-4px)}.settings-group>:nth-child(-n+5) .setting-title:hover:after,.settings-group>:nth-child(-n+5) .setting-title:focus-visible:after{transform:translateY(0)}.control-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--muted);grid-area:1/3;font-size:10px}.control input[type=range]{grid-area:1/2}.app input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:19px;margin:0}.app input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--line-strong) 82%, var(--accent));border-radius:999px;height:3px}.app input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--panel);background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 3px 12px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:50%;margin-top:-6.5px;transition:transform .16s}.app input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.app input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--line-strong) 82%, var(--accent));border-radius:999px;height:3px}.app input[type=range]::-moz-range-thumb{border:3px solid var(--panel);background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 3px 12px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:50%;transition:transform .16s}.app input[type=range]:hover::-moz-range-thumb{transform:scale(1.12)}.control.toggle-control{display:block}.setting-check{cursor:pointer;align-items:center;gap:10px;display:flex}.setting-check input[type=checkbox]{opacity:0;width:18px;height:18px;margin:0;position:absolute}.check-box{border:1px solid var(--line-strong);background:var(--panel);border-radius:5px;flex:none;width:18px;height:18px;transition:background-color .16s,border-color .16s;position:relative}.check-box:after{content:"";opacity:0;border:2px solid #fff;border-top:0;border-left:0;width:4px;height:8px;transition:transform .16s,opacity .16s;position:absolute;top:2.5px;left:6px;transform:rotate(42deg)scale(.4)}.setting-check input[type=checkbox]:checked+.check-box{background:var(--accent);border-color:var(--accent)}.setting-check input[type=checkbox]:checked+.check-box:after{opacity:1;transform:rotate(42deg)scale(1)}.setting-check input[type=checkbox]:focus-visible+.check-box{outline:2px solid var(--accent);outline-offset:2px}.setting-check .setting-title{grid-area:auto}.settings-divider{align-items:center;gap:10px;margin-top:4px;display:flex}.settings-divider span{letter-spacing:.11em;text-transform:uppercase;color:var(--subtle);white-space:nowrap;font-size:8px;font-weight:800}.settings-divider:after{content:"";background:var(--line);flex:1;height:1px}.vector-mode-control{gap:9px;display:grid}.vector-mode-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.vector-color-choice{align-items:center;gap:7px;display:inline-flex}.vector-color-callout{letter-spacing:.06em;text-transform:uppercase;opacity:.62;white-space:nowrap;font-size:8.5px;font-weight:700}.vector-color-button{border:1px solid var(--line-strong);background:var(--panel);border-radius:9px;place-items:center;width:30px;height:30px;transition:transform .18s,border-color .18s;display:grid}.vector-color-button:hover:not([disabled]){border-color:var(--accent);transform:translateY(-1px)}.vector-color-button[aria-expanded=true]{border-color:var(--accent)}#vectorColorSwatch{border-radius:6px;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #0000002e}.vector-mode-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));height:42px;padding:3px;display:grid;position:relative}.vector-mode-switch:before{content:"";background:var(--accent);width:calc(33.3333% - 2px);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 38%, transparent);border-radius:10px;transition:transform .34s cubic-bezier(.2,.85,.25,1);position:absolute;top:3px;bottom:3px;left:3px}.vector-mode-switch[data-mode=fine]:before{transform:translate(100%)}.vector-mode-switch[data-mode=subpixel]:before{transform:translate(200%)}.vector-mode-switch button{z-index:1;color:var(--muted);letter-spacing:.02em;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:9.5px;font-weight:720;transition:color .24s;display:inline-flex;position:relative}.vector-mode-switch button i{width:15px;height:15px;font-family:var(--font-mono);border:1px solid;border-radius:50%;place-items:center;font-size:8px;font-style:normal;line-height:1;display:grid}.vector-mode-switch button.active{color:var(--accent-ink)}.vector-mode-hint{color:var(--muted);font-size:10px;line-height:1.5}.export-panel{border-top:1px solid var(--line);flex:none;gap:7px;padding:14px 16px 16px;display:grid}.export-main{border:1px solid var(--export);background:var(--export);width:100%;min-height:50px;color:var(--export-ink);letter-spacing:-.01em;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-size:13.5px;font-weight:720;transition:transform .18s,box-shadow .18s;display:flex}.export-main:hover:not([disabled]){box-shadow:0 14px 30px color-mix(in srgb, var(--export) 32%, transparent);transform:translateY(-2px)}.export-secondary{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.export-secondary button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel);height:40px;color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px;font-weight:700;transition:transform .18s,border-color .18s,background-color .18s}.export-secondary button:hover:not([disabled]){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.workspace{flex-direction:column;gap:14px;min-width:0;min-height:0;padding:16px 20px 20px;display:flex}.preview-toolbar{flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.preview-left{align-items:center;gap:10px;display:flex}.segment{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(140%);border-radius:13px;grid-template-columns:repeat(4,minmax(86px,1fr));padding:4px;display:grid;position:relative}.segment:before{content:"";background:var(--accent);width:calc(25% - 2px);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 36%, transparent);border-radius:10px;transition:transform .34s cubic-bezier(.2,.85,.25,1),background-color .24s,box-shadow .24s;position:absolute;top:4px;bottom:4px;left:4px}.segment[data-view=result]:before{transform:translate(100%)}.segment[data-view=vector]:before{transform:translate(200%)}.segment[data-view=outline]:before,.segment[data-view=outlines]:before{background:var(--outline);box-shadow:0 6px 18px color-mix(in srgb, var(--outline) 36%, transparent);transform:translate(300%)}.segment button{z-index:1;min-width:86px;height:38px;color:var(--muted);border-radius:10px;font-size:12px;font-weight:700;transition:color .24s;position:relative}.segment button.active{color:var(--accent-ink)}.edit-tools{align-items:center;gap:8px;display:flex}#lassoTool{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);height:38px;color:var(--text);align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:680;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s,color .18s;display:inline-flex}#lassoTool:hover:not([disabled]){border-color:var(--accent);transform:translateY(-1px)}.lasso-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 2;flex:none;width:17px;height:17px}#lassoTool kbd{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:5px;padding:2px 5px;font-size:8px;font-weight:600}#lassoTool.active,#lassoTool[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}#lassoTool.is-negative{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}#lassoTool.is-negative kbd{border-color:color-mix(in srgb, var(--accent-ink) 45%, transparent);color:inherit;background:0 0}.status{text-align:center;min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:560;overflow:hidden}.zoom-tools{align-items:center;gap:6px;display:flex}.zoom-tools button{border:1px solid var(--line);background:var(--panel);min-width:32px;height:32px;color:var(--text);border-radius:9px;place-items:center;padding:0 10px;font-size:11.5px;font-weight:680;transition:transform .18s,border-color .18s;display:grid}.zoom-tools button:hover:not([disabled]){border-color:var(--accent);transform:translateY(-1px)}.zoom-tools input[type=range]{width:min(85px,8.5vw)}.canvas-wrap{border-radius:var(--radius);border:1px solid var(--line);background-color:var(--surface);background-image:linear-gradient(to right, color-mix(in srgb, var(--line) 45%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--line) 45%, transparent) 1px, transparent 1px);cursor:grab;background-size:28px 28px;flex:1;min-height:0;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.canvas-wrap.is-zoomed{scrollbar-width:thin;overflow:auto}.canvas-wrap.is-panning{cursor:grabbing}.canvas-wrap.is-lasso,.app.is-lasso .canvas-wrap{cursor:crosshair}.canvas-wrap.drag,.app.drag .canvas-wrap{border:1px dashed var(--accent);box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 0 60px color-mix(in srgb, var(--accent) 14%, transparent)}.canvas-wrap.is-processing .canvas-stage{opacity:.42;transform:scale(.995)}.canvas-wrap.is-auto-scanning:before{content:"";z-index:6;opacity:0;background:var(--accent);height:2px;box-shadow:0 0 18px 3px color-mix(in srgb, var(--accent) 55%, transparent);pointer-events:none;animation:1.6s cubic-bezier(.45,0,.55,1) scan;position:absolute;top:0;left:0;right:0}.canvas-action-layer{z-index:8;pointer-events:none;align-items:center;gap:8px;display:none;position:absolute;top:12px;left:12px;right:12px}.app.has-image .canvas-action-layer{display:flex}.canvas-corner-action,.change-image-button{pointer-events:auto;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);min-width:40px;height:40px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11.5px;font-weight:680;transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:inline-flex;box-shadow:0 8px 22px #0f10151a}.canvas-corner-action:hover:not([disabled]),.change-image-button:hover:not([disabled]){border-color:var(--accent);transform:translateY(-2px)}.canvas-undo-action{width:40px;padding:0;font-size:17px}.canvas-lasso-action{display:none}.canvas-lasso-action[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.change-image-button{margin-left:auto}.empty{z-index:4;border-radius:var(--radius);text-align:center;cursor:pointer;align-content:center;justify-items:center;gap:10px;padding:32px;transition:background-color .2s;display:none;position:absolute;inset:0}.app.is-empty .empty{display:grid}.empty-icon{background:var(--accent);width:58px;height:58px;color:var(--accent-ink);box-shadow:0 14px 32px color-mix(in srgb, var(--accent) 34%, transparent);border-radius:50%;place-items:center;margin-bottom:6px;font-size:22px;display:grid}.empty strong{letter-spacing:-.03em;font-size:19px;font-weight:700}.empty span:not(.empty-icon){max-width:380px;color:var(--muted);font-size:12.5px;line-height:1.6}.empty small{color:var(--subtle);font-size:10px}.empty:hover,.canvas-wrap.drag .empty,.app.drag .empty{background:color-mix(in srgb, var(--accent-soft) 62%, transparent)}.canvas-center{place-items:center;width:max-content;min-width:100%;min-height:100%;padding:20px;display:grid}.canvas-stage{filter:drop-shadow(0 18px 44px #14162029);transition:opacity .24s,transform .24s;animation:.5s cubic-bezier(.2,.78,.18,1) both stage-in;display:table;position:relative}#canvas{display:block}.vector-preview,.lasso-overlay{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.vector-preview-shape{fill:var(--vector-fill,#000);fill-rule:nonzero}.vector-preview.is-outline .vector-preview-shape{fill:none;stroke:var(--outline);stroke-width:1.8px;vector-effect:non-scaling-stroke}.lasso-overlay{pointer-events:none}.app.is-lasso .lasso-overlay,.canvas-wrap.is-lasso .lasso-overlay{pointer-events:auto}#lassoPath{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--accent);stroke-width:2px;stroke-dasharray:7 5;stroke-linejoin:round;vector-effect:non-scaling-stroke}#lassoPath.is-keep,.lasso-overlay.is-keep #lassoPath,.canvas-wrap.is-lasso-keep #lassoPath{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke-dasharray:2 4}.processing-loader{z-index:9;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.processing-loader strong{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:620;overflow:hidden}.spinner{border:2px solid var(--line-strong);border-top-color:var(--text);border-radius:50%;flex:none;width:14px;height:14px;animation:.65s linear infinite spin}.vector-color-popover{z-index:90;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(20px)saturate(140%);width:264px;box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:12px;animation:.18s cubic-bezier(.2,.85,.25,1) both color-popover-in;display:grid;position:fixed}.vector-color-field{border-radius:10px;width:240px;height:150px;position:relative;overflow:hidden}#vectorColorField{cursor:crosshair;width:240px;height:150px;display:block}#vectorColorCursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #00000073,0 2px 6px #0006}.vector-hue-control,.vector-hex-control{gap:6px;display:grid}.vector-hue-control>span,.vector-hex-control>span{letter-spacing:.11em;text-transform:uppercase;color:var(--subtle);font-size:8.5px;font-weight:800}#vectorHue{height:18px}#vectorHue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;height:18px}#vectorHue::-webkit-slider-thumb{background:#fff;border-color:#fff;margin-top:1px;box-shadow:0 0 0 1px #00000059,0 2px 8px #00000059}#vectorHue::-moz-range-track{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;height:18px}#vectorHue::-moz-range-thumb{background:#fff;border-color:#fff;box-shadow:0 0 0 1px #00000059,0 2px 8px #00000059}#vectorColorHex{border:1px solid var(--line-strong);background:var(--surface);height:34px;color:var(--text);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:9px;padding:0 10px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}@keyframes scan{0%{opacity:0;top:0}12%{opacity:1}50%{opacity:1;top:calc(100% - 2px)}88%{opacity:1}to{opacity:0;top:0}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes editor-in{0%{opacity:0;transform:translateY(14px)scale(.995)}to{opacity:1;transform:none}}@keyframes stage-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes settings-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes color-popover-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}@keyframes logo-shape{0%,to{transform:scaleY(1)translateY(0)}42%{transform:scaleY(.9)translateY(3px)}72%{transform:scaleY(1.04)translateY(-1px)}}@keyframes logo-pointer{0%,to{transform:translate(0)rotate(0)}38%{transform:translate(4px,-3px)rotate(-3.5deg)}70%{transform:translate(-2px,1px)rotate(1.5deg)}}@keyframes logo-node{0%,46%,to{stroke:var(--story-node);transform:scale(1)}22%{stroke:var(--story-text);transform:scale(1.18)}}@media (max-width:900px){.topbar{height:58px;padding:0 14px}.privacy-compact,.topbar-claim{display:none}.editor-shell{flex-direction:column-reverse;height:auto;display:flex}.inspector{border-right:0;border-top:1px solid var(--line)}.inspector-file{display:none}.inspector-scroll{overflow-y:visible}.workspace{height:calc(80svh - 58px);min-height:340px;padding:12px 12px 14px}.preview-toolbar{grid-template-columns:minmax(0,1fr);gap:8px}.preview-left{min-width:0}.segment{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.segment button{min-width:0}.edit-tools,.zoom-tools{display:none}.canvas-lasso-action{display:inline-flex}.control{grid-template-rows:42px}.app input[type=range]{height:42px}.app input[type=range]::-webkit-slider-runnable-track{height:5px}.app input[type=range]::-webkit-slider-thumb{border-width:4px;width:28px;height:28px;margin-top:-11.5px}.app input[type=range]::-moz-range-track{height:5px}.app input[type=range]::-moz-range-thumb{border-width:4px;width:28px;height:28px}#vectorHue{height:24px}#vectorHue::-webkit-slider-runnable-track{height:18px}#vectorHue::-moz-range-track{height:18px}#vectorHue::-webkit-slider-thumb{border-width:3px;width:20px;height:20px;margin-top:-1px}#vectorHue::-moz-range-thumb{border-width:3px;width:20px;height:20px}.export-panel{border:1px solid color-mix(in srgb, var(--accent) 70%, #000);background:var(--accent);box-shadow:0 18px 44px color-mix(in srgb, var(--accent) 34%, transparent);border-radius:16px;margin:12px;padding:12px;position:sticky;bottom:12px}.export-main{border-color:var(--accent-ink);background:var(--accent-ink);color:var(--accent)}.export-secondary button{border-color:color-mix(in srgb, var(--accent-ink) 45%, transparent);color:var(--accent-ink);background:0 0}.export-secondary button:hover:not([disabled]){border-color:var(--accent-ink);background:color-mix(in srgb, var(--accent-ink) 16%, transparent)}.canvas-wrap{touch-action:pan-y}.canvas-wrap.is-zoomed,.canvas-wrap.is-lasso,.app.is-lasso .canvas-wrap{touch-action:none}.processing-loader{position:fixed;bottom:22px}}@media (max-width:560px){.topbar{padding:0 10px}.topbar .brand-logo{width:42px}.workspace{padding:12px 8px 8px}.segment button{font-size:11px}}.seo-story{--story-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--story-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--story-serif:Georgia, "Times New Roman", serif;--story-ease:cubic-bezier(.2, .78, .18, 1);--story-hover:#101219;--story-card:#0f1117;--story-node:#ff9ccd;isolation:isolate;background:var(--story-bg);color:var(--story-text);font-family:var(--story-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;position:relative;overflow:clip}.seo-story:before{content:"";inset-block:0;z-index:-1;pointer-events:none;background:#ffffff09;width:1px;position:absolute;left:8vw;box-shadow:21vw 0 #ffffff06,42vw 0 #ffffff06,63vw 0 #ffffff06,84vw 0 #ffffff06}.seo-story *,.seo-story :before,.seo-story :after{box-sizing:border-box}.seo-story h1,.seo-story h2,.seo-story h3,.seo-story h4,.seo-story p,.seo-story ul,.seo-story ol,.seo-story dl,.seo-story dd,.seo-story figure,.seo-story blockquote{margin:0}.seo-story ul,.seo-story ol{padding:0;list-style:none}.seo-story a{color:inherit;text-decoration:none}.seo-story button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.seo-story img{max-width:100%;display:block}.seo-story ::selection{background:var(--story-accent);color:var(--story-bg)}.seo-story :focus-visible{outline:2px solid var(--story-accent);outline-offset:4px;border-radius:4px}.seo-boundary{width:min(1440px,100% - clamp(40px,8vw,136px));margin-inline:auto}.seo-hero,.seo-workflow,.seo-free,.seo-local,.keyword-section,.maker-case,.seo-explainer,.search-answers,.seo-faq,.seo-final{border-bottom:1px solid var(--story-line);flex-direction:column;justify-content:center;min-height:100svh;padding-block:clamp(120px,15vw,220px);display:flex;position:relative}.seo-kicker{font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--story-accent);font-size:12px;font-weight:760;display:block}.seo-story h1,.seo-story h2{letter-spacing:-.075em;font-weight:610}.seo-story h1 i,.seo-story h2 i,.seo-story h3 i,.seo-story blockquote i{font-family:var(--story-serif);letter-spacing:-.02em;color:var(--story-accent);font-style:italic;font-weight:400}.seo-story h2{font-size:clamp(64px,7.4vw,118px);line-height:.86}.seo-story h3{letter-spacing:-.045em;font-size:clamp(22px,2.2vw,30px);font-weight:640;line-height:1.06}.seo-story p{color:var(--story-muted);font-size:17px;line-height:1.7}.seo-section-heading{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:36px;margin-bottom:clamp(40px,4.5vw,68px);display:grid}.seo-section-heading>.seo-kicker{grid-column:1/-1}.seo-section-heading p{padding-bottom:8px;font-size:18px}.back-to-tool{z-index:6;background:color-mix(in srgb, var(--story-surface) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);width:max-content;height:42px;font-family:var(--story-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--story-text);transition:transform .3s var(--story-ease), border-color .3s var(--story-ease);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;margin-block:18px -60px;margin-inline:auto clamp(20px,4vw,68px);padding-inline:20px;font-size:11px;font-weight:700;display:flex;position:sticky;top:18px}.back-to-tool:hover{border-color:var(--story-accent);transform:translateY(-2px)}[data-reveal]{transition:opacity .8s cubic-bezier(.2,.78,.18,1),transform .8s cubic-bezier(.2,.78,.18,1)}.reveal-pending{opacity:0;transform:translateY(34px)}.is-visible{opacity:1;transform:none}.seo-cta{background:var(--story-accent);height:54px;color:var(--story-bg);letter-spacing:-.01em;transition:transform .3s var(--story-ease), box-shadow .3s var(--story-ease);border-radius:999px;align-items:center;gap:12px;padding-inline:32px;font-size:15px;font-weight:690;display:inline-flex}.seo-cta:hover{transform:translateY(-3px);box-shadow:0 18px 42px #7c87ff4d}.text-link,.all-guides-link{color:var(--story-accent);border-bottom:1px solid color-mix(in srgb, var(--story-accent) 40%, transparent);transition:color .3s var(--story-ease), border-color .3s var(--story-ease), gap .3s var(--story-ease);align-items:center;gap:10px;padding-bottom:3px;font-size:15px;font-weight:640;display:inline-flex}.text-link:hover,.all-guides-link:hover{color:var(--story-text);border-color:var(--story-text);gap:16px}.all-guides-link{font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;align-self:flex-start;margin-top:clamp(36px,4vw,60px);font-size:12px;font-weight:760}.seo-story :has(>.seo-hero-copy){grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:clamp(44px,6vw,88px) clamp(24px,3vw,48px);display:grid}.seo-hero-copy{flex-direction:column;grid-column:1/7;align-items:flex-start;gap:clamp(20px,2.4vw,34px);display:flex}.seo-hero-copy~*{grid-column:7/13}.seo-hero-copy~.scroll-cue{grid-column:1/-1}.seo-hero-copy h1{font-size:clamp(70px,8.2vw,128px);line-height:.8}.seo-hero-copy p{max-width:46ch;font-size:19px}.pixel-smooth-word{transform:translate3d(var(--word-x,0px), var(--word-y,0px), 0);transition:transform .34s var(--story-ease);display:inline-grid;position:relative}.pixel-smooth-word>*{grid-area:1/1}.pixel-label{font-family:var(--story-mono);letter-spacing:-.13em;text-transform:uppercase;color:#cdd2ff;text-shadow:.045em .03em #ff8ac4,.09em .06em #d6006e;filter:contrast(1.8);clip-path:inset(-20% -8% -22%);transition:clip-path .55s var(--story-ease);font-size:.79em;font-weight:900;transform:translateY(.07em)skew(-4deg)}.pixel-label b{font-weight:inherit;transition:transform .55s var(--story-ease), opacity .55s var(--story-ease);transition-delay:calc(var(--fragment,0) * 34ms);display:inline-block}.vector-label{font-family:var(--story-serif);letter-spacing:-.02em;color:var(--story-accent);clip-path:inset(0 100% 0 0);transition:clip-path .55s var(--story-ease) 80ms;font-style:italic;font-weight:400}.word-vector-ui{pointer-events:none;width:100%;height:100%;overflow:visible}.word-vector-ui path{fill:none;stroke:var(--story-accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:var(--trace-length,240);stroke-dashoffset:var(--trace-length,240)}.word-vector-ui circle,.word-vector-ui rect{fill:var(--story-bg);stroke:var(--story-node);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.2)}.pixel-smooth-word:hover .pixel-label,.pixel-smooth-word:focus-within .pixel-label{clip-path:inset(-20% -8% -22% 100%)}.pixel-smooth-word:hover .pixel-label b:nth-child(odd),.pixel-smooth-word:focus-within .pixel-label b:nth-child(odd){opacity:.35;transform:translateY(-.42em)rotate(-4deg)}.pixel-smooth-word:hover .pixel-label b:nth-child(2n),.pixel-smooth-word:focus-within .pixel-label b:nth-child(2n){opacity:.35;transform:translateY(.38em)rotate(5deg)}.pixel-smooth-word:hover .vector-label,.pixel-smooth-word:focus-within .vector-label{clip-path:inset(0 -6% 0 0)}.pixel-smooth-word:hover .word-vector-ui path,.pixel-smooth-word:focus-within .word-vector-ui path{animation:word-trace 1.1s var(--story-ease) .1s forwards}.pixel-smooth-word:hover .word-vector-ui :is(circle,rect),.pixel-smooth-word:focus-within .word-vector-ui :is(circle,rect){animation:word-node .46s var(--story-ease) forwards}.word-vector-ui :is(circle,rect):first-of-type{animation-delay:.46s}.word-vector-ui :is(circle,rect):nth-of-type(2){animation-delay:.62s}.word-vector-ui :is(circle,rect):nth-of-type(3){animation-delay:.78s}.word-vector-ui :is(circle,rect):nth-of-type(4){animation-delay:.94s}@keyframes word-trace{to{stroke-dashoffset:0}}@keyframes word-node{60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.hover-instruction{font-family:var(--story-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--story-muted);font-size:11px;font-weight:700;animation:3.4s ease-in-out infinite hint-breathe}@keyframes hint-breathe{0%,to{opacity:.45}50%{opacity:1}}.trace-orbit,.trace-orbit svg{width:100%;height:auto;display:block;overflow:visible}.trace-orbit figcaption,.trace-orbit>p,.trace-orbit>span{font-family:var(--story-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--story-muted);align-items:center;gap:14px;margin-top:22px;font-size:11px;font-weight:760;display:flex}.trace-grid{fill:none;stroke:#ffffff12;stroke-width:1px}.trace-raster{fill:#ffffff0b;stroke:#3f4352;stroke-width:1.6px;stroke-linejoin:miter}.trace-vector{fill:none;stroke:var(--story-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:920;filter:drop-shadow(0 0 12px #7c87ff8c);animation:5s linear infinite story-trace}.trace-nodes :is(circle,rect){fill:var(--story-bg);stroke:var(--story-node);stroke-width:2.5px;transform-box:fill-box;transform-origin:50%;animation:node-pop 5s var(--story-ease) infinite}.trace-nodes :is(circle,rect):nth-of-type(2){animation-delay:.3s}.trace-nodes :is(circle,rect):nth-of-type(3){animation-delay:.6s}.trace-nodes :is(circle,rect):nth-of-type(4){animation-delay:.9s}.trace-nodes :is(circle,rect):nth-of-type(5){animation-delay:1.2s}@keyframes story-trace{0%{stroke-dashoffset:920px}45%{stroke-dashoffset:0}60%{stroke-dashoffset:0}to{stroke-dashoffset:-920px}}@keyframes node-pop{0%,12%{opacity:0;transform:scale(.2)}20%{opacity:1;transform:scale(1.3)}28%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.scroll-cue{font-family:var(--story-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--story-muted);flex-direction:column;justify-self:start;align-items:flex-start;gap:14px;font-size:11px;font-weight:700;display:flex}.scroll-cue:after{content:"";background-color:var(--story-line);background-image:linear-gradient(180deg, transparent, var(--story-accent), transparent);background-repeat:no-repeat;background-size:100% 46%;width:1px;height:64px;animation:2s linear infinite story-scroll}@keyframes story-scroll{0%{background-position:0 -50%}to{background-position:0 150%}}.seo-story :has(>.workflow-stage){grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(48px,6vw,88px) clamp(40px,6vw,96px);display:grid}.seo-story :has(>.workflow-stage)>.seo-section-heading{grid-column:1/-1}.workflow-stage{perspective:1400px;position:relative}.workflow-stage:before{content:"";filter:blur(46px);z-index:-1;background:radial-gradient(circle,#7c87ff38,#0000 68%);border-radius:50%;position:absolute;inset:12% 6%}.workflow-demo{border:1px solid var(--story-line);background:var(--story-surface);border-radius:18px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 48px 120px #0000008c}.demo-toolbar{border-bottom:1px solid var(--story-line);background:#0d0f15;align-items:center;gap:8px;height:44px;padding-inline:18px;display:flex}.demo-toolbar span:empty{background:#3a3e4c;border-radius:50%;width:9px;height:9px}.demo-toolbar span:empty:first-child{background:#4a4e5e}.demo-toolbar :is(code,em,small,strong,p){font-family:var(--story-mono);letter-spacing:.04em;color:var(--story-muted);background:#14161f;border-radius:999px;margin-left:14px;padding:5px 14px;font-size:11px;font-style:normal;font-weight:600}.demo-canvas{background-color:var(--story-bg);background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:28px 28px;height:460px;position:relative;overflow:hidden}.demo-drop{font-family:var(--story-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--story-muted);animation:demo-drop 8s var(--story-ease) infinite;border:1px dashed #ffffff26;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:16% 14%}.demo-hand{fill:none;stroke:#f3f0e84d;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;animation:demo-hand 8s var(--story-ease) infinite;position:absolute;inset:0}.demo-path{fill:none;width:100%;height:100%;stroke:var(--story-accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:760;filter:drop-shadow(0 0 10px #7c87ff73);animation:demo-trace 8s var(--story-ease) infinite;position:absolute;inset:0}.demo-scan{inset-inline:0;background:var(--story-accent);height:2px;animation:8s linear infinite demo-scan;position:absolute;top:0;box-shadow:0 0 22px 2px #7c87ffa6}.demo-export{border-top:1px solid var(--story-line);background:#0d0f15;flex-wrap:wrap;gap:8px;padding:16px 18px;display:flex}.demo-export>*{border:1px solid var(--story-line);font-family:var(--story-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--story-muted);border-radius:999px;padding:8px 14px;font-size:11px;font-weight:760}.demo-export>:first-child,.demo-export>.is-active,.demo-export>.active{background:var(--story-accent);color:var(--story-bg);animation:demo-chip 8s var(--story-ease) infinite;border-color:#0000}@keyframes demo-drop{0%,12%{opacity:1;transform:scale(1)}20%,92%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes demo-hand{0%,16%{opacity:0}26%,74%{opacity:1}90%,to{opacity:0}}@keyframes demo-trace{0%,34%{stroke-dashoffset:760px;opacity:1}70%,90%{stroke-dashoffset:0;opacity:1}99%,to{stroke-dashoffset:0;opacity:0}}@keyframes demo-scan{0%,30%{opacity:0;transform:translateY(-4px)}36%{opacity:.95;transform:translateY(28px)}84%{opacity:.95;transform:translateY(458px)}92%,to{opacity:0;transform:translateY(458px)}}@keyframes demo-chip{0%,68%{box-shadow:0 0 #7c87ff00}78%{box-shadow:0 0 0 6px #7c87ff38}90%,to{box-shadow:0 0 #7c87ff00}}.workflow-copy ol,.workflow-copy ul{counter-reset:workflow-step}.workflow-copy li{border-top:1px solid var(--story-line);counter-increment:workflow-step;grid-template-columns:64px minmax(0,1fr);gap:8px 20px;padding-block:clamp(20px,2.4vw,30px);display:grid}.workflow-copy li:before{content:counter(workflow-step, decimal-leading-zero);font-family:var(--story-mono);letter-spacing:.12em;color:var(--story-accent);grid-row:1/span 2;padding-top:4px;font-size:12px;font-weight:760}.workflow-copy li strong,.workflow-copy li h3{letter-spacing:-.04em;color:var(--story-text);font-size:clamp(19px,1.7vw,23px);font-weight:640}.workflow-copy li p,.workflow-copy li span{color:var(--story-muted);grid-column:2;font-size:16px;line-height:1.65}.seo-story :has(>.free-copy){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(48px,6vw,88px) clamp(40px,6vw,96px);display:grid}.seo-story :has(>.free-copy)>.seo-section-heading{grid-column:1/-1}.free-number{border:1px solid var(--story-line);background:var(--story-card);border-radius:26px;flex-direction:column;justify-content:space-between;gap:clamp(28px,4vw,52px);min-height:420px;padding:clamp(30px,3.4vw,50px);display:flex}.free-number>:first-child{font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--story-muted);font-size:12px;font-weight:760}.free-number p{font-size:16px}.free-equation-large{letter-spacing:-.075em;text-transform:uppercase;color:var(--story-text);text-decoration-line:line-through;-webkit-text-decoration-color:var(--story-accent);text-decoration-color:var(--story-accent);font-size:clamp(64px,9vw,148px);font-weight:810;line-height:.82;text-decoration-thickness:clamp(3px,.45vw,7px);display:block}.free-copy{flex-direction:column;align-items:flex-start;gap:clamp(24px,3vw,40px);display:flex}.free-copy ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px clamp(24px,3vw,44px);width:100%;display:grid}.free-copy li{color:var(--story-muted);padding-left:22px;font-size:16px;line-height:1.6;position:relative}.free-copy li:before{content:"";background:var(--story-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:0}.seo-story :has(>.local-copy){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(48px,6vw,88px) clamp(40px,6vw,96px);display:grid}.seo-story :has(>.local-copy)>.seo-section-heading{grid-column:1/-1}.local-visual{place-items:center;height:640px;display:grid;position:relative}.local-device{z-index:1;background:var(--story-surface);text-align:center;width:210px;height:290px;font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--story-muted);border:1px solid #4a4e5e;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:11px;font-weight:760;display:flex;position:relative}.local-device strong{color:var(--story-text);font-size:13px}.local-camera{background:#4a4e5e;border-radius:999px;width:46px;height:6px;position:absolute;top:14px;left:50%;translate:-50%}.local-ring{border:1px solid var(--story-line);border-radius:50%;animation:4s ease-in-out infinite local-pulse;position:absolute;top:50%;left:50%;translate:-50% -50%}.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}@keyframes local-pulse{0%,to{opacity:.28;transform:scale(.96)}50%{opacity:.72;transform:scale(1.03)}}.local-label{z-index:2;font-family:var(--story-mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:760;position:absolute}.label-browser{color:var(--story-accent);top:18%;left:4%}.label-server{color:var(--story-muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--story-muted) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--story-muted) 60%, transparent);bottom:18%;right:4%}.local-copy{flex-direction:column;align-items:flex-start;gap:clamp(22px,2.6vw,34px);display:flex}.local-copy p{max-width:52ch}.seo-local .local-note,.seo-local .local-note p{border-left:2px solid var(--story-accent);color:var(--story-text);background:linear-gradient(90deg,#7c87ff1a,#0000 70%);padding:18px 0 18px 22px;font-size:16px;line-height:1.65}.seo-local .local-note p{background:0 0;border:0;padding:0}.keyword-heading{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:36px;margin-bottom:clamp(40px,4.5vw,68px);display:grid}.keyword-heading>.seo-kicker{grid-column:1/-1}.keyword-list{border-top:1px solid var(--story-line)}.keyword-list li{display:block}.keyword-list a{border-bottom:1px solid var(--story-line);min-height:116px;transition:padding-inline .4s var(--story-ease), background-color .4s var(--story-ease);grid-template-columns:150px minmax(0,.8fr) minmax(0,1fr) 32px;align-items:center;gap:24px;padding-block:20px;padding-inline:0;display:grid}.keyword-list a:hover{background:var(--story-hover);padding-inline:18px}.keyword-list a>:first-child{font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--story-accent);font-size:11px;font-weight:760}.keyword-list a>:nth-child(2){letter-spacing:-.05em;color:var(--story-text);font-size:clamp(22px,2.2vw,34px);font-weight:620;line-height:1.02}.keyword-list a>:nth-child(3){color:var(--story-muted);font-size:16px;line-height:1.6}.keyword-list a>:last-child{color:var(--story-muted);transition:transform .4s var(--story-ease), color .4s var(--story-ease);justify-self:end;font-size:20px}.keyword-list a:hover>:last-child{color:var(--story-accent);transform:translate(4px,-4px)}.seo-story :has(>.maker-copy){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(48px,6vw,88px) clamp(40px,6vw,96px);display:grid}.seo-story :has(>.maker-copy)>.seo-section-heading{grid-column:1/-1}.maker-visual{border:1px solid var(--story-line);background:var(--story-surface);border-radius:22px;position:relative;overflow:hidden}.maker-visual img{filter:grayscale()contrast(1.08);width:100%;height:auto}.maker-visual>:is(span,b,strong,i,em){font-family:var(--story-serif);color:color-mix(in srgb, var(--story-text) 82%, transparent);mix-blend-mode:difference;pointer-events:none;font-size:clamp(120px,14vw,220px);font-style:italic;line-height:1;position:absolute;top:-.16em;right:.06em}.maker-copy{flex-direction:column;align-items:flex-start;gap:clamp(22px,2.6vw,34px);display:flex}.maker-copy blockquote{font-family:var(--story-serif);letter-spacing:-.03em;color:var(--story-text);font-size:clamp(28px,3.4vw,46px);font-style:italic;line-height:1.16}.maker-copy blockquote p{font:inherit;color:inherit}.case-tags{flex-wrap:wrap;gap:8px;display:flex}.case-tags>*{border:1px solid var(--story-line);font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--story-muted);border-radius:999px;padding:8px 14px;font-size:11px;font-weight:760}.seo-story :has(>.explainer-copy){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(48px,6vw,88px) clamp(40px,6vw,96px);display:grid}.seo-story :has(>.explainer-copy)>.seo-section-heading{grid-column:1/-1}.explainer-copy{flex-direction:column;gap:clamp(22px,2.6vw,34px);display:flex}.explainer-copy p{max-width:60ch;font-size:18px}.seo-explainer dl{grid-template-columns:85px minmax(0,1fr);column-gap:20px;display:grid}.seo-explainer dt,.seo-explainer dd{border-top:1px solid var(--story-line);padding-block:18px}.seo-explainer dt{font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--story-accent);font-size:12px;font-weight:760}.seo-explainer dd{color:var(--story-muted);font-size:16px;line-height:1.65}.explainer-copy ul>li{border-top:1px solid var(--story-line);color:var(--story-muted);grid-template-columns:85px minmax(0,1fr);gap:20px;padding-block:18px;font-size:16px;line-height:1.65;display:grid}.explainer-copy ul>li>:first-child{font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--story-accent);font-size:12px;font-weight:760}.search-answer-grid{border-top:1px solid var(--story-line);border-bottom:1px solid var(--story-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.search-answer-grid>*{border-right:1px solid var(--story-line);flex-direction:column;gap:18px;min-height:390px;padding:clamp(28px,3vw,44px);display:flex}.search-answer-grid>:last-child{border-right:0}.search-answer-grid>*>:first-child{font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--story-accent);font-size:11px;font-weight:760}.search-answer-grid a{color:var(--story-accent);border-bottom:1px solid color-mix(in srgb, var(--story-accent) 40%, transparent);transition:color .3s var(--story-ease), border-color .3s var(--story-ease);align-self:flex-start;margin-top:auto;padding-bottom:3px;font-size:15px;font-weight:640}.search-answer-grid a:hover{color:var(--story-text);border-color:var(--story-text)}.seo-story :has(>.faq-list){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(40px,5vw,72px) clamp(40px,6vw,96px);display:grid}.seo-story :has(>.faq-list)>.seo-section-heading{grid-column:1/-1}.faq-list details{border-bottom:1px solid var(--story-line)}.faq-list details:first-child{border-top:1px solid var(--story-line)}.faq-list summary{color:var(--story-text);cursor:pointer;padding:26px 48px 26px 0;font-size:17px;font-weight:630;line-height:1.35;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-family:var(--story-mono);color:var(--story-accent);transition:rotate .3s var(--story-ease);font-size:24px;font-weight:400;line-height:1;position:absolute;top:50%;right:0;translate:0 -50%}.faq-list details[open] summary:after{rotate:45deg}.faq-list details>:not(summary){max-width:62ch;color:var(--story-muted);padding-bottom:26px;font-size:16px;line-height:1.7}.seo-final{text-align:center;justify-content:center;align-items:center;min-height:78svh}.seo-final h2{max-width:16ch;margin-inline:auto;font-size:clamp(78px,11vw,170px);line-height:.78}.seo-final .seo-kicker{margin-bottom:clamp(24px,3vw,40px)}.seo-final .seo-cta,.seo-final a:not(.text-link){background:var(--story-text);color:var(--story-bg);margin-top:clamp(36px,4vw,60px)}.seo-final .seo-cta:hover,.seo-final a:not(.text-link):hover{box-shadow:0 18px 42px #f3f0e82e}.story-footer{border-top:1px solid var(--story-line);justify-content:space-between;align-items:flex-start;gap:clamp(32px,5vw,80px);padding-block:clamp(56px,7vw,96px);display:flex}.story-footer>:only-child{flex:1;justify-content:space-between;align-items:flex-start;gap:clamp(32px,5vw,80px);display:flex}.story-brand-block{flex-direction:column;gap:18px;max-width:46ch;display:flex}.story-brand{letter-spacing:-.04em;color:var(--story-text);flex-direction:column;gap:4px;font-size:20px;font-weight:690;display:flex}.story-brand small{font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--story-muted);font-size:11px;font-weight:700}.story-logo{width:88px;height:auto;overflow:visible}.story-logo .brand-logo-vector{fill:none;stroke:var(--story-accent);stroke-width:9px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;animation:4.8s ease-in-out infinite logo-flex}.story-logo .brand-logo-pointer{fill:none;stroke:var(--story-text);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:bottom;animation:4.8s ease-in-out infinite logo-point}.story-logo .brand-logo-node{fill:var(--story-bg);stroke:var(--story-node);stroke-width:7px;transform-box:fill-box;transform-origin:50%}.story-logo .brand-logo-node-left{animation:4.8s ease-in-out infinite logo-node}.story-logo .brand-logo-node-right{animation:4.8s ease-in-out -.6s infinite logo-node}@keyframes logo-flex{0%,to{transform:scaleY(1)}35%{transform:scaleY(.82)}70%{transform:scaleY(1.12)}}@keyframes logo-point{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-6px)rotate(-5deg)}62%{transform:translateY(3px)rotate(4deg)}}.legal-footer{font-family:var(--story-mono);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 26px;font-size:11px;font-weight:700;display:flex}.legal-footer a{color:var(--story-muted);transition:color .3s var(--story-ease)}.legal-footer a:hover{color:var(--story-text)}@media (max-width:900px){.seo-boundary{width:min(100% - 40px,760px)}.seo-story:before{left:6vw;box-shadow:22vw 0 #ffffff06,44vw 0 #ffffff06,66vw 0 #ffffff06,88vw 0 #ffffff06}.seo-story h2{font-size:clamp(46px,11vw,72px)}.seo-hero-copy h1{font-size:clamp(56px,15vw,104px)}.seo-final h2{font-size:clamp(56px,16vw,110px)}.seo-hero,.seo-workflow,.seo-free,.seo-local,.keyword-section,.maker-case,.seo-explainer,.search-answers,.seo-faq,.seo-final{min-height:0;padding-block:clamp(96px,16vw,150px)}:is(.seo-section-heading,.keyword-heading,.seo-story :has(>.seo-hero-copy),.seo-story :has(>.workflow-stage),.seo-story :has(>.free-copy),.seo-story :has(>.local-copy),.seo-story :has(>.maker-copy),.seo-story :has(>.explainer-copy),.seo-story :has(>.faq-list)){grid-template-columns:minmax(0,1fr)}.seo-hero-copy,.seo-hero-copy~*,.seo-hero-copy~.scroll-cue{grid-column:1/-1}.local-visual{order:2;height:520px}.local-copy{order:1}.search-answer-grid{grid-template-columns:minmax(0,1fr)}.search-answer-grid>*{border-right:0;border-bottom:1px solid var(--story-line);min-height:0;padding-inline:0}.search-answer-grid>:last-child{border-bottom:0}.keyword-list a{grid-template-columns:minmax(0,1fr) 32px;align-items:start;gap:6px 16px;min-height:0;padding-block:26px}.keyword-list a>:first-child,.keyword-list a>:nth-child(2),.keyword-list a>:nth-child(3){grid-column:1}.keyword-list a>:last-child{grid-area:1/2/span 3;align-self:center}.free-number{min-height:0}.demo-canvas{height:340px}@keyframes demo-scan{0%,30%{opacity:0;transform:translateY(-4px)}36%{opacity:.95;transform:translateY(24px)}84%{opacity:.95;transform:translateY(338px)}92%,to{opacity:0;transform:translateY(338px)}}}@media (max-width:560px){.seo-boundary{width:calc(100% - 30px)}.seo-hero,.seo-workflow,.seo-free,.seo-local,.keyword-section,.maker-case,.seo-explainer,.search-answers,.seo-faq,.seo-final{padding-block:104px}.seo-hero-copy h1{font-size:clamp(52px,18vw,96px)}.seo-story p{font-size:15px}.seo-section-heading p,.explainer-copy p,.seo-hero-copy p{font-size:16px}.free-copy ul{grid-template-columns:minmax(0,1fr)}.local-visual{height:400px}.local-device{border-radius:20px;width:150px;height:220px;padding:18px}.ring-one{width:230px;height:230px}.ring-two{width:320px;height:320px}.ring-three{width:410px;height:410px}.keyword-list a{grid-template-columns:minmax(0,1fr)}.keyword-list a>:last-child{grid-area:auto/1;justify-self:start}.story-footer,.story-footer>:only-child{flex-direction:column;align-items:flex-start}.legal-footer{justify-content:flex-start}.back-to-tool{margin-inline:auto 15px}}@media (prefers-reduced-motion:reduce){.seo-story *,.seo-story :before,.seo-story :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-pending{opacity:1;transform:none}.pixel-smooth-word{transform:none}}