:root{color:#20222a;background:#eef0f4;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;--surface: #ffffff;--surface-soft: #f7f8fa;--surface-raised: rgba(255, 255, 255, .92);--canvas: #dfe2e8;--canvas-deep: #cfd3db;--ink: #20222a;--muted: #777d8b;--line: #e2e4e9;--line-strong: #d4d7df;--accent: #6757e8;--accent-strong: #5542dc;--accent-soft: #eeecff;--accent-ink: #3e31a8;--success: #1f9b69;--danger: #c34c5b;--shadow-sm: 0 1px 2px rgba(22, 25, 35, .06), 0 5px 18px rgba(22, 25, 35, .04);--shadow-lg: 0 20px 65px rgba(25, 28, 39, .2), 0 2px 10px rgba(25, 28, 39, .08)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:var(--canvas);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select{color:inherit;font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:default;opacity:.38}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}svg{display:block}.celvector-v2{width:100%;height:100dvh;min-height:540px;display:grid;grid-template-rows:64px minmax(0,1fr);background:var(--canvas)}.cv-topbar{position:relative;z-index:40;display:grid;grid-template-columns:245px minmax(0,1fr) auto;align-items:center;min-width:0;height:64px;padding:0 14px 0 16px;background:#fffffff5;border-bottom:1px solid var(--line);box-shadow:0 1px #12151d08;backdrop-filter:blur(20px)}.brand-zone,.document-zone,.topbar-actions{display:flex;align-items:center;min-width:0}.brand-zone{gap:10px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:10px;background:linear-gradient(145deg,#7668f1,#5240d8);box-shadow:0 7px 16px #5b47de40}.brand-mark svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;line-height:1.04}.brand-copy strong{font-size:15px;letter-spacing:-.02em}.brand-copy span{margin-top:4px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.document-zone{justify-content:center;gap:10px}.document-name{max-width:280px;overflow:hidden;padding:7px 10px;border-radius:8px;background:transparent;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.document-name:hover{background:var(--surface-soft)}.save-indicator{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:550;white-space:nowrap}.save-indicator i{width:6px;height:6px;border-radius:50%;background:#aeb3bf}.save-indicator.is-saved i{background:var(--success)}.save-indicator.is-saving i{background:var(--accent);animation:pulse 1s ease-in-out infinite}.topbar-actions{justify-content:flex-end;gap:6px}.open-button,.export-button,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;border-radius:10px;font-size:12px;font-weight:700}.open-button{background:var(--surface-soft);border:1px solid var(--line)}.open-button:hover{background:#f0f1f4;border-color:var(--line-strong)}.open-button svg,.export-button svg,.primary-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.export-button,.primary-action{color:#fff;background:var(--accent);box-shadow:0 5px 15px #5643dc33}.export-button:hover,.primary-action:hover{background:var(--accent-strong)}.action-divider{width:1px;height:26px;margin:0 2px;background:var(--line)}.icon-button{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;padding:0;color:#4d5260;border-radius:9px;background:transparent}.icon-button:hover:not(:disabled),.icon-button.is-active{color:var(--accent-ink);background:var(--accent-soft)}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.editor-shell{min-width:0;min-height:0;display:grid;grid-template-columns:72px minmax(0,1fr) 336px}.celvector-v2:not(.has-inspector) .editor-shell{grid-template-columns:72px minmax(0,1fr)}.tool-rail{position:relative;z-index:25;min-height:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px 10px;background:var(--surface);border-right:1px solid var(--line)}.tool-rail>button{position:relative;width:55px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px;color:#656b78;border-radius:12px;background:transparent;font-size:9px;font-weight:650}.tool-rail>button:hover,.tool-rail>button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-soft)}.rail-icon{width:28px;height:27px;display:grid;place-items:center}.rail-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.tool-rail kbd{position:absolute;top:5px;right:6px;color:#9ba0ab;font:600 8px/1 Segoe UI,sans-serif}.rail-spacer{flex:1}.canvas-area{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr);overflow:hidden;background:var(--canvas)}.canvas-chrome{position:relative;z-index:10;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;color:#656b78;border-bottom:1px solid rgba(98,104,118,.1);background:#eef0f4eb;backdrop-filter:blur(12px);font-size:11px}.canvas-breadcrumb,.canvas-status{min-width:0;display:flex;align-items:center;gap:8px}.canvas-breadcrumb>span{max-width:240px;overflow:hidden;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.canvas-breadcrumb b{color:#a0a5b0}.canvas-breadcrumb button{padding:4px 7px;color:var(--accent-ink);border-radius:6px;background:var(--accent-soft);font-size:11px;font-weight:700}.canvas-breadcrumb em{color:var(--muted);font-size:10px;font-style:normal}.canvas-status{flex:0 0 auto;font-weight:600}.canvas-status svg{width:14px;height:14px;color:var(--success);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent);animation:pulse 1s ease-in-out infinite}.canvas-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;user-select:none;background-color:var(--canvas);background-image:radial-gradient(circle at center,rgba(255,255,255,.8) 0 1px,transparent 1.5px);background-size:22px 22px}.canvas-viewport.is-pan,.tool-pan .canvas-viewport{cursor:grab}.canvas-viewport.is-pan:active,.tool-pan .canvas-viewport:active{cursor:grabbing}.tool-refine .canvas-viewport{cursor:crosshair}.artboard-mat{position:absolute;inset:28px 34px 82px;display:flex;align-items:center;justify-content:center;pointer-events:none}.artboard{position:relative;width:100%;height:auto;max-width:100%;max-height:100%;overflow:hidden;pointer-events:auto;background:#fff;border-radius:3px;box-shadow:0 2px 4px #1e212b14,0 18px 45px #1e212b2e;transform-origin:50% 50%;will-change:transform}@supports (height: min(100%,10px)){.artboard{width:auto;height:100%}}.canvas-transform,.vector-layer,.original-layer{position:absolute;inset:0;width:100%;height:100%}.canvas-transform{transform:none}.vector-layer{z-index:1;background:#fff}.vector-layer>svg{width:100%;height:100%;pointer-events:auto!important}.pen-overlay,.node-edit-overlay{position:absolute;inset:0;z-index:4;width:100%;height:100%;overflow:visible}.pen-overlay{pointer-events:none}.pen-overlay polyline{fill:color-mix(in srgb,var(--accent) 12%,transparent);stroke:var(--accent);stroke-width:4;stroke-dasharray:12 8;vector-effect:non-scaling-stroke}.pen-overlay circle{fill:#fff;stroke:var(--accent);stroke-width:3;vector-effect:non-scaling-stroke}.node-edit-overlay{pointer-events:none}.node-edit-overlay polyline{fill:none;stroke:#8b7cf1;stroke-width:2;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.node-edit-handle{pointer-events:auto;cursor:move;fill:#fff;stroke:var(--accent-strong);stroke-width:3;vector-effect:non-scaling-stroke}.node-edit-handle:hover{fill:var(--accent-soft)}.vector-layer path[id],.vector-layer circle[id],.vector-layer ellipse[id],.vector-layer polygon[id]{pointer-events:auto}.tool-select .vector-layer path[id],.tool-select .vector-layer circle[id],.tool-select .vector-layer ellipse[id],.tool-select .vector-layer polygon[id]{cursor:pointer}.original-layer{z-index:2;overflow:hidden;pointer-events:none}.compare-divider{position:absolute;top:0;bottom:0;z-index:3;width:24px;background:transparent;transform:translate(-50%);cursor:ew-resize;pointer-events:auto;touch-action:none;outline:none}.tool-pen .compare-divider{pointer-events:none}.compare-divider:before{content:"";position:absolute;left:50%;width:18px;height:18px;border:2px solid #ffffff;border-radius:50%;background:var(--accent);box-shadow:0 1px 5px #181c2657;transform:translate(-50%,-50%);z-index:1}.compare-divider:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px #181c2661,0 0 12px #181c266b;transform:translate(-50%);z-index:0}.compare-divider:focus-visible:before{outline:3px solid rgba(103,87,232,.34);outline-offset:3px}.compare-divider:before{top:50%}.preview-media{width:100%;height:100%;display:block;object-fit:contain}[data-cv-dimmed=true]{opacity:.14!important;pointer-events:none!important;transition:opacity .16s ease}[data-cv-selection-overlay]{pointer-events:none}[data-cv-selection-overlay] path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;fill-rule:evenodd}[data-cv-selection-overlay] #selection-outline-halo{stroke:#fff;stroke-width:8;opacity:.94}[data-cv-selection-overlay] #selection-outline{stroke:#6757e8;stroke-width:3;stroke-dasharray:none}.lasso-overlay,.eraser-overlay{position:absolute;z-index:8;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.lasso-overlay polyline{fill:#6757e814;stroke:#6757e8;stroke-width:2;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.lasso-overlay circle{fill:#fff;stroke:#6757e8;stroke-width:2;vector-effect:non-scaling-stroke}.eraser-overlay circle{fill:#ffffff4d;stroke:#6757e8;stroke-width:2;stroke-dasharray:none;vector-effect:non-scaling-stroke}.zoom-cluster,.selection-bar,.progress-card{position:absolute;z-index:12;display:flex;align-items:center;color:#4f5562;background:var(--surface-raised);border:1px solid rgba(210,214,223,.9);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}input[type=range]{height:4px;margin:8px 0;accent-color:var(--accent)}.zoom-cluster{right:18px;bottom:20px;gap:2px;padding:4px;border-radius:12px}.zoom-cluster .icon-button{width:30px;height:30px}.zoom-cluster .icon-button svg{width:15px;height:15px}.zoom-cluster>button:not(.icon-button){height:30px;padding:0 7px;color:#515764;border-radius:7px;background:transparent;font-size:10px;font-weight:700}.zoom-cluster>button:hover{background:var(--surface-soft)}.zoom-cluster input{position:absolute;right:44px;bottom:36px;width:118px;padding:14px 12px;opacity:0;pointer-events:none;border-radius:11px;background:var(--surface);box-shadow:var(--shadow-sm);transition:opacity .13s ease,transform .13s ease;transform:translateY(4px)}.zoom-cluster:hover input,.zoom-cluster:focus-within input{opacity:1;pointer-events:auto;transform:translateY(0)}.fit-button{border-left:1px solid var(--line)}.selection-bar{left:50%;top:16px;max-width:calc(100% - 48px);gap:4px;transform:translate(-50%);padding:5px;border-radius:13px}.selection-bar strong{padding:0 9px;font-size:11px;white-space:nowrap}.selection-bar>button:not(.icon-button){min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;color:#555b68;border-radius:8px;background:transparent;font-size:10px;font-weight:700;white-space:nowrap}.selection-bar>button:hover{color:var(--accent-ink);background:var(--accent-soft)}.selection-bar>button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.selection-bar .icon-button{width:32px;height:32px}.scope-note{margin:-2px 0 12px;padding:9px 10px;color:var(--accent-ink);border:1px solid #d9d2ff;border-radius:10px;background:var(--accent-soft);font-size:10px;line-height:1.45}.progress-card{left:50%;bottom:20px;width:min(480px,calc(100% - 48px));min-height:70px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;transform:translate(-50%);padding:12px 15px 14px;border-radius:16px;overflow:hidden}.progress-card>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.progress-card strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.progress-card span{color:var(--muted);font-size:10px}.progress-card b{color:var(--accent-ink);font-size:12px}.progress-card>i{position:absolute;left:0;bottom:0;width:var(--progress);height:3px;background:linear-gradient(90deg,var(--accent),#9b8cff);transition:width .24s ease}.progress-orbit{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--accent-soft);animation:orbit 1.6s linear infinite}.progress-orbit span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent)}.progress-orbit span:nth-child(1){top:-2px;left:14px}.progress-orbit span:nth-child(2){right:2px;bottom:3px;opacity:.65}.progress-orbit span:nth-child(3){left:1px;bottom:5px;opacity:.35}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;text-align:center}.empty-visual{position:relative;width:96px;height:82px;display:grid;place-items:center;margin-bottom:8px;color:#8174ed;border:1px solid rgba(105,90,230,.22);border-radius:24px;background:linear-gradient(145deg,#ffffffb8,#ece9ffb8);box-shadow:inset 0 1px #fff,0 20px 50px #3f34951a}.empty-visual svg:first-child{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.3}.empty-visual svg:last-child{position:absolute;top:6px;right:4px;width:29px;height:29px;padding:6px;color:#fff;fill:none;stroke:currentColor;stroke-width:1.5;border-radius:50%;background:var(--accent);box-shadow:0 5px 14px #5542dc4d}.empty-state>strong{font-size:18px;letter-spacing:-.02em}.empty-state>span{color:var(--muted);font-size:12px}.empty-state>div:last-child{display:flex;gap:8px;margin-top:8px}.empty-state>div:last-child>button:not(.primary-action){min-height:38px;padding:0 13px;border:1px solid var(--line-strong);border-radius:10px;background:#ffffffbd;font-size:12px;font-weight:700}.inspector{position:relative;z-index:24;min-width:0;min-height:0;display:grid;grid-template-rows:49px minmax(0,1fr);background:var(--surface);border-left:1px solid var(--line);box-shadow:-1px 0 #12151d05}.panel-tabs{display:grid;grid-template-columns:1fr 1fr 40px;align-items:center;gap:2px;padding:6px 7px;border-bottom:1px solid var(--line)}.panel-tabs>button:not(.icon-button){height:36px;display:flex;align-items:center;justify-content:center;gap:7px;color:#727887;border-radius:9px;background:transparent;font-size:11px;font-weight:700}.panel-tabs>button[aria-selected=true]{color:var(--accent-ink);background:var(--accent-soft)}.panel-tabs>button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.panel-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cfd2da transparent}.panel-section{padding:18px 17px;border-bottom:1px solid var(--line)}.section-heading,.layers-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.section-heading small,.layers-heading small,.selection-heading small,.export-sheet header small{display:block;margin-bottom:3px;color:#969ba7;font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.section-heading h2,.layers-heading h2,.selection-heading h2,.export-sheet h2{margin:0;color:var(--ink);font-size:14px;letter-spacing:-.015em}.look-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.look-grid>button{min-width:0;min-height:62px;display:grid;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:10px;text-align:left;color:#515764;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.look-grid>button:first-child{grid-column:1 / -1}.look-grid>button:hover{border-color:#cbc6f8;background:#faf9ff}.look-grid>button[aria-pressed=true]{color:var(--accent-ink);border-color:#bdb6f7;background:var(--accent-soft);box-shadow:inset 0 0 0 1px #6757e81a}.look-grid>button>svg:first-child{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.look-grid>button>svg:last-child{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.look-grid button span,.brush-list button span{min-width:0;display:flex;flex-direction:column;gap:3px}.look-grid strong,.brush-list strong{font-size:11px}.look-grid small,.brush-list small{overflow:hidden;color:var(--muted);font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.compact-controls{display:flex;flex-direction:column;gap:13px}.compact-controls .section-heading{margin-bottom:1px}.range-field{display:flex;flex-direction:column;gap:2px}.range-field>span{display:flex;align-items:center;justify-content:space-between;color:#626876;font-size:10px;font-weight:650}.range-field b{min-width:38px;padding:3px 6px;color:var(--accent-ink);border-radius:6px;background:var(--accent-soft);text-align:center;font-size:9px}.range-field input{width:100%}.switch-field{position:relative;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid var(--line)}.switch-field>span{display:flex;flex-direction:column;gap:3px}.switch-field strong{font-size:10px}.switch-field small{color:var(--muted);font-size:9px}.switch-field input{position:absolute;opacity:0}.switch-field>i{position:relative;width:36px;height:21px;flex:0 0 auto;border-radius:20px;background:#d9dce3;transition:background .14s ease}.switch-field>i:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .14s ease}.switch-field input:checked+i{background:var(--accent)}.switch-field input:checked+i:after{transform:translate(15px)}.panel-note{margin:0 0 14px;color:var(--muted);font-size:10px;line-height:1.55}.brush-list{display:flex;flex-direction:column;gap:7px}.brush-list button{min-height:54px;display:grid;grid-template-columns:1fr 18px;align-items:center;padding:10px 11px;text-align:left;color:#555b68;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.brush-list button[aria-pressed=true]{color:var(--accent-ink);border-color:#c2bcf5;background:var(--accent-soft)}.brush-list svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.subtle-danger{width:100%;min-height:38px;margin-top:12px;color:var(--danger);border-radius:9px;background:color-mix(in srgb,var(--danger) 7%,white);font-size:10px;font-weight:700}.selection-heading{display:grid;grid-template-columns:40px minmax(0,1fr) 36px;align-items:center;gap:10px;padding:18px 16px 14px;border-bottom:1px solid var(--line)}.selection-glyph{width:40px;height:40px;display:grid;place-items:center;color:var(--accent-ink);border-radius:12px;background:var(--accent-soft)}.selection-glyph svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.selection-heading>div:nth-child(2){min-width:0}.selection-heading h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-heading>div:nth-child(2)>span{color:var(--muted);font-size:9px}.text-field,.select-field{display:flex;flex-direction:column;gap:6px}.text-field{padding:14px 16px 0}.text-field>span,.select-field>span{color:#747a87;font-size:9px;font-weight:700}.text-field input,.select-field select{width:100%;height:38px;padding:0 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-soft);font-size:10px;font-weight:600}.property-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px 17px;border-bottom:1px solid var(--line)}.color-section .section-heading input[type=color]{width:34px;height:30px;padding:2px;border:1px solid var(--line-strong);border-radius:8px;background:#fff}.color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.color-swatches button{aspect-ratio:1;border:2px solid white;border-radius:8px;box-shadow:0 0 0 1px var(--line-strong)}.selection-inspector>.panel-note{margin:0;padding:15px 17px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.order-grid button,.object-section>button:not(.primary-action){min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 7px;color:#626876;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:9px;font-weight:700}.order-grid button:hover,.object-section>button:not(.primary-action):hover{color:var(--accent-ink);border-color:#c7c1f6;background:var(--accent-soft)}.order-grid svg,.object-section svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.object-section{display:flex;flex-direction:column;gap:8px}.editor-actions-section{padding-bottom:16px}.editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.editor-actions button{min-height:42px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#5f6572;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:9px;font-weight:700;text-align:left}.editor-actions button:hover{color:var(--accent-ink);border-color:#c7c1f6;background:var(--accent-soft)}.editor-actions button.action-danger:hover,.danger-icon:hover:not(:disabled){color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:color-mix(in srgb,var(--danger) 8%,white)}.editor-actions svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.layer-select{margin:0 16px;padding:0 0 14px;border-bottom:1px solid var(--line)}.drawing-panel .section-heading>svg{width:18px;height:18px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.7}.drawing-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;color:var(--muted);font-size:9px;font-weight:600}.drawing-shortcuts kbd{padding:3px 5px;color:var(--accent-ink);border:1px solid #d5d0fa;border-radius:5px;background:var(--accent-soft);font:700 9px/1 Segoe UI,sans-serif}.primary-action.full{width:100%}.layers-heading{margin:0;padding:18px 16px 13px;border-bottom:1px solid var(--line)}.layers-heading>span{padding:4px 7px;color:var(--muted);border-radius:7px;background:var(--surface-soft);font-size:9px;font-weight:700}.layer-tree{padding:8px}.layer-group{margin-bottom:5px;border-radius:11px;overflow:hidden}.layer-group.is-hidden{opacity:.54}.layer-group.is-scope .layer-row{color:var(--accent-ink);border-color:#d9d2ff;background:var(--accent-soft)}.layer-row,.object-row,.loose-row{min-width:0;display:flex;align-items:center}.layer-row{min-height:47px;padding:4px;border:1px solid transparent;border-radius:10px}.layer-row:hover{background:var(--surface-soft)}.tree-toggle{width:26px;height:32px;display:grid;place-items:center;color:#8a8f9b;border-radius:7px;background:transparent}.tree-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.layer-icon{width:30px;height:30px;display:grid;place-items:center;color:#6e61dc;border-radius:8px;background:var(--accent-soft)}.layer-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.layer-name,.object-name{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:5px 7px;overflow:hidden;background:transparent;text-align:left}.layer-name-input-wrap{min-width:0;flex:1;display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-rows:22px 12px;align-items:center;column-gap:4px;padding:2px 7px}.layer-name-input-wrap>svg{grid-row:1 / span 2;width:14px;height:14px;color:#6e61dc;fill:none;stroke:currentColor;stroke-width:1.6}.layer-name-input{min-width:0;width:100%;height:22px;padding:0;overflow:hidden;color:var(--ink);border:0;outline:0;background:transparent;font-size:10px;font-weight:700;text-overflow:ellipsis}.layer-name-input:focus{padding:0 4px;border-radius:5px;background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.layer-name-input-wrap small{color:var(--muted);font-size:8px}.layer-name strong,.object-name strong,.loose-row strong{max-width:100%;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.layer-name small,.object-name small,.loose-row small{color:var(--muted);font-size:8px}.layer-controls{display:flex;align-items:center}.layer-controls .icon-button{width:28px;height:28px}.layer-controls .icon-button svg{width:14px;height:14px}.layer-row>.icon-button{flex:0 0 28px;width:28px;height:28px}.layer-row>.icon-button svg{width:14px;height:14px}.layer-children{position:relative;margin-left:25px;padding:2px 0 4px 10px;border-left:1px solid var(--line)}.object-row{min-height:43px;margin:2px 0;padding:2px 4px;border:1px solid transparent;border-radius:9px}.object-row:hover{background:var(--surface-soft)}.object-row.is-selected{border-color:#cbc5f6;background:var(--accent-soft)}.object-row.is-hidden{opacity:.48}.object-index{width:25px;height:25px;display:grid;place-items:center;color:#7770ba;border-radius:7px;background:#f0effa;font-size:8px;font-weight:750}.loose-row{min-height:39px;gap:8px;padding:4px 8px}.loose-row>span{width:6px;height:6px;border-radius:50%;background:#b9bdc6}.loose-row>div{display:flex;flex-direction:column;gap:2px}.loose-list{display:flex;flex-direction:column}.loose-shape-row{min-height:34px;display:flex;align-items:center;gap:8px;margin:1px 4px 1px 8px;padding:3px 6px;color:var(--muted);border-radius:7px;background:transparent;text-align:left}.loose-shape-row:hover,.loose-shape-row.is-selected{color:var(--accent-ink);background:var(--accent-soft)}.loose-shape-row>span{width:18px;color:#9b9fad;font-size:8px;text-align:center}.loose-shape-row>div{min-width:0;display:flex;flex-direction:column;gap:1px}.loose-shape-row strong{max-width:170px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.loose-shape-row small{font-size:8px}.panel-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;color:var(--muted);text-align:center}.panel-empty svg{width:34px;height:34px;margin-bottom:5px;fill:none;stroke:#aaa5df;stroke-width:1.4}.panel-empty strong{color:#5d6370;font-size:11px}.panel-empty span{font-size:9px}.sheet-backdrop{position:fixed;z-index:100;inset:0;display:flex;justify-content:flex-end;background:#17192257;backdrop-filter:blur(4px);animation:fade-in .15s ease-out}.export-sheet{width:min(430px,100%);height:100%;display:flex;flex-direction:column;padding:20px;overflow-y:auto;background:var(--surface);box-shadow:var(--shadow-lg);animation:sheet-in .19s ease-out}.export-sheet header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.export-sheet h2{font-size:20px}.export-sheet header p{margin:6px 0 0;color:var(--muted);font-size:11px}.export-preview{position:relative;height:190px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:16px;background-color:#e8e9ee;background-image:linear-gradient(45deg,#dde0e6 25%,transparent 25%),linear-gradient(-45deg,#dde0e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dde0e6 75%),linear-gradient(-45deg,transparent 75%,#dde0e6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.export-preview>div{width:calc(100% - 36px);height:calc(100% - 36px);filter:drop-shadow(0 9px 18px rgba(28,30,41,.16))}.export-preview svg{width:100%;height:100%}.export-preview>span{position:absolute;left:10px;bottom:8px;max-width:calc(100% - 20px);overflow:hidden;padding:4px 7px;color:#565c68;border-radius:7px;background:#ffffffd6;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.export-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0 16px}.export-metrics>span{min-width:0;display:flex;flex-direction:column;gap:3px;padding:9px;border-radius:10px;background:var(--surface-soft)}.export-metrics small{color:var(--muted);font-size:8px}.export-metrics b{overflow:hidden;font-size:11px;text-overflow:ellipsis}.download-list{display:flex;flex-direction:column;gap:8px}.download-list>button{min-height:66px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;text-align:left;color:#505663;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.download-list>button:hover{border-color:#c5bef6;background:#faf9ff}.download-list>button.download-primary{color:var(--accent-ink);border-color:#c7c0f6;background:var(--accent-soft)}.download-list>button>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#fffc}.download-list svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.download-list>button>div{min-width:0;display:flex;flex-direction:column;gap:4px}.download-list strong{font-size:11px}.download-list small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.download-list em{color:#8c919d;font-size:9px;font-style:normal;font-weight:700}.export-sheet footer{display:flex;align-items:center;gap:7px;margin-top:auto;padding:18px 4px 2px;color:var(--muted);font-size:9px}.export-sheet footer svg{width:14px;height:14px;color:var(--success);fill:none;stroke:currentColor;stroke-width:2}.toast{position:fixed;z-index:120;left:50%;bottom:22px;min-height:42px;display:flex;align-items:center;gap:8px;transform:translate(-50%);padding:0 14px;color:#fff;border-radius:12px;background:#252833;box-shadow:var(--shadow-lg);font-size:10px;font-weight:700;animation:toast-in .18s ease-out}.toast svg{width:15px;height:15px;color:#7fe0b7;fill:none;stroke:currentColor;stroke-width:2}@keyframes pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translate(28px);opacity:.7}}@keyframes toast-in{0%{transform:translate(-50%,10px);opacity:0}}@media(max-width:1180px){.editor-shell{grid-template-columns:66px minmax(0,1fr) 306px}.celvector-v2:not(.has-inspector) .editor-shell{grid-template-columns:66px minmax(0,1fr)}.cv-topbar{grid-template-columns:210px minmax(0,1fr) auto}.save-indicator{display:none}.look-grid{grid-template-columns:1fr}.look-grid>button:first-child{grid-column:auto}}@media(max-width:820px){.celvector-v2{min-height:480px;grid-template-rows:58px minmax(0,1fr)}.cv-topbar{height:58px;grid-template-columns:auto minmax(0,1fr) auto;padding:0 9px 0 11px}.brand-copy span,.document-zone{display:none}.brand-zone{gap:8px}.brand-mark{width:32px;height:32px}.topbar-actions{grid-column:3}.editor-shell,.celvector-v2:not(.has-inspector) .editor-shell{position:relative;display:block}.canvas-area{position:absolute;inset:0 0 66px}.tool-rail{position:absolute;z-index:48;left:0;right:0;bottom:0;height:66px;min-height:66px;flex-direction:row;justify-content:space-around;gap:2px;padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--line);border-right:0}.tool-rail>button{width:min(78px,19vw);min-height:53px}.tool-rail kbd,.rail-spacer{display:none}.inspector{position:absolute;z-index:45;left:0;right:0;bottom:66px;height:min(48vh,430px);grid-template-rows:50px minmax(0,1fr);border-top:1px solid var(--line);border-left:0;border-radius:18px 18px 0 0;box-shadow:0 -18px 50px #1b1d2724;animation:mobile-sheet-in .18s ease-out}.panel-tabs{position:relative;padding-top:9px}.panel-tabs:before{content:"";position:absolute;top:5px;left:50%;width:36px;height:3px;border-radius:4px;background:#d4d6dc;transform:translate(-50%)}.look-grid{grid-template-columns:1fr 1fr}.look-grid>button:first-child{grid-column:1 / -1}.celvector-v2.has-inspector .zoom-cluster{bottom:min(calc(48vh + 14px),444px);z-index:60}.artboard-mat{inset:22px 18px 76px}.celvector-v2.has-inspector .artboard-mat{bottom:min(calc(48vh - 10px),420px)}.canvas-chrome{padding:0 11px}.canvas-status{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-bar{top:10px}.selection-bar strong{display:none}.progress-card{bottom:14px}.export-sheet{width:100%;height:min(88vh,760px);margin-top:auto;padding-bottom:max(20px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:mobile-sheet-in .19s ease-out}@keyframes mobile-sheet-in{0%{transform:translateY(28px);opacity:.7}}}@media(max-width:520px){.brand-copy strong,.open-button span,.export-button span,.action-divider{display:none}.open-button,.export-button{width:38px;padding:0}.topbar-actions{gap:2px}.canvas-chrome{font-size:10px}.canvas-breadcrumb em{display:none}.canvas-status{max-width:42%;font-size:9px}.artboard-mat{inset:18px 10px 82px}.zoom-cluster{right:10px;bottom:14px}.zoom-cluster .fit-button,.zoom-cluster input,.zoom-cluster .icon-button:first-child,.zoom-cluster .icon-button:nth-last-child(2){display:none}.selection-bar{max-width:calc(100% - 20px)}.selection-bar>button:not(.icon-button){padding:0 7px;font-size:9px}.selection-bar>button:not(.icon-button) svg{display:none}.look-grid{grid-template-columns:1fr}.look-grid>button:first-child{grid-column:auto}.property-group{grid-template-columns:1fr}.export-metrics{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}