:root{--panel-opacity: 1;--accent: #91c53a;--accent-soft: rgba(145, 197, 58, .28);--panel-bg: rgba(15, 12, 30, .92)}#panel-trigger{position:fixed;top:10px;left:10px;z-index:90;padding:5px 9px;border-radius:999px;color:#ffffff9e;background:#00000047;border:1px solid rgba(255,255,255,.08);cursor:pointer;font-size:12px;letter-spacing:1px;touch-action:manipulation;user-select:none;-webkit-user-select:none}#panel-trigger:hover,#panel-trigger.is-hit{color:var(--accent);background:#00000075}#control-panel{position:fixed;top:10px;left:10px;z-index:100;width:min(380px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);display:flex;flex-direction:column;overflow:hidden;padding:12px;border:1px solid rgba(145,197,58,.22);border-radius:14px;color:#eee;background:linear-gradient(180deg,rgba(26,21,50,.94),var(--panel-bg));box-shadow:0 16px 40px #00000085,inset 0 1px #ffffff0f;backdrop-filter:blur(10px);opacity:var(--panel-opacity);font:11px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;touch-action:pan-x pan-y}#panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;margin-bottom:10px;color:var(--accent);font-weight:700;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}#control-panel.is-dragging #panel-header{cursor:grabbing}#control-panel.is-dragging{will-change:transform;user-select:none;-webkit-user-select:none}#panel-version{color:#ffffff73;font-weight:400;margin-left:4px}#toggle-panel{flex-shrink:0;padding:4px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;background:#ffffff14;cursor:pointer;font:inherit;touch-action:manipulation}#panel-body{display:flex;flex:1 1 auto;min-height:0;gap:8px;overflow:hidden}#panel-tabs{display:flex;flex:0 0 auto;flex-direction:column;gap:6px;width:104px;min-width:104px;padding:4px 6px 8px 0;overflow-x:hidden;overflow-y:auto;border-right:1px solid rgba(145,197,58,.18);overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable}.panel-tab{width:100%;padding:8px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffd6;background:#ffffff0d;text-align:left;font:inherit;line-height:1.3;cursor:pointer;touch-action:manipulation}.panel-tab.is-active{color:var(--accent);border-color:#91c53a5c;background:linear-gradient(180deg,var(--accent-soft),rgba(94,85,162,.18))}#panel-content{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;gap:8px;overflow-y:auto;padding-right:8px;padding-bottom:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable}.panel-group{overflow-x:hidden;overflow-y:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;overscroll-behavior:contain;scrollbar-gutter:stable}.panel-group:not([open]){display:none}.panel-group[open]{flex:1 1 auto;min-height:0;border-color:#91c53a38;background:#0f0c1eb8}.panel-group summary{display:none}.panel-row{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.panel-row:last-child{border-bottom:none}.panel-row-header{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#ffffffeb}.panel-row-header span:last-child{flex-shrink:0;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}#control-panel input[type=range]{width:100%;margin:0;accent-color:var(--accent);cursor:pointer;touch-action:pan-x}#control-panel input[type=color]{width:100%;min-height:32px;padding:2px;border:1px solid rgba(145,197,58,.35);border-radius:5px;background:#00000059;cursor:pointer}.panel-number,.panel-text,.panel-select{width:100%;min-height:28px;padding:5px 8px;border:1px solid rgba(145,197,58,.35);border-radius:5px;outline:none;color:#e7f3c8;background:#00000059;font:inherit}.panel-number{text-align:right;font-variant-numeric:tabular-nums}.panel-number.drag-scrub:not(:focus){cursor:ew-resize}.panel-number.drag-scrub:not(:focus):hover{border-color:#91c53aa6;background:#91c53a14}body.drag-scrub-active,body.drag-scrub-active *{cursor:ew-resize!important;user-select:none!important}.panel-actions{display:flex;flex-direction:row!important;gap:6px}.panel-actions button,.panel-row button{min-height:30px;padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#fff;background:#ffffff14;cursor:pointer;font:inherit;touch-action:manipulation}.panel-actions button{flex:1}.card-back-picker{display:grid;--cb-cols: 7;--cb-rows: 5;--cb-cell-w: 56px;--cb-cell-h: calc(var(--cb-cell-w) * 95 / 71);grid-template-columns:repeat(var(--cb-cols),var(--cb-cell-w));grid-template-rows:repeat(var(--cb-rows),var(--cb-cell-h));gap:2px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000059;overflow-x:auto;touch-action:pan-x}.card-back-cell{width:var(--cb-cell-w);height:var(--cb-cell-h);padding:0;border:2px solid transparent;border-radius:4px;background-image:var(--cb-image, none);background-repeat:no-repeat;background-size:calc(var(--cb-cell-w) * var(--cb-cols)) calc(var(--cb-cell-h) * var(--cb-rows));image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;outline:none}.card-back-cell:hover{border-color:#ffffff59}.card-back-cell.is-active{border-color:var(--accent);box-shadow:0 0 0 1px #91c53a80}.bezier-panel{padding:8px;border:1px solid rgba(145,197,58,.2);border-radius:10px;background:#0003}.bezier-header,.bezier-scales,.bezier-presets{display:flex;align-items:center;gap:6px;margin-bottom:6px}.bezier-header{justify-content:space-between}.bezier-scales label{flex:1}.bezier-scales span{display:block;margin-bottom:3px;color:#ffffffb8}.bezier-presets button{flex:1;min-width:0;padding-inline:4px}.bezier-canvas{width:100%;height:150px;border-radius:8px;background:#00000059;touch-action:none;display:block}.ui-hier-tree{display:flex;flex-direction:column;gap:2px;padding:4px}.ui-hier-empty{padding:8px;color:#ffffff73;text-align:center}.ui-hier-node{display:flex;flex-direction:column}.ui-hier-header{display:flex;align-items:center;gap:4px;padding:4px 6px 4px 4px;border:1px solid transparent;border-radius:4px;color:#ffffffe6;background:#ffffff0a;cursor:grab;user-select:none;-webkit-user-select:none;position:relative}.ui-hier-header:hover{background:#ffffff14}.ui-hier-header.is-dragging{opacity:.5;cursor:grabbing}.ui-hier-header.drop-before:before,.ui-hier-header.drop-after:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent);pointer-events:none}.ui-hier-header.drop-before:before{top:-1px}.ui-hier-header.drop-after:after{bottom:-1px}.ui-hier-header.drop-inside{border-color:var(--accent);background:var(--accent-soft)}.ui-hier-arrow{display:inline-block;width:12px;color:#ffffff8c;text-align:center;font-size:9px;cursor:pointer}.ui-hier-name{flex:1;color:#ffffffeb;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-hier-handle{flex-shrink:0;color:#ffffff59;font-size:12px;cursor:grab;padding:0 2px}.ui-hier-body{display:flex;flex-direction:column;gap:4px;padding:4px 0 6px}.ui-hier-inspector{display:flex;flex-direction:column;gap:4px}.ui-comp-card{border:1px solid rgba(145,197,58,.18);border-radius:6px;background:#00000040;overflow:hidden}.ui-comp-head{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:4px 8px;background:#91c53a1f;cursor:pointer;user-select:none;-webkit-user-select:none}.ui-comp-head:hover{background:#91c53a2e}.ui-comp-arrow{width:12px;flex-shrink:0;color:#ffffff8c;text-align:center;font-size:9px}.ui-comp-title{flex:1;color:var(--accent);font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-comp-del{padding:2px 8px!important;min-height:0!important;font-size:10px;color:#ffffffa6!important;background:#ffffff0d!important}.ui-comp-del:hover{color:#ff8080!important}.ui-comp-body{display:flex;flex-direction:column;gap:4px;padding:6px 8px}.ui-comp-row{display:flex;align-items:center;gap:8px}.ui-comp-row-label{width:78px;flex-shrink:0;color:#ffffffbf;font-size:10px}.ui-comp-row input.panel-number,.ui-comp-row input[type=number],.ui-comp-row select.panel-select{flex:1;min-width:0;padding:3px 6px!important;min-height:24px!important}.ui-comp-error{padding:6px 8px;color:#ff9090;font-size:10px}.ui-comp-add{padding:2px 0}.ui-comp-add select{min-height:26px!important}@media (max-width: 460px){#control-panel{top:8px;left:8px;width:min(380px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:10px}#panel-tabs{width:86px;min-width:86px}.panel-tab{padding:6px;font-size:10px}}