.site{--paper: #f2f0e9;--ink: #171815;--muted-ink: #565a52;--line: #c4c7bc;--acid: #d8f05b;--acid-deep: #a7be2c;--panel: #e7e7df;--serif: Georgia, "Times New Roman", serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;min-height:100vh;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--sans);transition:background .25s ease,color .25s ease}.site.dark{--paper: #151714;--ink: #f4f5ee;--muted-ink: #c1c6b8;--line: #50554a;--panel: #20231e}.site button{cursor:pointer;font:inherit}.site a{font:inherit}.site{scroll-behavior:smooth}.site .wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site .nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;border-bottom:1px solid var(--line)}.site .brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.18em}.site .brand-mark{width:15px;height:15px;background:var(--acid);border-radius:50% 50% 50% 2px;display:inline-block;transform:rotate(-18deg)}.site .nav-links,.site .nav-actions,.site .hero-actions,.site .proof,.site .avatars,.site .canvas-status,.site .ticker-inner{display:flex;align-items:center}.site .nav-links{gap:28px;margin-left:auto;margin-right:38px}.site .nav-links a,.site .text-button{color:var(--muted-ink);text-decoration:none;font-size:12px;background:none;border:0}.site .nav-links a:hover,.site .text-button:hover{color:var(--ink)}.site .nav-actions{gap:16px}.site .icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);background:transparent;color:inherit;border-radius:50%}.site .button,.site .ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);padding:15px 20px;border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.01em;transition:transform .2s,background .2s}.site .button{background:var(--ink);color:var(--paper)}.site .button:hover,.site .ghost-button:hover{transform:translateY(-2px)}.site .button-small{padding:10px 14px}.site .ghost-button{background:transparent;color:var(--ink);border-color:var(--line)}.site .hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:center;padding:105px 0 120px}.site .eyebrow,.site .section-kicker{color:var(--muted-ink);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.site .ecosystem-tag{color:var(--ink);letter-spacing:.08em}.site .ecosystem-link{color:var(--ink);text-decoration:none;font-weight:700;margin-left:auto}.site .ecosystem-link:hover{color:var(--acid-deep)}.site .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:28px}.site .pulse,.site .live-dot{width:7px;height:7px;border-radius:50%;background:var(--acid-deep);display:inline-block}.site .hero h1,.site h2{margin:0;font-weight:500;letter-spacing:-.06em;line-height:.94}.site .hero h1{font-size:clamp(55px,7vw,94px)}.site .hero h1 em,.site h2 em{font-family:var(--serif);font-weight:400}.site .hero-text{max-width:400px;margin:32px 0 34px;color:var(--muted-ink);font-size:15px;line-height:1.65}.site .hero-actions{gap:13px;flex-wrap:wrap}.site .proof{gap:13px;margin-top:38px;color:var(--muted-ink);font-size:11px}.site .avatars span{display:grid;place-items:center;width:25px;height:25px;margin-right:-6px;border:2px solid var(--paper);border-radius:50%;background:var(--ink);color:var(--paper);font-size:8px}.site .canvas-wrap{background:var(--panel);padding:14px;box-shadow:18px 20px 0 var(--acid)}.site .canvas-label,.site .canvas-status{color:var(--muted-ink);font-size:10px;letter-spacing:.08em}.site .canvas-label{display:flex;align-items:center;gap:8px;padding:4px 4px 14px}.site .canvas-menu{margin-left:auto}.site .canvas-grid{position:relative;height:470px;overflow:hidden;border:1px solid var(--line);background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}.site .canvas-toolbar{position:absolute;z-index:2;top:15px;left:15px;display:flex;background:var(--ink);padding:5px;gap:2px}.site .canvas-toolbar button{width:28px;height:28px;border:0;background:transparent;color:var(--paper);font-size:14px}.site .canvas-toolbar .tool-active{background:var(--acid);color:var(--ink)}.site .canvas-inner{position:absolute;inset:0}.site .note{position:absolute;top:32%;left:26%;padding:24px 28px;background:var(--acid);color:var(--ink);font-size:21px;line-height:1.1;transform:rotate(-4deg);box-shadow:9px 10px 0 var(--ink)}.site .note b{font-family:var(--serif);font-weight:400;font-style:italic}.site .wire{position:absolute;width:180px;height:1px;background:var(--ink);transform-origin:left}.site .wire-one{top:48%;left:52%;transform:rotate(-28deg)}.site .wire-two{top:48%;left:52%;transform:rotate(28deg)}.site .orb{position:absolute;width:56px;height:56px;border:1px solid var(--ink);border-radius:50%}.site .orb-one{top:24%;right:16%}.site .orb-two{bottom:19%;right:15%;background:var(--ink)}.site .selection{position:absolute;top:44%;left:49%;width:135px;height:95px;border:1px solid var(--acid-deep)}.site .selection span{position:absolute;width:6px;height:6px;background:var(--acid-deep)}.site .selection span:nth-child(1){top:-3px;left:-3px}.site .selection span:nth-child(2){top:-3px;right:-3px}.site .selection span:nth-child(3){bottom:-3px;left:-3px}.site .selection span:nth-child(4){bottom:-3px;right:-3px}.site .mini-card{position:absolute;bottom:16%;left:19%;padding:10px 13px;border:1px solid var(--line);background:var(--paper);font-size:10px}.site .mini-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid-deep);margin-right:7px}.site .canvas-status{justify-content:space-between;padding:13px 3px 2px}.site .canvas-status span{display:inline-flex;align-items:center;gap:5px}.site .ticker{border-block:1px solid var(--line)}.site .ticker-inner{gap:30px;min-height:65px;color:var(--muted-ink);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.site .ticker-line{width:44px;height:1px;background:var(--line)}.site .ticker-inner span:nth-last-child(-n+3){color:var(--ink)}.site .feature-section,.site .workflow{padding:140px 0}.site .feature-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.site .section-heading h2,.site .workflow h2,.site .private-card h2{margin-top:22px;font-size:clamp(48px,6vw,80px)}.site .section-heading p{max-width:320px;margin-top:30px;color:var(--muted-ink);font-size:14px;line-height:1.6}.site .feature-list{border-top:1px solid var(--line)}.site .feature{display:grid;grid-template-columns:45px 1fr 20px;gap:18px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.site .feature-number{color:var(--acid-deep);font-size:11px}.site .feature h3,.site .step h3{margin:0 0 9px;font-size:15px}.site .feature p,.site .step p{max-width:400px;margin:0;color:var(--muted-ink);font-size:13px;line-height:1.5}.site .feature svg{color:var(--acid-deep)}.site .workflow{border-top:1px solid var(--line)}.site .workflow-top{display:flex;justify-content:space-between;gap:30px}.site .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:78px;border-top:1px solid var(--line)}.site .step{padding:22px 24px 0 0;border-right:1px solid var(--line);min-height:130px}.site .step:not(:first-child){padding-left:24px}.site .step:last-child{border:0}.site .step>span{display:block;margin-bottom:33px;color:var(--acid-deep);font-size:11px}.site .step.active h3{text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:6px;text-underline-offset:3px}.site .private{padding-bottom:140px}.site .private-card{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:70px;background:var(--ink);color:var(--paper)}.site .private-card h2{font-size:clamp(50px,6vw,78px)}.site .private-card p{max-width:360px;margin:28px 0;color:var(--muted-ink);line-height:1.6}.site .private-card strong{color:var(--acid);font-weight:500}.site .button-light{background:var(--acid);color:var(--ink);border-color:var(--acid)}.site .file-stack{position:relative;height:240px}.site .file{position:absolute;width:270px;padding:17px;border:1px solid var(--muted-ink);font-size:11px}.site .file-back{top:8px;left:50px;transform:rotate(8deg)}.site .file-mid{top:39px;left:24px;transform:rotate(-5deg);background:var(--panel);color:var(--ink)}.site .file-front{top:75px;left:0;display:flex;align-items:center;gap:12px;background:var(--acid);color:var(--ink);transform:rotate(3deg);box-shadow:9px 9px 0 var(--acid-deep)}.site .file-front small{margin-left:auto;font-size:9px}.site .footer{display:flex;justify-content:space-between;gap:20px;padding:27px 0;border-top:1px solid var(--line);color:var(--muted-ink);font-size:11px}.site .footer .brand{color:var(--ink)}@media(max-width:800px){.site .wrap{width:min(100% - 36px,620px)}.site .nav-links{display:none}.site .nav-actions{gap:8px}.site .text-button{display:none}.site .hero{grid-template-columns:1fr;gap:55px;padding:72px 0 90px}.site .hero h1{font-size:clamp(54px,15vw,82px);letter-spacing:-.04em}.site .canvas-grid{height:360px}.site .canvas-wrap{box-shadow:10px 12px 0 var(--acid)}.site .ticker-inner{gap:15px;overflow:hidden;white-space:nowrap}.site .ticker-inner span:nth-last-child(-n+2){display:none}.site .feature-section{grid-template-columns:1fr;gap:55px;padding:90px 0}.site .workflow{padding:90px 0}.site .workflow-top{display:block}.site .steps{grid-template-columns:1fr;margin-top:45px}.site .step,.site .step:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:20px 0;min-height:auto}.site .step:not(:first-child){padding-left:0}.site .step>span{margin-bottom:18px}.site .private{padding-bottom:90px}.site .private-card{grid-template-columns:1fr;gap:45px;padding:34px 25px}.site .file-stack{transform:scale(.86);transform-origin:left top}.site .footer{flex-wrap:wrap}.site .footer span:nth-child(2){width:100%;order:3}}.site .l-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site .abtn{padding:10px 16px;font-size:12px;font-weight:700;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);border-radius:2px;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}.site .abtn:hover{border-color:var(--ink)}.site .abtn.acc{border-color:var(--acid-deep);color:var(--acid-deep)}.site .cta{padding:12px 18px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:12px;font-weight:700;border-radius:2px;cursor:pointer;transition:background .15s}.site .cta:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.site .cta:disabled{opacity:.6;cursor:default}.site .all-svc-btn{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:10px 16px;font-size:12px;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:999px;cursor:pointer;transition:border-color .15s,color .15s}.site .all-svc-btn:hover{border-color:var(--acid-deep);color:var(--acid-deep)}.site .l-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:26px}.site .l-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.site .user-chip{display:inline-flex;align-items:center;gap:8px;font-size:12.5px}.site .uava{width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--acid);color:var(--ink);display:grid;place-items:center;font-size:11px;font-weight:700}.site .uava img{width:100%;height:100%;object-fit:cover}.site .uname{font-weight:600}.site .star{color:var(--acid-deep)}.site .folders{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;align-items:center}.site .chip{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s}.site .chip:hover{border-color:var(--ink)}.site .chip.cur{background:var(--acid);border-color:var(--acid);color:var(--ink);font-weight:700}.site .chip.ghost{border-style:dashed;color:var(--muted-ink)}.site .chip.over{border-color:var(--acid-deep);background:color-mix(in srgb,var(--acid) 22%,var(--paper))}.site .chip-count{color:var(--muted-ink);font-size:10.5px}.site .chip.cur .chip-count{color:var(--ink)}.site .chip-x{color:var(--muted-ink);padding:0 2px}.site .chip-x:hover{color:#b91c1c}.site .chip-input{padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font-size:12px;outline:none}.site .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.site .card{border:1px solid var(--line);border-radius:4px;background:var(--paper);overflow:hidden;cursor:pointer;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.site .card:hover{transform:translateY(-3px);box-shadow:8px 10px 0 var(--acid);border-color:var(--ink)}.site .thumb{height:110px;display:grid;place-items:center;position:relative;background:var(--panel);border-bottom:1px solid var(--line);font-family:var(--serif);font-size:42px;color:var(--ink)}.site .drag-hint{position:absolute;right:8px;top:8px;color:var(--muted-ink)}.site .card-body{padding:12px 14px 6px}.site .pname{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site .pmeta{font-size:11px;color:var(--muted-ink);margin-top:4px}.site .card-tools{display:flex;gap:6px;padding:8px 12px 12px;align-items:center}.site .card-rename{width:100%;font-size:14px;font-weight:700;padding:4px 6px;border:1px solid var(--accent, var(--acid-deep));background:var(--paper);color:var(--ink)}.site .move-sel{font-size:11px;padding:4px 6px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);max-width:110px}.site .mini{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none}.site .mini:hover{border-color:var(--ink)}.site .mini.danger:hover{border-color:#b91c1c;color:#b91c1c}.site .mini svg{width:14px;height:14px}.site .add-card{display:grid;place-items:center;min-height:170px;background:transparent;border:1px dashed var(--line-strong);font-size:42px;color:var(--muted-ink);font-weight:300}.site .add-card:hover{border-color:var(--acid-deep);color:var(--ink);box-shadow:none}.site .empty-state{text-align:center;padding:70px 20px;grid-column:1 / -1}.site .empty-state .logo{justify-content:center;display:flex;font-size:14px;font-weight:800;letter-spacing:.18em;margin-bottom:18px}.site .empty-state .logo-dot{width:15px;height:15px;background:var(--acid);border-radius:50% 50% 50% 2px;display:inline-block;transform:rotate(-18deg);margin-right:8px}.site .empty-sub{color:var(--muted-ink);font-size:15px;line-height:1.6;margin:0 0 24px}.site .glass{background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}.site .auth-shell{max-width:460px;margin:0 auto;padding:clamp(48px,8vw,90px) 20px;text-align:center}.site .auth-card{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:38px 32px;display:flex;flex-direction:column;gap:16px;align-items:stretch;box-shadow:12px 14px 0 var(--acid)}.site .auth-card .brand{justify-content:center;font-size:13px;margin-bottom:4px}.site .auth-card h1{margin:0;font-weight:500;letter-spacing:-.04em;font-size:30px}.site .auth-sub{margin:0 0 8px;color:var(--muted-ink);font-size:13px}.site .auth-card .button,.site .auth-card .ghost-button{width:100%}.site .aback{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:18px;font-size:12px;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:999px;cursor:pointer}.site .aback:hover{border-color:var(--acid-deep);color:var(--acid-deep)}.site .l-actions{margin-left:auto}.site .admin-sec{margin-bottom:42px}.site .admin-sec h3{margin:0 0 14px;font-size:17px;font-weight:700;letter-spacing:-.01em}.site .admin-sec .count{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--acid);color:var(--ink);font-size:11px;font-weight:700}.site .table{width:100%;border-collapse:collapse;font-size:13px;overflow:hidden}.site .table th{text-align:left;padding:12px 14px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-ink);border-bottom:1px solid var(--line-strong)}.site .table td{padding:12px 14px;border-bottom:1px solid var(--line)}.site .table tr:hover td{background:color-mix(in srgb,var(--acid) 8%,transparent)}.site .dim{color:var(--muted-ink)}.site .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.site .aerr{padding:12px 16px;border:1px solid #b91c1c;border-radius:4px;color:#b91c1c;background:color-mix(in srgb,#b91c1c 6%,var(--paper));font-size:13px}@media(max-width:800px){.site .l-top{padding:14px 0}.site .grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.site .thumb{height:80px;font-size:30px}.site .card-tools .move-sel{display:none}}:root,html[data-theme=dark]{--bg: #060607;--panel: rgba(17, 17, 19, .55);--panel-border: rgba(255, 255, 255, .09);--txt: #f2f2f2;--txt-dim: var(--txt-2);--acc: #2ce080;--acc-dim: rgba(44, 224, 128, .35);--r-lg: 18px;--r-md: 12px;--r-sm: 8px;--muted: var(--muted);--txt-2: var(--txt-2);--soft: var(--soft);--hov: var(--hov);--hov-strong: var(--hov-strong);--brd: var(--brd);--brd-faint: var(--brd-faint);--field: var(--soft);--dot-c: rgba(255, 255, 255, .13);--sh: 0 10px 34px rgba(0, 0, 0, .5);--inset-hi: inset 0 1px 0 var(--hov);--hint-bg: rgba(10, 10, 12, .4);--opt: var(--opt);--sb: var(--hov-strong);--sbh: var(--brd);--warn: #ffc46b;--star: #ffd166;--overlay: rgba(4, 4, 5, .55)}html[data-theme=light]{--bg: #eef1ef;--panel: rgba(255, 255, 255, .66);--panel-border: rgba(22, 28, 25, .1);--txt: #15181a;--txt-dim: #5c645f;--acc: #10a862;--acc-dim: rgba(16, 168, 98, .32);--muted: #87908a;--txt-2: #4c544f;--soft: rgba(22, 28, 25, .045);--hov: rgba(22, 28, 25, .06);--hov-strong: rgba(22, 28, 25, .11);--brd: rgba(22, 28, 25, .16);--brd-faint: rgba(22, 28, 25, .06);--field: rgba(22, 28, 25, .045);--dot-c: rgba(22, 28, 25, .2);--sh: 0 10px 30px rgba(30, 42, 36, .12);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .7);--hint-bg: rgba(255, 255, 255, .55);--opt: #ffffff;--sb: rgba(22, 28, 25, .16);--sbh: rgba(22, 28, 25, .28);--warn: #8a5b00;--star: #cf9500;--overlay: rgba(238, 241, 239, .66)}@media(prefers-color-scheme:light){html:not([data-theme=dark]){--bg: #eef1ef;--panel: rgba(255, 255, 255, .66);--panel-border: rgba(22, 28, 25, .1);--txt: #15181a;--txt-dim: #5c645f;--acc: #10a862;--acc-dim: rgba(16, 168, 98, .32);--muted: #87908a;--txt-2: #4c544f;--soft: rgba(22, 28, 25, .045);--hov: rgba(22, 28, 25, .06);--hov-strong: rgba(22, 28, 25, .11);--brd: rgba(22, 28, 25, .16);--brd-faint: rgba(22, 28, 25, .06);--field: rgba(22, 28, 25, .045);--dot-c: rgba(22, 28, 25, .2);--sh: 0 10px 30px rgba(30, 42, 36, .12);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .7);--hint-bg: rgba(255, 255, 255, .55);--opt: #ffffff;--sb: rgba(22, 28, 25, .16);--sbh: rgba(22, 28, 25, .28);--warn: #8a5b00;--star: #cf9500;--overlay: rgba(238, 241, 239, .66)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-size:13px;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text;font:inherit}button{font:inherit}::selection{background:var(--acc-dim)}.glass{background:var(--panel);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--panel-border);border-radius:var(--r-lg);box-shadow:var(--sh),var(--inset-hi)}.app{height:100%;position:relative}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(900px 480px at 72% -10%,rgba(44,224,128,.07),transparent 60%),radial-gradient(700px 520px at 10% 112%,rgba(255,255,255,.035),transparent 60%);pointer-events:none;z-index:0}.stage{position:absolute;inset:0;overflow:hidden;touch-action:none}.stage.tool-rect,.stage.tool-ellipse,.stage.tool-line,.stage.tool-text{cursor:crosshair}.stage.tool-hand{cursor:grab}.stage.panning{cursor:grabbing!important}.stage.tool-select .shape{cursor:pointer}.dots{position:absolute;inset:-2px;pointer-events:none;background-image:radial-gradient(circle,var(--dot-c) 1px,transparent 1.2px)}.scene{position:absolute;inset:0;width:100%;height:100%;display:block}.shape text{-webkit-user-select:none;user-select:none}.hitarea,.hitline{fill:#000;fill-opacity:0;stroke:none;pointer-events:all}.stage.tool-select .shape{cursor:default}.frame-label{pointer-events:all;cursor:default}.crop-frame{fill:#2ce08008;stroke:var(--acc);stroke-width:1;stroke-dasharray:6 5}.handle.cropping{border-radius:50%}.stage.dropping .dots{background-image:radial-gradient(circle,rgba(44,224,128,.35) 1px,transparent 1.2px)}.prop-row{display:flex;align-items:center;gap:6px;min-width:0}.grow{flex:1;min-width:0}.btn-row{display:flex;gap:6px}.abtn{background:var(--hov);border:1px solid var(--panel-border);color:var(--txt-dim);padding:5px 10px;border-radius:var(--r-sm);cursor:pointer;font-size:12px;transition:.15s}.abtn:hover{color:var(--txt);background:var(--hov-strong)}.abtn.acc{border-color:var(--acc-dim);color:var(--acc)}.abtn.acc:hover{background:#2ce0801f}.twig{width:8px;height:1px;background:#3c3c44;flex:none;margin-left:-6px}.lname.frame{color:var(--txt);font-weight:600}.hintlist.tight{padding:8px 0 2px;line-height:1.5}.sel-box{fill:#2ce0800a;stroke:var(--acc);stroke-width:1.2}.marquee{fill:#2ce08012;stroke:var(--acc);stroke-width:1;stroke-dasharray:5 4}.draft-shape{pointer-events:none}.handle{fill:#0c0c0d;stroke:var(--acc);stroke-width:1.4}.handle:hover{fill:var(--acc)}.handle.n,.handle.s{cursor:ns-resize}.handle.e,.handle.w{cursor:ew-resize}.handle.nw,.handle.se{cursor:nwse-resize}.handle.ne,.handle.sw{cursor:nesw-resize}.rot-line{stroke:var(--acc);stroke-width:1}.rot-handle,.end-handle{fill:#0c0c0d;stroke:var(--acc);stroke-width:1.4;cursor:grab}.rot-handle:hover,.end-handle:hover{fill:var(--acc)}.text-edit{position:absolute;z-index:30;background:transparent;border:none;outline:1px dashed var(--acc);padding:0 2px;line-height:1.25;white-space:pre;border-radius:2px}.topbar{position:fixed;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:40;pointer-events:none;gap:10px}.cluster{display:flex;align-items:center;gap:4px;padding:6px;pointer-events:auto}.tools{position:absolute;left:50%;transform:translate(-50%)}.logo{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.14em;font-size:12px;padding:0 4px 0 8px}.logo-dot{width:10px;height:10px;border-radius:3px;background:var(--acc);box-shadow:0 0 12px var(--acc-dim)}.doc-name{background:transparent;border:none;outline:none;color:var(--txt-dim);width:150px;padding:4px 6px;border-radius:var(--r-sm)}.doc-name:focus{color:var(--txt);background:var(--hov)}.status{width:7px;height:7px;border-radius:50%;background:var(--muted);margin:0 6px;transition:.3s}.status.on{background:var(--acc);box-shadow:0 0 8px var(--acc-dim)}.tbtn,.ibtn{width:34px;height:34px;display:grid;place-items:center;background:transparent;border:none;border-radius:var(--r-md);color:var(--txt-dim);cursor:pointer;transition:background .15s,color .15s}.tbtn:hover,.ibtn:hover{background:var(--hov);color:var(--txt)}.tbtn.active{background:var(--acc);color:#04120a}.tbtn svg,.ibtn svg{width:17px;height:17px}.sep{width:1px;height:18px;background:var(--panel-border);margin:0 4px}.layers{position:fixed;left:14px;top:70px;width:216px;max-height:calc(100vh - 170px);display:flex;flex-direction:column;z-index:30;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-dim)}.count{color:var(--muted)}.rows{overflow-y:auto;padding:0 6px 8px}.row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--r-md);cursor:pointer;color:var(--txt-dim);position:relative}.row:hover{background:var(--soft)}.row.sel{background:#2ce08017;color:var(--txt)}.row.sel:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--acc)}.row.hidden{opacity:.38}.glyph{width:16px;text-align:center;font-size:13px;flex:none}.lname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mini{border:none;background:transparent;color:inherit;opacity:0;cursor:pointer;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;flex:none}.row:hover .mini{opacity:.75}.mini:hover{background:var(--hov-strong);opacity:1!important}.mini svg{width:12px;height:12px}.empty{color:var(--muted);text-align:center;padding:22px 10px;line-height:1.7;font-size:12px}.props{position:fixed;right:14px;top:70px;width:238px;max-height:calc(100vh - 170px);overflow-y:auto;z-index:30;padding-bottom:8px}.section{padding:10px 14px 2px}.section h4{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-weight:600}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.field{display:flex;align-items:center;gap:6px;background:var(--soft);border:1px solid transparent;border-radius:var(--r-sm);padding:5px 8px;min-width:0}.field:focus-within{border-color:var(--acc-dim);background:var(--hov)}.field span{font-size:10px;color:var(--muted);flex:none}.field input{background:transparent;border:none;outline:none;color:var(--txt);width:100%;min-width:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}input[type=number]::-webkit-inner-spin-button{opacity:.25}.ta{width:100%;background:var(--soft);border:1px solid transparent;border-radius:var(--r-sm);color:var(--txt);padding:6px 8px;outline:none;resize:none;line-height:1.4}.ta:focus{border-color:var(--acc-dim)}.palette{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.swatch{width:20px;height:20px;border-radius:7px;border:1px solid var(--brd);cursor:pointer;flex:none;padding:0;transition:transform .12s}.swatch:hover{transform:scale(1.12)}.swatch.cur{outline:2px solid var(--acc);outline-offset:1px}.swatch.none{background:repeating-linear-gradient(45deg,#232323 0 4px,#0d0d0d 4px 8px)}.picker{position:relative;width:20px;height:20px;border-radius:7px;overflow:hidden;border:1px dashed var(--brd);flex:none;cursor:pointer}.picker input{position:absolute;inset:-6px;width:34px;height:34px;cursor:pointer;border:none;padding:0;background:none}.hex{flex:1;min-width:0;margin-top:8px;background:var(--soft);border:1px solid transparent;border-radius:var(--r-sm);color:var(--txt);padding:5px 8px;outline:none;font-family:ui-monospace,Consolas,monospace;font-size:12px}.hex:focus{border-color:var(--acc-dim)}.hex-in{background:transparent;border:none;outline:none;color:var(--txt);width:100%;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:12px}input[type=range]{accent-color:var(--acc);width:100%;height:18px}.cpick{position:relative;flex:none}.cp-trigger{width:22px;height:22px;border-radius:7px;border:1px solid var(--brd);cursor:pointer;padding:0;transition:transform .12s}.cp-trigger:hover{transform:scale(1.1)}.cp-trigger.none{background:repeating-linear-gradient(45deg,#232323 0 4px,#0d0d0d 4px 8px)}.cp-pop{position:absolute;left:0;top:calc(100% + 8px);width:196px;padding:10px;z-index:70;cursor:default}.cp-sv{position:relative;width:100%;height:120px;border-radius:8px;cursor:crosshair;overflow:hidden}.cp-sv-w{position:absolute;inset:0;background:linear-gradient(to right,#fff,#fff0)}.cp-sv-b{position:absolute;inset:0;background:linear-gradient(to top,#000,#0000)}.cp-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000008c,0 1px 4px #00000080;pointer-events:none;box-sizing:border-box}.cp-hue{position:relative;height:12px;margin-top:10px;border-radius:999px;cursor:pointer;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-hthumb{position:absolute;top:1px;width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000008c;box-sizing:border-box;pointer-events:none}.cp-row{display:flex;gap:6px;margin-top:10px;align-items:center}.cp-hex{flex:1;min-width:0;background:var(--hov);border:1px solid transparent;border-radius:var(--r-sm);color:var(--txt);padding:5px 8px;outline:none;font-family:ui-monospace,Consolas,monospace;font-size:12px}.cp-hex:focus{border-color:var(--acc-dim)}.cp-none{background:var(--hov);border:1px solid var(--panel-border);color:var(--txt-dim);padding:5px 9px;border-radius:var(--r-sm);cursor:pointer;font-size:11px}.cp-none:hover{color:var(--txt);background:var(--hov-strong)}.cp-swatches{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.range-row{display:flex;align-items:center;gap:8px}.range-row output{font-family:ui-monospace,monospace;font-size:11px;color:var(--txt-dim);width:38px;text-align:right;flex:none}.hintlist{color:var(--muted);line-height:2.1;font-size:12px;padding:6px 16px 12px}kbd{background:var(--hov);border:1px solid var(--panel-border);border-bottom-width:2px;padding:1px 5px;border-radius:5px;font-family:inherit;font-size:10px;color:var(--txt-dim)}.multi-note{color:var(--txt-dim);padding:14px 16px;line-height:1.8}.statusbar{position:fixed;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;align-items:center;z-index:30;pointer-events:none;gap:10px}.zoomer{display:flex;align-items:center;padding:4px;pointer-events:auto}.zval{min-width:54px;text-align:center;background:transparent;border:none;color:var(--txt-dim);cursor:pointer;font-family:ui-monospace,monospace;font-size:12px;padding:6px 4px;border-radius:var(--r-sm)}.zval:hover{color:var(--txt);background:var(--hov)}.hints{color:var(--muted);font-size:11px;background:var(--hint-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:7px 12px;border-radius:999px;border:1px solid var(--soft);pointer-events:auto}@media(max-width:980px){.hints{display:none}.props{width:212px}.layers{width:190px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--sb);border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--sbh)}.landing{position:absolute;inset:0;z-index:10;overflow-y:auto;padding:26px clamp(20px,5vw,72px) 60px}.logo.big{font-size:15px}.logo.huge{font-size:22px;justify-content:center}.l-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}.l-left{display:flex;align-items:center;gap:10px}.star{color:#ffd166;text-shadow:0 0 8px rgba(255,209,102,.55);font-size:13px}.star-btn{background:transparent;border:1px solid var(--panel-border);color:var(--muted);width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:14px;transition:.15s}.star-btn:hover{border-color:#ffd166;color:#ffd166}.star-btn.on{color:#04120a;background:#ffd166;border-color:#ffd166;box-shadow:0 0 10px #ffd16666}.offline-badge{font-size:11px;padding:6px 11px;border-radius:999px;background:#ffb0201a;border:1px solid rgba(255,176,32,.4);color:#ffb020;white-space:nowrap}.notice{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:200;padding:10px 16px;font-size:13px;color:#ffc46b;border-color:#ffb02059;max-width:min(520px,calc(100vw - 40px));text-align:center}.admin-sec{margin-bottom:30px}.admin-sec h3{margin-bottom:12px;font-size:14px}.admin-sec .count{color:var(--muted);font-size:12px;margin-left:6px}.table{width:100%;border-collapse:collapse;overflow:hidden}.table th{text-align:left;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 14px 6px;border-bottom:1px solid var(--panel-border)}.table td{padding:9px 14px;border-bottom:1px solid var(--brd-faint);font-size:12.5px}.table tr:last-child td{border-bottom:none}.role-tag{font-size:9px;letter-spacing:.08em;text-transform:uppercase;background:#2ce0801f;color:var(--acc);border-radius:5px;padding:2px 5px;margin-left:6px}.dim{color:var(--muted)}.welcome{position:absolute;inset:0;z-index:10;overflow-y:auto;padding:0 clamp(20px,5vw,64px) 40px}.w-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.hero-w{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1.15fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(20px,4vh,56px) 0 clamp(36px,6vh,80px)}@media(max-width:960px){.hero-w{grid-template-columns:1fr}}.pill{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);background:#2ce08017;border:1px solid var(--acc-dim);border-radius:999px;padding:5px 12px;margin-bottom:18px}.hero-copy h1{font-size:clamp(34px,4.6vw,58px);line-height:1.08;letter-spacing:-.02em;font-weight:800}.hero-copy h1 em{font-style:normal;color:var(--acc);text-shadow:0 0 26px var(--acc-dim)}.hero-copy p{margin-top:16px;color:var(--txt-2);font-size:15px;line-height:1.75;max-width:46ch}.hero-btns{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-btns.center{justify-content:center}.ghost-btn{padding:11px 16px;font-size:13px}.keys-row{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:28px}.kpair{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--txt-2)}.mock{border-radius:20px;overflow:hidden;animation:floaty 7s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mock-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--panel-border);background:#ffffff08}.mock-bar i{width:10px;height:10px;border-radius:50%;background:#3a3a41}.mock-bar i:first-child{background:#2ce080b3}.mock-bar span{margin-left:8px;font-size:11px;color:var(--muted);font-family:ui-monospace,monospace}.mock-body{display:grid;grid-template-columns:128px 1fr 118px;min-height:300px}.mock-layers,.mock-props{padding:12px;border-right:1px solid var(--soft);display:flex;flex-direction:column;gap:7px}.mock-props{border-right:none;border-left:1px solid var(--soft)}.mock-layers b,.mock-props b{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;font-weight:600}.ml{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--txt-2);padding:4px 6px;border-radius:6px}.ml.on{background:#2ce0801a;color:var(--txt);box-shadow:inset 2px 0 0 var(--acc)}.ml.i1{padding-left:14px}.gl{width:9px;height:9px;border-radius:3px;flex:none}.gl.g{background:#26262b;border:1px solid #4a4a52}.gl.r{background:#2ce080}.gl.o{background:#707070;border-radius:50%}.gl.l{background:none;height:2px;align-self:center}.gl.t{color:#c4c4c4;font-size:9px;width:auto}.mp{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--soft);border-radius:7px;padding:5px 8px}.mp span{font-size:10px;color:var(--muted)}.mp i{font-style:normal;font-family:ui-monospace,monospace;font-size:11px;color:var(--txt)}.mp .sw{width:14px;height:14px;border-radius:4px;background:var(--acc)}.range{position:relative;height:4px;border-radius:4px;background:#ffffff1a;margin:4px 2px}.range i{position:absolute;left:55%;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--acc)}.mock-canvas{position:relative;background-image:radial-gradient(circle,var(--hov-strong) 1px,transparent 1.2px);background-size:22px 22px;background-position:14px 18px;overflow:hidden}.m-frame-label{position:absolute;left:34px;top:30px;font-size:10px;color:#6f6f7a}.m-frame{position:absolute;inset:44px 26px 30px 34px;border-radius:10px;background:#101013;border:1px solid #26262b;overflow:hidden}.m-shape,.m-rect,.m-circ,.m-line{position:absolute}.m-rect.f1{left:12%;top:16%;width:44%;height:38%;border-radius:8px;background:linear-gradient(135deg,#1e1e23,var(--opt));border:1px solid var(--hov);animation:drift1 9s ease-in-out infinite}.m-circ.f2{right:12%;bottom:16%;width:27%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 30%,#2ce080d9,#2ce08040);animation:drift2 11s ease-in-out infinite}.m-line.f3{left:12%;bottom:24%;width:46%;height:2px;background:repeating-linear-gradient(90deg,#2ce080 0 6px,transparent 6px 11px);opacity:.8}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(6%,-8%)}}@keyframes drift2{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.m-guide-v{position:absolute;left:33%;top:0;bottom:0;width:1px;background:var(--acc);opacity:.55;animation:guideblink 3.2s ease-in-out infinite}@keyframes guideblink{0%,to{opacity:.15}50%{opacity:.65}}.m-sel{position:absolute;left:12%;top:16%;width:44%;height:38%;border:1.2px solid var(--acc);pointer-events:none}.m-sel .h{position:absolute;width:7px;height:7px;background:#0c0c0d;border:1.3px solid var(--acc)}.h.a{left:-4px;top:-4px}.h.b{right:-4px;top:-4px}.h.c{left:-4px;bottom:-4px}.h.d{right:-4px;bottom:-4px}.rot{position:absolute;left:50%;top:-20px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#0c0c0d;border:1.3px solid var(--acc)}.rot:before{content:"";position:absolute;left:50%;top:8px;width:1px;height:9px;background:var(--acc)}.feats{padding:clamp(20px,4vh,48px) 0}.feats h2{text-align:center;font-size:clamp(24px,3vw,34px);letter-spacing:-.01em;margin-bottom:clamp(20px,3vh,40px)}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.feat{padding:22px 20px;transition:transform .18s,border-color .18s}.feat:hover{transform:translateY(-4px);border-color:var(--acc-dim)}.ficon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--acc);background:#2ce08014;border:1px solid var(--acc-dim);margin-bottom:14px}.ficon svg{width:19px;height:19px}.feat h4{font-size:14.5px;margin-bottom:8px}.feat p{color:var(--txt-2);font-size:12.5px;line-height:1.7}.bottom-cta{margin:clamp(16px,3vh,36px) auto 0;max-width:720px;text-align:center;padding:clamp(26px,4vh,44px)}.bottom-cta h3{font-size:clamp(20px,2.4vw,28px);margin-bottom:10px}.bottom-cta p{color:var(--txt-2);margin-bottom:22px;line-height:1.7}.w-foot{text-align:center;color:var(--muted);font-size:11.5px;padding:34px 0 10px}.particles{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.welcome>*:not(.particles){position:relative;z-index:1}.w-nav-actions{display:flex;align-items:center;gap:10px}.nav-link{background:none;border:none;color:var(--txt-dim);cursor:pointer;font-size:13px;padding:6px 4px}.nav-link:hover{color:var(--txt)}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px);border-top:1px solid var(--brd-faint);border-bottom:1px solid var(--brd-faint);padding:clamp(20px,3vh,34px) 0;margin-bottom:clamp(24px,5vh,60px)}.reasons .r{display:flex;flex-direction:column;gap:6px}.reasons b{font-size:14px;font-weight:650}.reasons span{color:var(--txt-2);font-size:12.5px;line-height:1.65}@media(max-width:780px){.reasons{grid-template-columns:1fr;gap:18px}}.sec-sub{text-align:center;color:var(--txt-2);margin:-12px 0 clamp(22px,3vh,36px);font-size:14px}.flow{padding:clamp(10px,2vh,26px) 0 clamp(30px,5vh,56px)}.flow h2,.feats h2,.privacy h2{text-align:center;font-size:clamp(24px,3vw,32px);letter-spacing:-.01em;margin-bottom:clamp(18px,3vh,36px)}.steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.step{display:flex;gap:14px;padding:18px 16px;align-items:flex-start}.step-n{font-family:ui-monospace,Consolas,monospace;font-size:22px;font-weight:700;color:var(--acc);line-height:1}.step h4{font-size:13.5px;margin-bottom:6px}.step p{color:var(--txt-2);font-size:12px;line-height:1.65}.hotband{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 16px;padding:14px 20px;max-width:860px;margin:0 auto clamp(28px,5vh,54px)}.hb-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hb-more{color:var(--muted);font-size:11.5px}.privacy{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,44px);max-width:720px;margin:0 auto clamp(30px,6vh,64px);align-items:center}.lock-badge{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;color:var(--acc);background:#2ce08012;border:1px solid var(--acc-dim);box-shadow:0 0 40px var(--acc-dim)}.lock-badge svg{width:38px;height:38px}.privacy-copy ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:9px}.privacy-copy li{color:var(--txt-2);font-size:13px;line-height:1.6;padding-left:18px;position:relative}.privacy-copy li:before{content:"—";position:absolute;left:0;color:var(--acc)}@media(max-width:700px){.privacy{grid-template-columns:1fr}}html[data-theme=light] .app:before{background:radial-gradient(900px 480px at 72% -10%,rgba(16,168,98,.07),transparent 60%),radial-gradient(700px 520px at 10% 112%,rgba(20,40,30,.05),transparent 60%)}html[data-theme=light] .mock-bar{background:#ffffff8c}html[data-theme=light] .mock-bar i{background:#d3d8d4}html[data-theme=light] .mock-bar i:first-child{background:var(--acc)}html[data-theme=light] .m-frame{background:#fbfcfb;border-color:#161c191f}html[data-theme=light] .m-frame-label{color:#9aa19b}html[data-theme=light] .m-rect.f1{background:linear-gradient(135deg,#e9ece9,#f7f8f7);border-color:#161c1914}html[data-theme=light] .m-circ.f2{background:radial-gradient(circle at 32% 30%,#10a862cc,#10a86233)}html[data-theme=light] .gl.g{background:#f0f2f0;border-color:#c6ccc7}html[data-theme=light] .thumb{background:radial-gradient(140px 70px at 70% 20%,rgba(16,168,98,.08),transparent 60%),#161c1908}html[data-theme=light] .mono{background:linear-gradient(135deg,#fff,#eef1ee);border-color:#161c191a}html[data-theme=light] .swatch.none,html[data-theme=light] .cp-trigger.none{background:repeating-linear-gradient(45deg,#e6ebe8 0 4px,#f7f8f7 4px 8px)}html[data-theme=light] .offline-badge{color:#8a5b00;border-color:#8a5b004d;background:#ffb0201f}html[data-theme=light] .notice{border-color:#8a5b004d}html[data-theme=light] .mock-canvas{background-image:radial-gradient(circle,rgba(22,28,25,.14) 1px,transparent 1.2px)}.l-actions{display:flex;align-items:center;gap:10px}.cta{background:var(--acc);color:#04120a;border:none;border-radius:12px;padding:9px 16px;font-weight:600;font-size:13px;cursor:pointer;transition:transform .12s,box-shadow .15s}.cta:hover{transform:translateY(-1px);box-shadow:0 6px 22px var(--acc-dim)}.big-cta{padding:12px 22px;font-size:14px}.folders{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.chip{background:var(--soft);border:1px solid var(--panel-border);color:var(--txt-dim);border-radius:999px;padding:7px 14px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:.15s}.chip:hover{color:var(--txt);border-color:var(--brd)}.chip.cur{background:#2ce0801f;border-color:var(--acc-dim);color:var(--acc)}.chip.over{border-color:var(--acc);color:var(--acc);box-shadow:0 0 0 2px var(--acc-dim)}.chip-count{font-size:10px;min-width:16px;height:16px;padding:0 4px;display:inline-grid;place-items:center;border-radius:8px;background:var(--hov)}.card{transition:transform .15s,border-color .15s,opacity .15s}.card[draggable=true]:active{cursor:grabbing}.drag-hint{position:absolute;top:8px;left:10px;color:var(--muted);font-size:14px;letter-spacing:1px;-webkit-user-select:none;user-select:none}.card:hover .drag-hint{color:var(--txt-2)}.chip.ghost{border-style:dashed;color:var(--muted)}.chip-x{opacity:0;transition:.15s;font-size:13px;line-height:1}.chip:hover .chip-x{opacity:.7}.chip-x:hover{opacity:1!important;color:#ff6b6b}.chip-input{background:var(--hov);border:1px solid var(--acc-dim);outline:none;border-radius:999px;padding:7px 14px;color:var(--txt);font-size:12px;width:150px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.card{position:relative;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;text-align:left;padding:0;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#2ce08059}.thumb{height:118px;display:grid;place-items:center;background:radial-gradient(140px 70px at 70% 20%,rgba(44,224,128,.12),transparent 60%),#ffffff08;border-bottom:1px solid var(--panel-border)}.mono{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#1d1d21,#101013);border:1px solid var(--hov-strong);color:var(--acc);font-size:20px;font-weight:700}.card-body{padding:12px 14px 30px;min-width:0}.pname{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmeta{margin-top:4px;font-size:11px;color:var(--muted);font-family:ui-monospace,monospace}.card-tools{position:absolute;right:8px;bottom:8px;display:flex;gap:2px;align-items:center;opacity:0;transition:.15s;background:#0c0c0ebf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:10px;padding:2px}.card:hover .card-tools{opacity:1}.card-tools .mini{opacity:1;width:24px;height:24px}.mini.danger:hover{color:#ff7b7b;background:#ff6b6b1f}.move-sel{background:transparent;border:none;color:var(--txt-dim);font-size:11px;max-width:86px;outline:none;cursor:pointer}.move-sel option{background:var(--opt);color:var(--txt)}.card-rename{width:100%;background:transparent;border:none;outline:none;color:var(--txt);font-size:13px;font-weight:600}.add-card{min-height:190px;display:grid;place-items:center;font-size:34px;color:var(--muted);cursor:pointer;border-style:dashed!important;background:#ffffff05}.add-card:hover{color:var(--acc);border-color:var(--acc-dim)!important}.hero{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:18px;padding:9vh 20px 40px;text-align:center}.hero-sub{color:var(--txt-2);line-height:1.8}.smart-guide{stroke:var(--acc);stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.sel-box,.marquee,.crop-frame,.draft-shape,.rot-line{pointer-events:none}.badge{position:absolute;z-index:25;padding:3px 8px;border-radius:7px;font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--acc);pointer-events:none;white-space:nowrap}.ctxmenu{position:absolute;z-index:80;min-width:190px;padding:5px;display:flex;flex-direction:column}.ctx-item{background:transparent;border:none;color:var(--txt-dim);text-align:left;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:12px;white-space:nowrap}.ctx-item:hover{background:var(--hov);color:var(--txt)}.ctx-item.danger{color:#ff8585}.ctx-item.danger:hover{background:#ff6b6b1f}.ctx-item.dis{opacity:.35;pointer-events:none}.ctx-sep{height:1px;background:var(--panel-border);margin:4px 6px}.shape.locked{pointer-events:none}.row .mini.onlock{color:var(--acc)}.stage.tool-select .shape:not(.locked):hover rect:not(.hitarea),.stage.tool-select .shape:not(.locked):hover ellipse,.stage.tool-select .shape:not(.locked):hover text{filter:drop-shadow(0 0 .6px rgba(44,224,128,.9))}.presets{position:fixed;bottom:62px;left:50%;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:6px;padding:7px 10px}.presets-label{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.preset{background:var(--soft);border:1px solid transparent;color:var(--txt-dim);border-radius:9px;padding:5px 10px;cursor:pointer;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:1px;transition:.15s}.preset:hover{color:var(--acc);border-color:var(--acc-dim)}.preset small{font-size:9px;color:var(--muted);font-family:ui-monospace,monospace}.presets-hint{font-size:11px;color:var(--muted);margin-left:4px}.align-row{display:flex;gap:4px}.albtn{width:30px;height:30px;display:grid;place-items:center;background:var(--soft);border:1px solid transparent;border-radius:8px;color:var(--txt-dim);cursor:pointer;transition:.15s}.albtn:hover{color:var(--txt);border-color:var(--panel-border)}.albtn svg{width:15px;height:15px}.dash-sel{background:var(--soft);border:1px solid transparent;outline:none;color:var(--txt);padding:5px 6px;border-radius:var(--r-sm);font-size:12px;cursor:pointer}.dash-sel option{background:var(--opt)}.dash-sel:focus{border-color:var(--acc-dim)}.font-sel{max-width:100%}.left-cluster{display:flex;align-items:center;gap:8px;pointer-events:auto}.saved{padding:7px 12px;font-size:11px;color:var(--acc);border-radius:999px}.pages{position:fixed;bottom:62px;left:50%;transform:translate(-50%);z-index:44;display:flex;align-items:center;gap:4px;padding:5px 7px;max-width:min(80vw,640px);overflow-x:auto}.page-chip{background:transparent;border:1px solid transparent;color:var(--txt-dim);border-radius:9px;padding:5px 10px;cursor:pointer;font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:.15s}.page-chip:hover{background:var(--hov);color:var(--txt)}.page-chip.cur{background:#2ce0801f;border-color:var(--acc-dim);color:var(--acc)}.page-x{opacity:.45;font-size:12px;line-height:1}.page-chip:hover .page-x{opacity:.9}.page-x:hover{color:#ff7b7b!important}.page-add{width:24px;height:24px;border-radius:8px;border:1px dashed var(--brd);background:transparent;color:var(--txt-dim);cursor:pointer;flex:none}.page-add:hover{color:var(--acc);border-color:var(--acc-dim)}.page-input{background:var(--hov);border:1px solid var(--acc-dim);outline:none;border-radius:8px;padding:5px 8px;color:var(--txt);font-size:12px;width:120px}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--soft);border:1px solid var(--panel-border)}.uava{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#04120a;font-weight:700;font-size:12px}.uava img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.uname{font-size:12px;color:var(--txt);white-space:nowrap}.uname small{color:var(--muted)}.auth-wrap{position:absolute;inset:0;z-index:50;display:grid;place-items:center}.auth-card{width:min(360px,calc(100vw - 32px));padding:30px 28px 22px;display:flex;flex-direction:column;gap:12px;text-align:left}.auth-sub{color:var(--txt-2);margin-top:-6px}.afield{display:flex;flex-direction:column;gap:5px}.afield span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-2)}.afield input{background:var(--hov);border:1px solid transparent;border-radius:var(--r-md);color:var(--txt);padding:10px 12px;outline:none;transition:border-color .15s}.afield input:focus{border-color:var(--acc-dim);background:var(--hov)}.aerr{background:#ff5a5a1a;border:1px solid rgba(255,107,107,.35);color:#ff9b9b;border-radius:var(--r-sm);padding:8px 10px;font-size:12px}.cta.wide{width:100%;padding:11px;font-size:13px}.cta:disabled{opacity:.45;cursor:default;transform:none!important;box-shadow:none!important}.aswap{background:none;border:none;color:var(--acc);cursor:pointer;font-size:12px;padding:2px;text-align:center}.aswap:hover{text-decoration:underline}.aguest{background:none;border:none;color:var(--muted);cursor:pointer;font-size:11px;padding:4px;text-align:center}.aguest:hover{color:var(--txt-dim)}.help-overlay{position:fixed;inset:0;z-index:100;background:#0404058c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center}.help{width:min(720px,calc(100vw - 40px));max-height:calc(100vh - 80px);overflow-y:auto;padding:22px 26px}.help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.help-head h3{font-size:15px;font-weight:700;letter-spacing:.04em}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 34px}.help-grid h4{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin:14px 0 8px}.hrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;color:var(--txt-dim);font-size:12px;border-bottom:1px dashed var(--soft)}.hrow kbd{flex:none;max-width:46%;text-align:right}