:root{color-scheme:light dark;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--bg0: #0b0f18;--bg1: #0f1625;--panel-bg: rgba(18, 22, 32, .72);--panel-solid: rgba(18, 22, 32, .92);--stroke: rgba(255, 255, 255, .12);--stroke-strong: rgba(255, 255, 255, .18);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .66);--accent: #5aa6ff;--danger: #ff5b72;--warn: #ffd570;--ok: #84ffcf;--radius-lg: 14px;--radius: 12px;--radius-sm: 10px;--radius-xs: 8px;--shadow-lg: 0 22px 55px rgba(0, 0, 0, .45);--shadow: 0 12px 28px rgba(0, 0, 0, .35);--shadow-sm: 0 8px 18px rgba(0, 0, 0, .25);--focus: rgba(90, 160, 255, .65);--leftW: 320px;--rightW: 360px}@media (prefers-color-scheme: light){:root{--bg0: #eff1f5;--bg1: #f6f7fb;--panel-bg: rgba(255, 255, 255, .75);--panel-solid: rgba(255, 255, 255, .95);--stroke: rgba(9, 12, 18, .14);--stroke-strong: rgba(9, 12, 18, .22);--text: rgba(10, 12, 16, .92);--muted: rgba(10, 12, 16, .62);--shadow-lg: 0 22px 55px rgba(15, 18, 26, .18);--shadow: 0 12px 28px rgba(15, 18, 26, .14);--shadow-sm: 0 8px 18px rgba(15, 18, 26, .12)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1100px 900px at 20% 10%,rgba(90,160,255,.18),transparent 55%),radial-gradient(900px 700px at 90% 10%,rgba(255,213,112,.12),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg0))}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:#5aa0ff47}.btn,.iconBtn,input,select{outline:none}.btn:focus-visible,.iconBtn:focus-visible,input:focus-visible,select:focus-visible,button.item:focus-visible,button.artThumb:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{height:100%;display:grid;grid-template-rows:54px 1fr}.topbar{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-bg) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px)}.topbar .spacer{flex:1}.traffic{display:inline-flex;align-items:center;gap:8px;padding:0 6px}.traffic .dot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(0,0,0,.25);box-shadow:0 1px #ffffff2e inset}.traffic .dot.close{background:#ff5f57}.traffic .dot.min{background:#febc2e}.traffic .dot.max{background:#28c840}.titleGroup{display:flex;flex-direction:column;gap:1px;min-width:280px}.titleGroup .title{font-size:13px;font-weight:650;letter-spacing:.2px}.titleGroup .subtitle{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{display:flex;align-items:center;gap:10px}.toolbarSep{width:1px;height:20px;background:var(--stroke)}.btn{border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 64%,transparent);color:var(--text);padding:7px 10px;border-radius:var(--radius-xs);cursor:pointer;box-shadow:0 1px #ffffff0f inset}.btn:hover{border-color:var(--stroke-strong);background:var(--panel-solid);background:color-mix(in srgb,var(--panel-solid) 78%,transparent)}.btn.danger{border-color:color-mix(in srgb,var(--danger) 34%,var(--stroke));color:var(--text);background:var(--panel-bg);background:color-mix(in srgb,var(--danger) 14%,var(--panel-solid))}.btn.danger:hover{background:var(--panel-solid);background:color-mix(in srgb,var(--danger) 20%,var(--panel-solid))}.iconBtn{border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 52%,transparent);color:var(--text);padding:7px 10px;border-radius:var(--radius-xs);cursor:pointer;font-size:12px}.iconBtn[aria-pressed=false]{color:color-mix(in srgb,var(--text) 82%,transparent)}.iconBtn:hover{border-color:var(--stroke-strong);background:var(--panel-solid);background:color-mix(in srgb,var(--panel-solid) 70%,transparent)}.layout{height:100%;display:grid;grid-template-columns:var(--leftW) minmax(0,1fr) var(--rightW);transition:grid-template-columns .16s ease}.layout.noLeft{grid-template-columns:minmax(0,1fr) var(--rightW)}.layout.noRight{grid-template-columns:var(--leftW) minmax(0,1fr)}.layout.noLeft.noRight{grid-template-columns:minmax(0,1fr)}.panel{border-right:1px solid var(--stroke);background:var(--panel-bg);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);overflow:auto;scrollbar-gutter:stable}.panel.right{border-right:none;border-left:1px solid var(--stroke)}.panel h2{font-size:14px;margin:0;padding:12px 12px 6px;color:var(--text);letter-spacing:.2px}.panelHeader{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:var(--panel-bg);background:color-mix(in srgb,var(--panel-bg) 90%,transparent);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid color-mix(in srgb,var(--stroke) 70%,transparent)}.panel .section{padding:10px 12px 12px;border-top:none}.panel .section+.section{border-top:1px solid var(--stroke)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.label{font-size:12px;color:var(--muted)}.small{font-size:12px;color:var(--muted);line-height:1.35}.dangerText{color:var(--danger)}.control,input[type=text],input[type=number],select{width:100%;border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 66%,transparent);color:var(--text);border-radius:var(--radius-xs);padding:7px 8px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent)}input[type=file]{width:100%;color:var(--muted)}input[type=file]::file-selector-button{border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 58%,transparent);color:var(--text);padding:7px 10px;border-radius:var(--radius-xs);cursor:pointer;margin-right:10px}input[type=file]::file-selector-button:hover{border-color:var(--stroke-strong);background:var(--panel-solid);background:color-mix(in srgb,var(--panel-solid) 76%,transparent)}.segmented{display:inline-flex;border:1px solid var(--stroke);border-radius:var(--radius-xs);overflow:hidden;background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 48%,transparent);box-shadow:0 1px #ffffff0f inset}.segBtn{border:0;background:transparent;color:var(--muted);padding:7px 10px;cursor:pointer;font-size:12px}.segBtn:hover{color:var(--text);background:var(--panel-solid);background:color-mix(in srgb,var(--panel-solid) 62%,transparent)}.segBtn[data-active=true]{color:var(--text);background:color-mix(in srgb,var(--accent) 22%,var(--panel-solid))}.canvasWrap{position:relative;height:100%;min-width:0}.dropOverlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:2px dashed transparent;border-radius:12px;margin:12px}.dropOverlay.active{border-color:var(--focus);background:#5aa0ff1a;background:color-mix(in srgb,var(--accent) 10%,transparent)}.toastStack{position:absolute;top:12px;left:12px;right:12px;pointer-events:none;display:flex;flex-direction:column;gap:8px}.toast{pointer-events:auto;border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 74%,transparent);color:var(--text);border-radius:var(--radius-sm);padding:9px 10px;font-size:12px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);max-width:680px}.toast.warn{border-color:color-mix(in srgb,var(--warn) 28%,var(--stroke));background:var(--panel-bg);background:color-mix(in srgb,var(--warn) 12%,var(--panel-solid))}.list{display:flex;flex-direction:column;gap:8px}.item{border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 38%,transparent);border-radius:var(--radius-sm);padding:8px}.item:disabled{opacity:.6}button.item{width:100%;border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 38%,transparent);color:var(--text)}button.item:hover{border-color:var(--stroke-strong);background:var(--panel-solid);background:color-mix(in srgb,var(--panel-solid) 52%,transparent)}.item.selected{border-color:color-mix(in srgb,var(--accent) 30%,var(--stroke));background:color-mix(in srgb,var(--accent) 14%,var(--panel-solid))}.itemTitle{font-size:13px;color:var(--text)}.thumb{width:38px;height:38px;border-radius:var(--radius-xs);object-fit:cover;border:1px solid var(--stroke)}.pill{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--stroke);color:var(--muted);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 44%,transparent)}.pill.ok{color:color-mix(in srgb,var(--ok) 92%,var(--text));border-color:color-mix(in srgb,var(--ok) 26%,var(--stroke));background:color-mix(in srgb,var(--ok) 11%,var(--panel-solid))}.pill.warn{color:color-mix(in srgb,var(--warn) 96%,var(--text));border-color:color-mix(in srgb,var(--warn) 26%,var(--stroke));background:color-mix(in srgb,var(--warn) 12%,var(--panel-solid))}.artGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.artThumb{border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 38%,transparent);border-radius:var(--radius-sm);padding:0;cursor:pointer;overflow:hidden;aspect-ratio:1 / 1;-webkit-user-select:none;user-select:none}.artThumb img{width:100%;height:100%;object-fit:cover;display:block}.artThumb:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--stroke));background:color-mix(in srgb,var(--accent) 14%,var(--panel-solid))}.tinyHint{font-size:11px;color:var(--muted);margin-top:4px}.helpWrap{position:relative;display:inline-flex;align-items:center}.helpIcon{width:22px;height:22px;border-radius:999px;border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 58%,transparent);color:var(--text);cursor:pointer;line-height:20px;padding:0}.helpIcon:hover{border-color:var(--stroke-strong);background:var(--panel-solid);background:color-mix(in srgb,var(--panel-solid) 76%,transparent)}.tooltip{display:none;position:absolute;right:0;top:28px;width:230px;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--panel-solid);background:color-mix(in srgb,var(--panel-solid) 88%,transparent);color:var(--text);box-shadow:var(--shadow);z-index:20}.helpWrap:hover .tooltip,.helpWrap:focus-within .tooltip{display:block}.previewMark{width:90px;height:90px;border-radius:999px;border:2px solid rgba(90,160,255,.55);background:#5aa0ff0f}.previewMark.ok{border-color:#5aa0ff8c;background:#5aa0ff0f}.previewMark.bad{border-color:#ffd570a6;background:#ffd57014}.propRow{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center}.propControls{display:grid;grid-template-columns:1fr 70px;gap:10px;align-items:center}.propNumber{width:100%;border:1px solid var(--stroke);background:var(--panel-bg);background:color-mix(in srgb,var(--panel-solid) 66%,transparent);color:var(--text);border-radius:var(--radius-xs);padding:6px 8px}@media (prefers-reduced-motion: reduce){.layout{transition:none}}.panel::-webkit-scrollbar{width:12px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--stroke-strong) 80%,transparent);border:3px solid transparent;background-clip:content-box;border-radius:999px}.gizmo{position:relative;pointer-events:auto}.gizmoMove{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:999px;background:#0000;cursor:grab}.gizmoMove:active{cursor:grabbing}.gizmoRing{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid rgba(90,160,255,.75);box-shadow:0 0 0 1px #0a0e1aa6 inset;pointer-events:none}.gizmoRotate{position:absolute;left:50%;top:-14px;transform:translate(-50%);width:28px;height:28px;border-radius:999px;border:2px solid rgba(90,160,255,.85);background:#0a0e1abf;box-shadow:0 6px 14px #00000059;cursor:grab}.gizmoRotate:active{cursor:grabbing}.gizmoRotate:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:999px;border:2px solid rgba(90,160,255,.9);border-right-color:transparent;border-bottom-color:transparent;transform:rotate(25deg)}.gizmoHandle{position:absolute;width:12px;height:12px;border-radius:999px;background:#5aa0fff2;border:2px solid rgba(10,14,26,.85);box-shadow:0 1px 6px #00000059;cursor:nwse-resize}