html,body{min-height:100%;overflow-x:hidden}#root{min-height:100%}.app,.editor-root{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-2)}.editor-root>.app,.editor-root>.screen{min-height:0}.editor-root>.admax-unit{margin-top:8px}.editor-root>.site-footer{margin-top:auto}.admax-unit{position:relative;margin:24px auto;padding:22px 12px 12px;max-width:min(760px,94vw);min-height:110px;border:1px dashed var(--line);border-radius:var(--r-md);background:var(--surface);text-align:center;overflow-x:auto}.admax-unit-label{position:absolute;top:6px;left:12px;font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;-webkit-user-select:none;user-select:none}.ah{display:flex;align-items:center;justify-content:space-between;gap:14px;height:58px;padding:0 16px;flex:none;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);z-index:30}.ah-left,.ah-center,.ah-right{display:flex;align-items:center;gap:10px}.ah-left{min-width:0;flex:1 1 auto}.ah-center,.ah-right{flex:none}.ah-brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:900;font-size:1.02rem;white-space:nowrap;flex:none}.ah-mark{width:28px;height:28px;border-radius:8px;background:url(../icon.png) center/cover no-repeat;position:relative;flex:none;overflow:hidden}.ah-mark:before{content:none}.ah-divider{width:1px;height:24px;background:var(--line)}.ah-file{display:flex;align-items:center;gap:8px;color:var(--ink-soft);min-width:0}.ah-file svg{flex:none}.ah-fname{font-size:.9rem;font-weight:500;white-space:nowrap;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.ah-dim{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);white-space:nowrap}.ah-ico{width:34px;height:34px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;transition:.15s}.ah-ico:hover:not(:disabled){background:var(--bg-2);color:var(--ink)}.ah-ico:disabled{opacity:.32;cursor:default}.ah-zoom{font-size:.8rem;color:var(--ink-soft);min-width:42px;text-align:center}.ah-colors{padding:5px 11px;white-space:nowrap}.ah-prog{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.72rem}.ah-prog-bar{width:84px;height:6px;border-radius:99px;background:var(--bg-2);overflow:hidden}.ah-prog-bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .35s var(--ease)}.ah-export{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;white-space:nowrap;border-radius:var(--r-pill);border:none;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:.9rem;transition:.15s}.ah-export:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ah-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--sw-4),var(--sw-5));border:1px solid var(--line);flex:none}.ah-sub{display:none}.ah-sub-file{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink-soft);background:transparent;border:none}.ah-sub-file svg{flex:none}.ah-sub-fname{font-size:.88rem;font-weight:600;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.ah-sub-dim{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);white-space:nowrap;flex:none}.ah-sub-status{display:flex;align-items:center;gap:10px;flex:none}.ah-sub-colors{padding:4px 10px;white-space:nowrap}.ah-sub-prog{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;white-space:nowrap}.app-body{flex:1;min-height:0}.ed{width:min(1280px,94vw);margin-inline:auto;padding:clamp(16px,3vw,28px) 0 48px}.ed-grid{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.ed-stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;min-height:320px}.ed-panel{position:sticky;top:74px}.cv{position:relative;width:100%;max-height:75vh;overflow:hidden;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background-color:var(--bg-2);background-image:conic-gradient(from 90deg,var(--bg) 25%,transparent 0 50%,var(--bg) 0 75%,transparent 0),conic-gradient(from 90deg,var(--bg) 25%,transparent 0 50%,var(--bg) 0 75%,transparent 0);background-size:26px 26px;background-position:0 0,13px 13px}.cv-board{display:flex;align-items:center;justify-content:center;width:100%;will-change:transform;transition:transform .12s linear}.cv-art{position:relative;width:min(680px,100%);aspect-ratio:800 / 520;background:var(--sw-paper);border-radius:6px;overflow:hidden;box-shadow:0 18px 50px #141e1938,0 0 0 1px #0000000f}.cv-svg{display:block;width:100%;height:100%}.rg{transition:fill .3s var(--ease)}.rg:hover{opacity:.92}.rg.sel{outline:none}.cv-art .rg.sel{stroke:var(--accent);stroke-width:4;stroke-dasharray:9 7;paint-order:stroke}.cv-selnote{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:var(--ink);color:var(--bg);font-size:.76rem;font-weight:600;padding:7px 13px;border-radius:99px}.cv-hint{position:absolute;left:16px;bottom:14px;font-size:.74rem;color:var(--muted);background:color-mix(in srgb,var(--surface) 80%,transparent);padding:6px 12px;border-radius:99px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line)}.pl{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);max-height:calc(100vh - 90px);overflow-y:auto}.pl-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg-2);padding:5px;margin:14px 14px 4px;border-radius:var(--r-md)}.pl-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 2px;border:none;background:transparent;border-radius:var(--r-sm);color:var(--ink-soft);font-size:.66rem;font-weight:700;transition:.15s}.pl-tab span{white-space:nowrap}.pl-tab:hover{color:var(--ink)}.pl-tab.on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.pl-sec{padding:16px 18px;border-bottom:1px solid var(--line)}.pl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.pl-row label{font-size:.86rem;font-weight:600;color:var(--ink-soft);white-space:nowrap}.pl-val{font-size:.82rem;color:var(--accent);font-weight:700}.pl-note{font-size:.8rem;color:var(--muted);line-height:1.55;margin-top:10px}.pl-sub{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 10px;font-weight:700}.pl-sec>.pl-sub:first-child{margin-top:0}.pl-help-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.pl-label-help{display:inline-flex;align-items:center}.pl-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:5px;padding:0;border:none;border-radius:50%;background:var(--bg-2);color:var(--muted);font-family:var(--font-display);font-weight:700;font-size:11px;line-height:1;letter-spacing:normal;text-transform:none;cursor:pointer;transition:.12s;flex:none}.pl-help:hover,.pl-help[aria-expanded=true]{background:var(--accent);color:var(--accent-ink)}.pl-help-pop{position:fixed;z-index:100;width:max-content;max-width:240px;background:var(--ink);color:var(--bg);font-size:.76rem;line-height:1.5;font-weight:500;padding:9px 12px;border-radius:var(--r-md);box-shadow:var(--shadow-md);text-transform:none;letter-spacing:normal;animation:helpPop .12s var(--ease)}@keyframes helpPop{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.rng{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--bg-2);outline:none}.rng::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s}.rng::-webkit-slider-thumb:hover{transform:scale(1.12)}.rng::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);cursor:pointer}.pl-sw{display:grid;grid-template-columns:repeat(9,minmax(0,40px));gap:6px;justify-content:start}.sw{width:100%;aspect-ratio:1;border-radius:8px;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000000d}.sw:hover{transform:scale(1.08)}.sw.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.pl-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pl-chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:.74rem;padding:6px 12px;border-radius:var(--r-pill);transition:.12s}.pl-chip:hover{border-color:var(--accent);color:var(--accent)}.pl-chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pl-pick{display:flex;align-items:center;gap:10px;margin-top:10px}.pl-pick-sw{width:28px;height:28px;border-radius:9px;border:1px solid var(--line);flex:none}.pl-eyedrop{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:.78rem;padding:7px 13px;border-radius:var(--r-pill);transition:.12s;flex:none}.pl-eyedrop:hover{border-color:var(--accent);color:var(--accent)}.pl-eyedrop.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pl-apply{width:100%;margin-top:14px;height:42px;border-radius:11px;border:none;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:.92rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:.15s}.pl-apply:hover:not(:disabled){filter:brightness(1.05)}.pl-apply:disabled{opacity:.35;cursor:default}.pl-poster{display:flex;gap:6px;flex-wrap:wrap}.pl-poster span{width:30px;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014}.pl-status{flex:1}.pl-rows{display:flex;flex-direction:column;gap:2px}.pl-lr{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;transition:.15s}.pl-lr:hover{background:var(--bg-2)}.pl-lr-sw{width:18px;height:18px;border-radius:5px;flex:none;box-shadow:inset 0 0 0 1px #0000001a}.pl-lr-name{font-size:.86rem;flex:1;color:var(--ink-soft)}.pl-lr-tag{font-size:.66rem;padding:2px 7px;border-radius:99px;background:var(--bg-2);color:var(--muted)}.pl-lr.done .pl-lr-name{color:var(--ink);font-weight:500}.pl-lr.done .pl-lr-tag{background:var(--accent-tint);color:var(--accent)}.pl-foot{display:flex;flex-direction:column;gap:8px;padding:14px 18px}.pl-reset{height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:.82rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px;transition:.15s}.pl-reset:hover{border-color:var(--line-strong);color:var(--ink)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--bg);font-size:.86rem;font-weight:600;padding:11px 18px;border-radius:99px;box-shadow:var(--shadow-lg);z-index:60;animation:toastUp .25s var(--ease)}.toast svg{color:var(--accent)}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.scene-wrap{position:relative;width:100%;height:100%;display:block}.scene-wrap .cv-svg{position:relative;z-index:0}.ah-center.flow{flex:1;justify-content:center}.stepbar{display:flex;align-items:center;gap:6px}.step{display:flex;align-items:center;gap:9px;padding:6px 14px;border-radius:var(--r-pill);color:var(--muted);transition:.18s}.step-n{width:24px;height:24px;border-radius:50%;background:var(--bg-2);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex:none;transition:.18s}.step-l{font-size:.88rem;font-weight:600;white-space:nowrap}.step.on{background:var(--accent-tint);color:var(--accent)}.step.on .step-n{background:var(--accent);color:var(--accent-ink)}.step.done{color:var(--ink-soft)}.step.done .step-n{background:var(--accent);color:var(--accent-ink)}.step-sep{width:22px;height:2px;border-radius:2px;background:var(--line);flex:none}.ah-ghost{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;white-space:nowrap;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-family:var(--font-display);font-weight:700;font-size:.88rem;transition:.15s}.ah-ghost:hover{border-color:var(--line-strong);color:var(--ink)}.ah-file-btn{border:1px solid transparent;background:transparent;border-radius:10px;padding:6px 10px;transition:.15s;cursor:pointer}.ah-file-btn:hover{background:var(--bg-2);border-color:var(--line)}.screen{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-2)}.sel-body{width:min(1080px,92vw);margin-inline:auto;padding:clamp(28px,5vw,56px) 0 20px}.screen-select>.admax-unit{margin-top:12px}.screen-select>.site-footer{margin-top:auto}.sel-head{margin-bottom:30px}.sel-head h1{font-size:var(--t-h2);margin:12px 0 8px}.sel-head p{color:var(--ink-soft);font-size:var(--t-lead)}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface);padding:clamp(34px,6vw,64px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;cursor:pointer;transition:.2s;outline:none}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background:var(--accent-tint)}.dropzone.over{border-color:var(--accent);background:var(--accent-tint);transform:scale(1.005)}.dz-ico{width:64px;height:64px;border-radius:18px;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.dropzone:hover .dz-ico{background:var(--surface)}.dz-title{font-family:var(--font-display);font-weight:700;font-size:1.25rem}.dz-sub{color:var(--ink-soft);font-size:.96rem;white-space:nowrap}.dz-link{color:var(--accent);font-weight:700}.dz-formats{color:var(--muted);font-size:.76rem;margin-top:6px}.sel-notice{margin:16px auto 0;max-width:64ch;text-align:center;color:var(--muted);font-size:.8rem;line-height:1.7}.sel-notice a{color:var(--accent);font-weight:600;text-decoration:none}.sel-notice a:hover,.sel-notice a:focus-visible{text-decoration:underline}.save-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 360px;gap:0}.save-preview{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:clamp(22px,4vw,52px);background-color:var(--bg-2);background-image:conic-gradient(from 90deg,var(--bg) 25%,transparent 0 50%,var(--bg) 0 75%,transparent 0),conic-gradient(from 90deg,var(--bg) 25%,transparent 0 50%,var(--bg) 0 75%,transparent 0);background-size:26px 26px;background-position:0 0,13px 13px}.save-art{width:min(640px,70%);aspect-ratio:800 / 520;border-radius:8px;overflow:hidden;box-shadow:0 22px 60px #141e193d,0 0 0 1px #0000000f;background:var(--sw-paper)}.save-flag{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;font-size:.84rem;font-weight:600}.save-flag.ok{background:var(--accent-tint);color:var(--accent)}.save-flag.warn{background:#fce9c7;color:#9a6b16}.save-flag.warn svg{color:#c68a1e}.save-panel{background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.sp-head{padding:18px 20px 14px;border-bottom:1px solid var(--line)}.sp-sec{padding:18px 20px;border-bottom:1px solid var(--line)}.seg{display:flex;gap:6px;background:var(--bg-2);padding:4px;border-radius:12px}.seg-b{flex:1;height:36px;border:none;background:transparent;border-radius:9px;font-family:var(--font-display);font-weight:700;font-size:.84rem;color:var(--ink-soft);transition:.15s}.seg-b:hover{color:var(--ink)}.seg-b.on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.sp-dim{margin-top:10px;color:var(--muted);font-size:.82rem;text-align:center}.sp-stats{display:flex;gap:12px}.sp-stats>div{flex:1;background:var(--bg-2);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:2px}.sp-num{font-size:1.7rem;font-weight:700;color:var(--accent);line-height:1}.sp-stats>div span:last-child{font-size:.76rem;color:var(--muted)}.sp-palette{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.sp-palette span{width:30px;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014}.sp-download{margin:18px 20px 8px;height:48px;border-radius:13px;border:none;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:9px;transition:.15s}.sp-download:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sp-foot{display:flex;flex-direction:column;gap:2px;padding:8px 12px 18px;margin-top:auto}.sp-link{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border:none;background:transparent;border-radius:10px;color:var(--ink-soft);font-size:.9rem;font-weight:600;transition:.15s}.sp-link:hover{background:var(--bg-2);color:var(--ink)}@media (max-width: 1080px){.ed-grid{grid-template-columns:1fr 300px}.ah-dim{display:none}}@media (max-width: 960px){.ah-fname,.ah-prog .mono{display:none}}@media (max-width: 900px){.ed-grid{grid-template-columns:1fr}.ed-panel{position:static}.pl{max-height:none;max-width:420px;margin-inline:auto}.cv{max-height:60vh}.ah .ah-file,.ah .ah-colors,.ah .ah-prog{display:none}.ah-sub{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px clamp(12px,3vw,16px);flex-wrap:wrap;background:var(--surface);border-bottom:1px solid var(--line);z-index:29}}@media (max-width: 760px){.ah{height:54px;padding:0 12px}.ah-center{gap:4px}}@media (max-width: 920px){.save-body{grid-template-columns:1fr;overflow-y:auto}.save-preview{padding:26px 16px}.save-art{width:min(560px,92%)}.save-panel{border-left:none;border-top:1px solid var(--line)}.sp-foot{margin-top:0}}@media (max-width: 720px){.step-l{display:none}.step{padding:6px}.stepbar{gap:4px}.step-sep{width:14px}.ah-center.flow{flex:none}}.cv-canvas{display:block;width:100%;height:100%}.cv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.dropzone.busy{opacity:.7;pointer-events:none}.save-art{aspect-ratio:auto;line-height:0}.save-art .cv-canvas{width:100%;height:auto}.save-art.opaque{background:#fff}.save-art.alpha{background-color:var(--sw-paper);background-image:conic-gradient(from 90deg,#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0),conic-gradient(from 90deg,#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0);background-size:22px 22px;background-position:0 0,11px 11px}.pl-occ{display:flex;flex-direction:column;gap:6px}.pl-occ-row{display:flex;align-items:center;gap:10px;width:100%;background:none;border:1px solid transparent;border-radius:9px;padding:5px 7px;cursor:pointer;transition:.12s;text-align:left}.pl-occ-row:hover,.pl-occ-row.on{border-color:var(--accent);background:var(--bg-2)}.pl-occ-sw{width:18px;height:18px;border-radius:5px;flex:none;box-shadow:inset 0 0 0 1px #0000001a;display:flex;align-items:center;justify-content:center;color:#fff}.pl-occ-bar{flex:1;height:7px;border-radius:99px;background:var(--bg-2);overflow:hidden}.pl-occ-bar i{display:block;height:100%;background:var(--accent);transition:width .3s var(--ease)}.pl-occ-pct{font-size:.72rem;color:var(--muted);width:34px;text-align:right;flex:none}