:root{--bg-0: #090b0e;--bg-1: #0f1319;--bg-2: #151b23;--bg-3: #1b222b;--line: #232b35;--line-soft: #1a2028;--text-0: #e8edf3;--text-1: #aab4c0;--text-2: #6b7684;--accent: #38c6ff;--accent-dim: #1c4a5e;--warn: #ff9f43;--danger: #ff5f56;--mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--sans: -apple-system, "Segoe UI", Inter, Roboto, system-ui, sans-serif;--radius: 3px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg-0);color:var(--text-0);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;font-size:12px}#app{display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;gap:20px;height:48px;padding:0 16px;background:var(--bg-1);border-bottom:1px solid var(--line);flex-shrink:0}.brand{display:flex;align-items:center;gap:8px;color:var(--text-0);font-weight:600;letter-spacing:.2px}.brand-mark{color:var(--accent);font-size:16px}.toolbar-actions{display:flex;gap:8px}.toolbar-status{margin-left:auto;color:var(--text-2);font-family:var(--mono);font-size:11px}button{background:var(--bg-3);color:var(--text-0);border:1px solid var(--line);border-radius:var(--radius);padding:7px 12px;cursor:pointer}button:hover{background:#212933;border-color:#2c3542}button:active{transform:translateY(1px)}button.accent{color:var(--accent);border-color:var(--accent-dim)}button.accent-solid{background:var(--accent);color:#04222f;border-color:var(--accent);font-weight:600}button.accent-solid:hover{background:#55d0ff}button.danger{color:var(--danger)}button.small-btn{padding:4px 8px;font-size:11px}#body-grid{flex:1;min-height:0;display:grid;grid-template-columns:260px 1fr 320px}#left-panel,#right-panel{background:var(--bg-1);overflow-y:auto;overflow-x:hidden;padding:14px;display:flex;flex-direction:column;gap:20px;min-height:0}#left-panel{border-right:1px solid var(--line)}#right-panel{border-left:1px solid var(--line)}#left-panel section,#right-panel section{flex-shrink:0;min-width:0}#props-section{min-height:0}h2{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-2);margin:0 0 10px;font-weight:700}#canvas-viewport{background:var(--bg-0);display:flex;align-items:center;justify-content:center;overflow:auto;position:relative;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:24px 24px}#canvas-scroll{position:relative;padding:40px}#stage{position:relative;width:1280px;height:480px;background:#0b0f14;border-radius:6px;outline:1px solid #2a3340;box-shadow:0 0 0 8px var(--bg-1)}#grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(56,198,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,198,255,.06) 1px,transparent 1px);background-size:20px 20px}.preview-mode #grid{display:none}.preview-mode .skin-widget,.preview-mode .skin-widget.selected,.preview-mode .skin-widget.primary,.preview-mode .skin-widget.part-editing{outline:none!important}.preview-mode .resize-handle,.preview-mode .part-box,.preview-mode .part-tag,.preview-mode .part-handle,.preview-mode .marquee,.preview-mode .snap-guide,.preview-mode .measure-line,.preview-mode .measure-label{display:none!important}.skin-widget{box-sizing:border-box}.resize-handle{position:absolute;width:8px;height:8px;background:var(--accent);border:1px solid #04222f;border-radius:1px;z-index:9999}.rh-nw{left:-4px;top:-4px;cursor:nwse-resize}.rh-ne{right:-4px;top:-4px;cursor:nesw-resize}.rh-sw{left:-4px;bottom:-4px;cursor:nesw-resize}.rh-se{right:-4px;bottom:-4px;cursor:nwse-resize}body.preview-mode #left-panel,body.preview-mode #right-panel{display:none}body.preview-mode #body-grid{grid-template-columns:1fr}.widget-palette{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:10px;text-align:center;line-height:1.2}.palette-icon{font-size:16px;color:var(--accent)}.field-row{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:6px 0}.field-row>span:first-child{color:var(--text-1);font-size:11px;line-height:1.3}.field-row input[type=text],.field-row input[type=number],.field-row select{background:var(--bg-2);border:1px solid var(--line);color:var(--text-0);border-radius:var(--radius);padding:6px 7px;width:100%;font-family:var(--mono)}.field-row input[type=color]{width:100%;height:28px;padding:2px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius)}.field-row input[type=range]{width:100%}.field-row input[type=checkbox]{width:16px;height:16px;align-self:flex-start}.field-row input[type=file]{width:100%;font-size:10px;color:var(--text-2)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.field-grid input{width:100%}.section-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-2);margin:14px 0 6px;padding-top:10px;border-top:1px solid var(--line-soft)}.section-title:first-of-type{border-top:none;padding-top:0;margin-top:6px}.asset-row{gap:6px}.asset-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.asset-controls input[type=file]{width:auto;flex:1;min-width:0}.asset-preview{width:32px;height:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-2);font-size:9px;flex-shrink:0}.asset-preview img{max-width:100%;max-height:100%}.conditions-field{display:flex;flex-direction:column;gap:8px;padding:6px 0}.condition-row{display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--radius)}.condition-row .condition-row-2{display:flex;gap:4px}.condition-row .condition-row-2 select{width:68px;flex-shrink:0}.condition-row .condition-row-2 input{min-width:0;flex:1}.condition-row select,.condition-row input{background:var(--bg-1);border:1px solid var(--line);color:var(--text-0);border-radius:var(--radius);padding:5px;font-family:var(--mono);font-size:11px;width:100%}.condition-row .small-btn{align-self:flex-end}.empty-hint{color:var(--text-2);font-size:11px;padding:10px 0;line-height:1.5}.layer-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius);cursor:pointer;margin-bottom:2px}.layer-row:hover{background:var(--bg-2)}.layer-row.selected{background:var(--accent-dim);color:var(--accent)}.layer-icon{color:var(--accent);text-align:center}.layer-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-type{font-size:9px;color:var(--text-2);text-transform:uppercase}.layers-count{font-size:10px;color:var(--text-2);padding:0 8px 6px;text-align:right}.layers-count.full{color:var(--warn)}.props-header input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--text-0);font-size:14px;font-weight:600;padding:4px 0;margin-bottom:10px}.props-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.props-actions button{font-size:10px;padding:6px}.channel-monitor{display:flex;flex-direction:column;gap:1px;max-height:260px;overflow-y:auto}.monitor-row{display:flex;justify-content:space-between;padding:4px 6px;background:var(--bg-2);border-radius:var(--radius);font-size:10px}.m-label{color:var(--text-2)}.m-value{color:var(--accent);font-family:var(--mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.skin-widget.selected{outline:1px solid var(--accent);outline-offset:1px}.skin-widget.primary{outline-width:2px}.marquee{position:absolute;z-index:9998;pointer-events:none;border:1px solid var(--accent);background:#38c6ff1a}.snap-guide{position:absolute;z-index:9997;pointer-events:none;background:var(--warn)}.snap-guide-x{top:0;bottom:0;width:1px}.snap-guide-y{left:0;right:0;height:1px}.measure-line{position:absolute;z-index:9996;pointer-events:none;background:var(--danger)}.measure-line:before,.measure-line:after{content:"";position:absolute;background:var(--danger)}.measure-line-x:before,.measure-line-x:after{top:-3px;width:1px;height:7px}.measure-line-x:before{left:0}.measure-line-x:after{right:0}.measure-line-y:before,.measure-line-y:after{left:-3px;width:7px;height:1px}.measure-line-y:before{top:0}.measure-line-y:after{bottom:0}.measure-label{position:absolute;z-index:9996;pointer-events:none;padding:1px 4px;border-radius:3px;background:var(--danger);color:#fff;font:600 11px/1.2 var(--mono, ui-monospace, monospace);white-space:nowrap}.selection-bar{position:sticky;bottom:12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:6px 8px;margin:12px auto 0;width:max-content;background:var(--bg-1);border:1px solid var(--line);border-radius:5px;box-shadow:0 10px 30px #00000080;z-index:9999}.selection-bar .sel-count{font-size:10px;color:var(--text-2);font-family:var(--mono);padding-right:6px;margin-right:2px;border-right:1px solid var(--line)}.selection-bar button{padding:4px 8px;font-size:12px;line-height:1}#btn-undo,#btn-redo{font-size:14px;line-height:1;padding:6px 9px}.skin-widget{user-select:none;-webkit-user-select:none;touch-action:none}.skin-widget>*:not(.resize-handle):not(.part-box){pointer-events:none}.skin-widget,.skin-widget *{-webkit-user-drag:none}#canvas-viewport{align-items:flex-start;justify-content:flex-start}#canvas-scroll{margin:auto;padding:40px;box-sizing:content-box;flex:0 0 auto}.skin-widget.part-editing{outline:1px dashed var(--accent-dim);outline-offset:2px}.part-box{position:absolute;border:1px dashed var(--text-2);cursor:move;pointer-events:auto;box-sizing:border-box}.part-box.active{border:1px solid var(--accent);background:#38c6ff14}.part-tag{position:absolute;left:0;top:-15px;font-size:9px;line-height:1;letter-spacing:.4px;padding:2px 4px;border-radius:2px;white-space:nowrap;background:var(--bg-1);color:var(--text-2);pointer-events:none}.part-box.active .part-tag{background:var(--accent);color:#06222e}.part-handle{position:absolute;width:8px;height:8px;background:var(--accent);border:1px solid #06222e;border-radius:1px;pointer-events:auto}.ph-nw{left:-4px;top:-4px;cursor:nwse-resize}.ph-ne{right:-4px;top:-4px;cursor:nesw-resize}.ph-sw{left:-4px;bottom:-4px;cursor:nesw-resize}.ph-se{right:-4px;bottom:-4px;cursor:nwse-resize}.anim-controls{display:flex;gap:6px;align-items:center}.anim-controls select{flex:1 1 auto;min-width:0}.anim-controls button{flex:0 0 auto;padding:4px 8px;line-height:1}.title-hint{min-height:15px;margin:4px 0 0;font-size:11px;color:#7c8a9c}.title-hint.is-checking{opacity:.7}.title-hint.is-free{color:#4ec9a0}.title-hint.is-taken{color:#e8b339}.gpu-t{will-change:transform}.gpu-o{will-change:opacity}.field-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;margin-left:2px;vertical-align:1px;border-radius:50%;border:1px solid var(--line);background:var(--bg-2);color:var(--text-1);font:700 9px/1 var(--mono, monospace);cursor:help}.field-help:hover,.field-help[aria-expanded=true]{border-color:var(--accent-dim, var(--line));color:var(--text-0)}.field-help:focus-visible{outline:2px solid var(--accent, #38c6ff);outline-offset:1px}.field-help-pop{position:fixed;z-index:9600;max-width:260px;background:var(--bg-1);color:var(--text-1);border:1px solid var(--accent-dim, var(--line));border-radius:5px;padding:9px 11px;font-size:11px;line-height:1.5;box-shadow:0 12px 32px #0000008c}