@felbrasil/dreamy 0.0.0-stage → 0.1.1

package/dist/styles.css

@@ -0,0 +1 @@
+@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";.dreamy-studio{--glass-bg: rgba(255, 255, 255, .35);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 12px 35px rgba(0, 0, 0, .15);--cat-transform: linear-gradient(135deg, #bae1ff, #93c5fd);--cat-shape: linear-gradient(135deg, #fef08a, #fde047);--cat-art: linear-gradient(135deg, #ffb3ba, #f9a8d4);--cat-mode: linear-gradient(135deg, #baffc9, #86efac)}.dreamy-studio,.dreamy-studio *{box-sizing:border-box}.dreamy-studio{margin:0;padding:0;overflow:hidden;font-family:Nunito,sans-serif;background-color:#aecbf7;user-select:none;-webkit-user-select:none}.dreamy-studio #canvas-container{position:absolute;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:1}.dreamy-studio #canvas-container canvas{display:block;touch-action:none}.dreamy-studio #ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;display:flex;flex-direction:column;align-items:center;padding-top:18px}.dreamy-studio #main-toolbar{position:relative;z-index:60}.dreamy-studio .toolbar-group{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}.dreamy-studio .toolbar{display:flex;gap:10px;background:var(--glass-bg);padding:8px 20px;border-radius:40px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);border:1.5px solid var(--glass-border);transition:all .25s cubic-bezier(.4,0,.2,1);align-items:center}.dreamy-studio .sub-toolbar{display:none;animation:slideDown .25s cubic-bezier(.175,.885,.32,1.275) forwards;background:#ffffff73;border-radius:30px;padding:6px 14px;z-index:40}.dreamy-studio .sub-toolbar.active{display:flex}.dreamy-studio .sub-toolbar{max-width:94vw}.dreamy-studio .tb-sep{width:2px;height:28px;margin:0 4px;background:#0000001a;flex-shrink:0}.dreamy-studio .tb-section{display:flex;align-items:center;gap:10px;flex-shrink:0}.dreamy-studio .sub-toolbar>.tool-btn,.dreamy-studio .sub-toolbar>.mode-badge,.dreamy-studio .sub-toolbar>.stamp-stepper{flex-shrink:0}.dreamy-studio .tb-scroll-wrap{position:relative;display:flex;flex:0 1 auto;min-width:140px}.dreamy-studio .tb-scroll{position:relative;display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:10px 6px;margin:-10px -6px;--fade-l: 0px;--fade-r: 0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%)}.dreamy-studio .tb-scroll::-webkit-scrollbar{display:none}.dreamy-studio .tb-scroll>*{flex-shrink:0}.dreamy-studio .tb-scroll-wrap.can-left .tb-scroll{--fade-l: 34px}.dreamy-studio .tb-scroll-wrap.can-right .tb-scroll{--fade-r: 34px}.dreamy-studio .tb-scroll .tooltip{display:none}.dreamy-studio .tb-chev{position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;padding:0;border:none;border-radius:50%;background:#ffffffeb;color:#334155;font-size:11px;box-shadow:0 2px 6px #00000040;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2;transition:transform .15s,background .15s}.dreamy-studio .tb-chev:hover{background:#fff;transform:scale(1.12)}.dreamy-studio .tb-chev.left{left:-4px}.dreamy-studio .tb-chev.right{right:-4px}.dreamy-studio .tb-scroll-wrap.can-left .tb-chev.left,.dreamy-studio .tb-scroll-wrap.can-right .tb-chev.right{display:flex}.dreamy-studio #tb-tip{position:fixed;z-index:300;pointer-events:none;background:#0f172ad9;color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .15s;transform:translate(-50%)}.dreamy-studio #tb-tip.show{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dreamy-studio .tool-btn{width:46px;height:46px;border-radius:50%;border:3px solid transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:19px;color:var(--tool-fg, #2d3748);box-shadow:inset 0 -3px 6px #0000001a,0 4px 8px #0000001f;transition:all .18s cubic-bezier(.4,0,.2,1);position:relative;background:var(--tool-bg, white)}.dreamy-studio .cat-transform{background:var(--cat-transform)}.dreamy-studio .cat-shape{background:var(--cat-shape)}.dreamy-studio .cat-style{background:var(--cat-art)}.dreamy-studio .cat-mode{background:var(--cat-mode)}.dreamy-studio .cat-utils{background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.dreamy-studio .cat-skeleton{background:linear-gradient(135deg,#fde68a,#fcd34d)}.dreamy-studio .tool-btn:hover{transform:translateY(-2px) scale(1.08);box-shadow:inset 0 -3px 6px #0000001a,0 8px 16px #0003}.dreamy-studio .tool-btn:active{transform:scale(.94) translateY(1px)}.dreamy-studio .tool-btn.active-cat,.dreamy-studio .tool-btn.active-tool{border-color:#fff;transform:scale(1.12);box-shadow:0 0 16px #fffffff2,inset 0 -3px 6px #0000001a}.dreamy-studio .tooltip{position:absolute;bottom:-32px;background:#0f172ad9;color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap;z-index:200}.dreamy-studio .tool-btn:hover .tooltip{opacity:1}.dreamy-studio #side-dock{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;pointer-events:auto;z-index:25}.dreamy-studio .side-action-btn{width:52px;height:52px;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:22px;color:#1e293b;cursor:pointer;border:2px solid white;box-shadow:0 8px 24px #00000029;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative}.dreamy-studio .side-action-btn:hover{transform:scale(1.12) translate(-4px);box-shadow:0 12px 28px #00000038}.dreamy-studio .side-action-btn.scope-in-btn{background:linear-gradient(135deg,#fef08a,#facc15);color:#713f12;display:none}.dreamy-studio .side-action-btn.scope-out-btn{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff;display:none}.dreamy-studio .side-action-btn:hover .tooltip{opacity:1;right:60px;bottom:auto}.dreamy-studio .stats-display{position:absolute;top:18px;left:18px;z-index:30;pointer-events:none;background:#0f172abf;color:#86efac;padding:8px 12px;border-radius:10px;font-family:monospace;font-size:12px;font-weight:700;box-shadow:0 4px 12px #0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.dreamy-studio .mode-badge{background:#ffffff8c;backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:8px 16px;border-radius:20px;font-weight:800;font-size:13px;color:#1e293b;cursor:pointer;box-shadow:var(--glass-shadow);transition:all .18s ease;display:flex;align-items:center;gap:8px}.dreamy-studio .mode-badge:hover{background:#fff;transform:translateY(-2px)}.dreamy-studio .mode-badge.play-active{background:#22c55e;color:#fff}.dreamy-studio .sculpt-mode-pill{display:flex;align-items:center;background:#fff9;padding:4px;border-radius:24px;gap:4px}.dreamy-studio .mode-pill-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#475569;transition:all .15s}.dreamy-studio .mode-pill-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 6px #00000026;transform:scale(1.08)}.dreamy-studio .sculpt-blend-pill{display:flex;align-items:center;gap:8px;background:#fff9;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;color:#334155;text-transform:uppercase}.dreamy-studio .sculpt-blend-pill input[type=range]{width:75px;height:6px}.dreamy-studio #inspector-modal{position:absolute;top:90px;right:80px;width:330px;background:#ffffffa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 15px 35px #0003,inset 0 0 0 1.5px #ffffffb3;pointer-events:auto;display:none;flex-direction:column;overflow:hidden;z-index:26}.dreamy-studio #bone-tree{overflow-y:auto;flex:1}.dreamy-studio .bone-empty{padding:16px;font-size:12px;color:#64748b;line-height:1.5}.dreamy-studio #inspector-header{background:linear-gradient(90deg,#ffffffe6,#f0f4ffe6);padding:10px 16px;font-weight:800;color:#334155;cursor:grab;display:flex;justify-content:space-between;align-items:center}.dreamy-studio .tab-header{display:flex;background:#fff6;border-bottom:1px solid rgba(0,0,0,.05)}.dreamy-studio .tab-btn{flex:1;padding:9px;border:none;background:transparent;cursor:pointer;font-weight:800;font-size:12px;color:#64748b}.dreamy-studio .tab-btn.active{background:#fff;color:#2563eb;box-shadow:inset 0 -2px #3b82f6}.dreamy-studio .tab-content{display:none;flex-direction:column;gap:10px;padding:14px;max-height:480px;overflow-y:auto}.dreamy-studio .tab-content.active{display:flex}.dreamy-studio .prop-group{display:flex;flex-direction:column;gap:3px}.dreamy-studio .prop-group label,.dreamy-studio .slider-group label{font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.5px;display:flex;justify-content:space-between}.dreamy-studio .vector-inputs{display:flex;gap:5px}.dreamy-studio .vector-inputs input{width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:5px;font-size:12px;font-weight:700;text-align:center;color:#1e293b}.dreamy-studio input[type=range]{width:100%;cursor:pointer;accent-color:#3b82f6}.dreamy-studio .fleck-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dreamy-studio .fleck-shape-btn{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:6px;font-weight:800;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;color:#475569;transition:all .15s}.dreamy-studio .fleck-shape-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.dreamy-studio .color-picker-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.dreamy-studio .swatch-row{display:flex;align-items:center;gap:5px}.dreamy-studio .color-swatch.fixed{box-shadow:0 0 0 1.5px #0f172a59,0 2px 5px #00000026}.dreamy-studio .color-swatch{width:100%;aspect-ratio:1;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 5px #00000026;transition:transform .15s}.dreamy-studio .color-swatch:hover{transform:scale(1.18)}.dreamy-studio .color-swatch.brush-active{outline:2px solid #22d3ee;outline-offset:1px}.dreamy-studio .brush-color-chip{display:flex;align-items:center;gap:6px;margin-left:8px}.dreamy-studio .hex-chip{font-size:11px;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dreamy-studio .match-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800;color:#2563eb;cursor:pointer;transition:all .15s}.dreamy-studio .match-btn:hover{background:#eff6ff;border-color:#3b82f6}.dreamy-studio #toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%) translateY(40px);background:#0f172ae0;color:#fff;padding:9px 20px;border-radius:20px;font-weight:700;font-size:13px;opacity:0;transition:all .25s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:100;box-shadow:0 10px 25px #0003}.dreamy-studio #toast.show{opacity:1;transform:translate(-50%) translateY(0)}.dreamy-studio .stamp-stepper{display:flex;align-items:center;background:#fff9;padding:2px 8px;border-radius:16px;gap:6px;font-weight:800;font-size:12px;color:#334155}.dreamy-studio .stepper-btn{background:none;border:none;cursor:pointer;font-size:12px;color:#2563eb;padding:2px 4px}.dreamy-studio #stamp-list-toggle:hover .tooltip{right:auto;left:60px}.dreamy-studio #left-stack{position:absolute;left:18px;bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;pointer-events:none;z-index:70;max-height:calc(100vh - 48px)}.dreamy-studio #stamp-panel{position:relative;width:286px;max-height:calc(100vh - 140px);background:#ffffffa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 15px 35px #0003,inset 0 0 0 1.5px #ffffffb3;pointer-events:auto;display:none;flex-direction:column;overflow:hidden;z-index:25}.dreamy-studio #bone-panel{position:relative;width:286px;max-height:calc(100vh - 400px);background:#ffffffa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 15px 35px #0003,inset 0 0 0 1.5px #ffffffb3;pointer-events:auto;display:none;flex-direction:column;overflow:hidden;z-index:26}.dreamy-studio #bone-info{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px;font-size:11px;font-weight:700;color:#475569}.dreamy-studio #object-panel{position:relative;width:250px;max-height:250px;background:#ffffffa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 15px 35px #0003,inset 0 0 0 1.5px #ffffffb3;pointer-events:auto;display:none;flex-direction:column;overflow:hidden;z-index:24}.dreamy-studio #object-tree{display:flex;flex-direction:column;gap:5px;padding:10px;overflow-y:auto}.dreamy-studio .chev{width:14px;text-align:center;color:#64748b;font-size:10px;cursor:pointer;flex-shrink:0}.dreamy-studio #object-toggle:hover .tooltip,.dreamy-studio #bone-toggle:hover .tooltip{right:auto;left:60px}.dreamy-studio .sp-header{background:linear-gradient(90deg,#ffffffe6,#f0f4ffe6);padding:10px 16px;font-weight:800;color:#334155;display:flex;justify-content:space-between;align-items:center}.dreamy-studio .sp-header i.clickable{cursor:pointer;color:#64748b}.dreamy-studio .sp-header i.clickable:hover{color:#1e293b}.dreamy-studio #stamp-list{display:flex;flex-direction:column;gap:6px;padding:10px;overflow-y:auto}.dreamy-studio .stamp-row{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:14px;background:#ffffffb3;border:2px solid transparent;cursor:pointer;font-weight:800;font-size:12px;color:#334155;transition:all .15s}.dreamy-studio .stamp-row:hover{background:#fff}.dreamy-studio .stamp-row.selected{border-color:#3b82f6;background:#eff6ff}.dreamy-studio .stamp-row.drop-target,.dreamy-studio #object-panel.drop-target{outline:2px dashed #3b82f6;outline-offset:-2px}.dreamy-studio .stamp-ico{width:26px;height:26px;border-radius:50%;background:#fef08a;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.dreamy-studio .stamp-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dreamy-studio .stamp-mode{min-width:20px;height:20px;border-radius:10px;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 5px}.dreamy-studio .stamp-dot{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 1px 4px #00000040;flex-shrink:0}.dreamy-studio .stamp-btn{width:26px;height:26px;border-radius:50%;border:none;background:#e2e8f0;color:#475569;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.dreamy-studio .stamp-btn:hover{background:#bfdbfe;color:#1d4ed8}.dreamy-studio .stamp-btn.del:hover{background:#fecaca;color:#b91c1c}.dreamy-studio #stamp-props{position:absolute;left:322px;top:90px;width:260px;background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 15px 35px #0003,inset 0 0 0 1.5px #ffffffb3;pointer-events:auto;display:none;flex-direction:column;overflow:hidden;z-index:26}.dreamy-studio .sp-body{display:flex;flex-direction:column;gap:10px;padding:14px}.dreamy-studio .sp-body label{font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.5px;display:flex;justify-content:space-between}.dreamy-studio .sp-delete{border:none;border-radius:12px;padding:8px;background:#fecaca;color:#b91c1c;font-weight:800;font-size:12px;cursor:pointer}.dreamy-studio .sp-delete:hover{background:#fca5a5}.dreamy-studio .stamp-row.group{background:#fbcfe88c}.dreamy-studio .stamp-row.group:hover{background:#fbcfe8d9}.dreamy-studio .stamp-row.group.selected{background:#fdf2f8;border-color:#ec4899}.dreamy-studio .stamp-row.member{margin-left:18px;padding:4px 8px;background:#ffffff80;font-size:11px}.dreamy-studio .stamp-row.member .stamp-ico{width:22px;height:22px;font-size:10px}.dreamy-studio .sp-lock{flex:1;border:none;border-radius:12px;padding:8px;background:#fce7f3;color:#be185d;font-weight:800;font-size:12px;cursor:pointer}.dreamy-studio .sp-lock:hover{background:#fbcfe8}.dreamy-studio #marquee{position:fixed;display:none;pointer-events:none;z-index:15;border:1.5px dashed #2563eb;background:#3b82f629;border-radius:4px;box-shadow:0 0 0 1px #ffffff8c}.dreamy-studio #select-hint{display:none;pointer-events:none;background:#0f172acc;color:#fff;padding:6px 14px;border-radius:14px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px #0003}.dreamy-studio #select-hint.show{display:block}.dreamy-studio #select-hint kbd{background:#fff3;border-radius:5px;padding:1px 6px;font-family:inherit;font-weight:800}.dreamy-studio #rig-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0f172a59;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;pointer-events:auto}.dreamy-studio .rig-card{width:min(560px,94vw);max-height:90vh;overflow-y:auto;background:#ffffffbf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 15px 35px #00000040,inset 0 0 0 1.5px #ffffffb3}.dreamy-studio #rig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 6px}.dreamy-studio .rig-opt{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.dreamy-studio .rig-opt .tool-btn{width:54px;height:54px;font-size:26px}.dreamy-studio .rig-opt span{font-size:11px;font-weight:800;color:#475569;text-align:center;line-height:1.1}.dreamy-studio .rig-opt.selected .tool-btn{border-color:#3b82f6;transform:scale(1.12);box-shadow:0 0 16px #3b82f68c,inset 0 -3px 6px #0000001a}.dreamy-studio .rig-opt.selected span{color:#2563eb}.dreamy-studio #rig-info{background:#fff9;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:700;color:#475569;min-height:62px}.dreamy-studio #rig-info b{color:#1e293b;font-size:13px}.dreamy-studio .cat-decal{background:linear-gradient(135deg,#fecaca,#fda4af)}.dreamy-studio .tool-btn img{pointer-events:none}.dreamy-studio #help-btn{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#334155;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid white;box-shadow:0 8px 24px #00000029;cursor:pointer;pointer-events:auto;z-index:30;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background .15s}.dreamy-studio #help-btn:hover{transform:scale(1.1);background:#fff}.dreamy-studio #help-btn.active{background:#bfdbfe}.dreamy-studio #help-panel{position:fixed;right:18px;bottom:76px;width:380px;max-width:calc(100vw - 36px);max-height:min(70vh,640px);flex-direction:column;background:#ffffffc7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:2px solid white;border-radius:22px;box-shadow:0 16px 40px #0003;overflow:hidden;pointer-events:auto;z-index:71;font-size:12px;color:#334155}.dreamy-studio #help-body{overflow-y:auto;padding:6px 14px 14px}.dreamy-studio .help-section{margin:12px 0 4px;font-weight:900;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.dreamy-studio .help-row{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05);align-items:baseline}.dreamy-studio .help-keys{flex:0 0 44%;font-weight:800}.dreamy-studio .help-desc{flex:1;font-weight:600}.dreamy-studio #help-panel kbd{display:inline-block;min-width:18px;padding:1px 6px;margin:0 2px 2px 0;border-radius:6px;border:1px solid #cbd5e1;border-bottom-width:2px;background:#fff;font-family:inherit;font-size:11px;font-weight:800;text-align:center;color:#1e293b}.dreamy-studio .esc-hint{position:absolute;right:62px;top:50%;transform:translateY(-50%);padding:6px 12px 8px;border-radius:14px;background:#0f172ad9;box-shadow:0 6px 16px #0003;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;transition:opacity .15s}.dreamy-studio .esc-hint kbd{background:#fff3;border-radius:5px;padding:1px 6px;font-family:inherit;font-weight:800}.dreamy-studio .esc-hint-bar{margin-top:5px;height:4px;border-radius:2px;background:#ffffff40;overflow:hidden}.dreamy-studio .esc-hint-bar i{display:block;width:0;height:100%;background:#86efac}.dreamy-studio .esc-hint.holding{background:#15803deb}.dreamy-studio #scope-out-side-btn:hover .esc-hint{opacity:0}.dreamy-studio.hints-off #select-hint,.dreamy-studio.hints-off #help-btn,.dreamy-studio.hints-off .esc-hint:not(.holding){display:none!important}.dreamy-studio .tb-bar-wrap{flex:1 1 auto;min-width:0}.dreamy-studio .tb-bar-wrap>.tb-chev.left{left:-10px}.dreamy-studio .tb-bar-wrap>.tb-chev.right{right:-10px}.dreamy-studio .tb-scroll>.tb-scroll-wrap:not(.tb-bar-wrap){flex-shrink:1}@media(hover:none){.dreamy-studio #tb-tip{display:none}}.dreamy-studio #touch-mods{display:none;gap:8px;justify-content:center;pointer-events:auto}.dreamy-studio{--bars-h: 130px}.dreamy-studio.compact #ui-layer{justify-content:flex-end;padding:0 0 calc(8px + env(safe-area-inset-bottom,0px))}.dreamy-studio.compact .toolbar-group{flex-direction:column-reverse;width:100%;padding:0 6px;gap:6px;pointer-events:none}.dreamy-studio.compact .toolbar,.dreamy-studio.compact #touch-mods.show{pointer-events:auto}.dreamy-studio.compact #touch-mods.show{display:flex}.dreamy-studio.compact .toolbar{width:100%;max-width:100%;padding:4px 12px;border-radius:26px;gap:6px}.dreamy-studio.compact .sub-toolbar{padding:4px 12px}.dreamy-studio.compact .tb-scroll{gap:6px}.dreamy-studio.compact .tb-scroll-wrap:not(.tb-bar-wrap),.dreamy-studio.compact .tb-scroll:not(.tb-whole){display:contents}.dreamy-studio.compact .tb-whole>*,.dreamy-studio.compact .tb-whole .tb-scroll>*{flex-shrink:0}.dreamy-studio.compact .tb-whole>:first-child{margin-left:auto}.dreamy-studio.compact .tb-whole>:last-child{margin-right:auto}.dreamy-studio.compact .tb-chev{display:none!important}.dreamy-studio.compact .tool-btn{width:42px;height:42px;font-size:17px}.dreamy-studio.compact #select-hint,.dreamy-studio.compact .esc-hint{display:none!important}.dreamy-studio.compact #left-stack{left:8px;bottom:calc(var(--bars-h) + 8px);max-height:none}.dreamy-studio.compact #side-dock{top:auto;right:8px;bottom:calc(var(--bars-h) + 8px);transform:none;flex-direction:row-reverse;gap:8px}.dreamy-studio.compact .side-action-btn{width:46px;height:46px;font-size:18px}.dreamy-studio.compact #stamp-size-panel{left:50%!important;right:auto!important;top:auto!important;bottom:calc(var(--bars-h) + 62px)!important;transform:translate(-50%);flex-direction:row!important;padding:6px 12px!important;gap:8px!important;border-radius:26px!important}.dreamy-studio.compact #stamp-size-panel #stamp-size-down{order:1}.dreamy-studio.compact #stamp-size-panel #stamp-size-v{order:2;writing-mode:horizontal-tb!important;direction:ltr!important;width:120px!important;height:10px!important;margin:0 4px!important}.dreamy-studio.compact #stamp-size-panel #stamp-size-up{order:3}.dreamy-studio.compact #stamp-size-panel #stamp-size-val{order:4;min-width:30px;text-align:center}.dreamy-studio.compact #help-btn{top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;right:10px;width:40px;height:40px;font-size:16px}.dreamy-studio.compact #toast{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto;transform:translate(-50%) translateY(-30px);max-width:calc(100vw - 80px);text-align:center}.dreamy-studio.compact #toast.show{transform:translate(-50%) translateY(0)}.dreamy-studio.compact #inspector-modal,.dreamy-studio.compact #stamp-panel,.dreamy-studio.compact #bone-panel,.dreamy-studio.compact #object-panel,.dreamy-studio.compact #stamp-props,.dreamy-studio.compact #palette-panel,.dreamy-studio.compact #help-panel,.dreamy-studio.compact #voxel-panel{position:fixed!important;left:6px!important;right:6px!important;top:auto!important;bottom:calc(var(--bars-h) + 8px)!important;width:auto!important;max-width:none!important;margin:0!important;transform:none!important;max-height:min(48vh,calc(100dvh - var(--bars-h) - 70px))!important;overflow-y:auto!important;z-index:80!important}.dreamy-studio.compact .sheet-hidden{display:none!important}.dreamy-studio.compact .sp-header,.dreamy-studio.compact #inspector-header{position:sticky;top:0;z-index:3;cursor:default}.dreamy-studio.compact #stamp-list,.dreamy-studio.compact #bone-tree,.dreamy-studio.compact #object-tree,.dreamy-studio.compact .tab-content{max-height:none;overflow:visible}.dreamy-studio.compact.sheet-open #side-dock,.dreamy-studio.compact.sheet-open #stamp-size-panel,.dreamy-studio.compact.sheet-open #left-stack>.side-action-btn{display:none!important}.dreamy-studio .decal-edit{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:#fff;color:#475569;font-size:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000004d}.dreamy-studio .decal-edit:hover{background:#bfdbfe;color:#1e3a8a}.dreamy-studio.compact .decal-edit{width:24px;height:24px;top:-7px;right:-7px;font-size:11px}.dreamy-studio #toast{z-index:10100}.dreamy-studio #decal-editor{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;pointer-events:auto;user-select:none;-webkit-user-select:none}.dreamy-studio .de-card{width:min(1000px,96vw);height:min(660px,94vh);display:flex;flex-direction:column;background:#ffffffdb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 15px 35px #00000040,inset 0 0 0 1.5px #ffffffb3;overflow:hidden}.dreamy-studio .de-head,.dreamy-studio .de-foot{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(90deg,#ffffffe6,#f0f4ffe6);flex-shrink:0}.dreamy-studio .de-title{font-weight:800;color:#334155;white-space:nowrap}.dreamy-studio .de-title i{margin-right:6px}.dreamy-studio #de-name{flex:1;min-width:0;border:1.5px solid #cbd5e1;border-radius:10px;padding:6px 10px;font-weight:700;font-size:13px;font-family:inherit;color:#1e293b;background:#fff;user-select:text;-webkit-user-select:text}.dreamy-studio .de-body{flex:1;min-height:0;display:grid;grid-template-columns:52px minmax(0,1fr) 236px;gap:10px;padding:10px}.dreamy-studio .de-tools{display:flex;flex-direction:column;align-items:center;gap:6px;overflow-y:auto}.dreamy-studio .de-sep{width:24px;height:1.5px;background:#cbd5e1;flex-shrink:0;margin:2px 0}.dreamy-studio .de-btn{width:40px;height:40px;flex-shrink:0;border:2px solid transparent;border-radius:12px;background:#fff;color:#334155;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;box-shadow:0 2px 6px #0000001f;padding:0;transition:transform .12s,background .12s}.dreamy-studio .de-btn:hover:not(:disabled){background:#eff6ff}.dreamy-studio .de-btn:active:not(:disabled){transform:scale(.93)}.dreamy-studio .de-btn:disabled{opacity:.35;cursor:default}.dreamy-studio .de-btn.on{background:#bfdbfe;border-color:#3b82f6;color:#1e3a8a}.dreamy-studio .de-btn.sm{width:34px;height:34px;font-size:14px;border-radius:10px}.dreamy-studio .de-btn.de-done{background:#bbf7d0;color:#166534}.dreamy-studio .de-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.dreamy-studio .de-btn.sm svg{width:18px;height:18px}.dreamy-studio .de-stage{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:22px 22px 30px}.dreamy-studio #de-svg{height:100%;max-width:100%;aspect-ratio:1;overflow:visible;touch-action:none;border-radius:6px;box-shadow:0 4px 18px #0f172a38;cursor:crosshair;background:#fff}.dreamy-studio #de-hint{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:11px;font-weight:700;color:#64748b;pointer-events:none}.dreamy-studio .de-side{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:2px}.dreamy-studio .de-sec{background:#ffffffa6;border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;gap:8px}.dreamy-studio .de-row{display:flex;align-items:center;gap:6px}.dreamy-studio .de-row.wrap{flex-wrap:wrap}.dreamy-studio .de-lbl{font-size:11px;font-weight:800;color:#475569;display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.dreamy-studio .de-lbl b{color:#1e293b}.dreamy-studio .de-lbl select,.dreamy-studio .de-lbl input[type=number]{border:1.5px solid #cbd5e1;border-radius:8px;padding:4px 6px;font-weight:700;font-size:12px;font-family:inherit;background:#fff;width:100%}.dreamy-studio .de-target{flex:1;display:flex;align-items:center;gap:6px;border:2px solid transparent;border-radius:10px;background:#fff;padding:4px 8px;font-weight:800;font-size:12px;font-family:inherit;color:#334155;cursor:pointer;box-shadow:0 2px 6px #0000001f}.dreamy-studio .de-target.on{border-color:#3b82f6;background:#eff6ff}.dreamy-studio .de-chip{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #94a3b8;flex-shrink:0}.dreamy-studio .de-chip.none{background:linear-gradient(135deg,#fff 44%,#ef4444 44% 56%,#fff 56%)}.dreamy-studio .de-swatches{flex-wrap:wrap}.dreamy-studio .de-pv{flex-direction:row;align-items:center;gap:10px}.dreamy-studio #de-preview{width:72px;height:72px;flex-shrink:0;border-radius:10px;background:#cbd5e1;image-rendering:auto}.dreamy-studio #de-count{font-size:11px;font-weight:800;color:#64748b}.dreamy-studio .de-foot{justify-content:flex-start}.dreamy-studio .de-act{border:none;border-radius:12px;padding:9px 16px;font-weight:800;font-size:13px;font-family:inherit;cursor:pointer;background:#fff;color:#334155;box-shadow:0 2px 6px #00000024}.dreamy-studio .de-act:hover{background:#eff6ff}.dreamy-studio .de-act.primary{background:#3b82f6;color:#fff}.dreamy-studio .de-act.primary:hover{background:#2563eb}.dreamy-studio .de-act.danger{color:#b91c1c}.dreamy-studio .de-act.danger:hover{background:#fee2e2}.dreamy-studio .de-selbox{fill:none;stroke:#3b82f6;stroke-width:1.5;stroke-dasharray:5 3}.dreamy-studio .de-handle{fill:#fff;stroke:#3b82f6;stroke-width:1.5;pointer-events:all}.dreamy-studio .de-handle.h-rot{fill:#bfdbfe;cursor:grab}.dreamy-studio .de-handle.h-nw,.dreamy-studio .de-handle.h-se{cursor:nwse-resize}.dreamy-studio .de-handle.h-ne,.dreamy-studio .de-handle.h-sw{cursor:nesw-resize}.dreamy-studio .de-handle.h-n,.dreamy-studio .de-handle.h-s{cursor:ns-resize}.dreamy-studio .de-handle.h-e,.dreamy-studio .de-handle.h-w{cursor:ew-resize}.dreamy-studio .de-node{fill:#fff;stroke:#0f172a;stroke-width:1.5;cursor:move;pointer-events:all}.dreamy-studio .de-node.on{fill:#facc15}.dreamy-studio .de-ctrl{fill:none;stroke:#94a3b8;stroke-width:1;stroke-dasharray:3 3}.dreamy-studio .de-draft{stroke:#0ea5e9;stroke-width:1.5;stroke-dasharray:5 3;fill:none}.dreamy-studio .de-dot{fill:#fff;stroke:#0ea5e9;stroke-width:1.5}.dreamy-studio .de-dot.first{fill:#bae6fd}.dreamy-studio .de-marquee{fill:#3b82f61f;stroke:#3b82f6;stroke-width:1;stroke-dasharray:4 3}.dreamy-studio.compact .de-card{width:100vw;height:100vh;height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}.dreamy-studio.compact .de-body{display:flex;flex-direction:column;padding:6px;gap:6px}.dreamy-studio.compact .de-stage{order:1;flex:1 1 auto;min-height:170px;padding:18px 18px 22px}.dreamy-studio.compact .de-tools{order:2;flex-direction:row;overflow-x:auto;overflow-y:hidden;flex-shrink:0;padding-bottom:2px}.dreamy-studio.compact .de-sep{width:1.5px;height:24px;margin:0 2px}.dreamy-studio.compact .de-side{order:3;max-height:32vh;flex-shrink:0}.dreamy-studio.compact .de-btn{width:44px;height:44px}.dreamy-studio.compact .de-btn.sm{width:40px;height:40px}.dreamy-studio.compact #de-preview{width:64px;height:64px}.dreamy-studio.compact #de-hint{display:none}.dreamy-studio.compact .de-act{padding:11px 14px}.dreamy-studio .tool-btn.play-active{background:#22c55e;color:#fff}.dreamy-studio #scenes-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;pointer-events:auto}.dreamy-studio .scn-card{width:min(640px,94vw);max-height:86vh;display:flex;flex-direction:column;background:#ffffffe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 15px 35px #00000040,inset 0 0 0 1.5px #ffffffb3;overflow:hidden}.dreamy-studio #scn-name{flex:1;min-width:0;border:1.5px solid #cbd5e1;border-radius:10px;padding:6px 10px;font-weight:700;font-size:13px;font-family:inherit;color:#1e293b;background:#fff}.dreamy-studio .scn-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px 4px}.dreamy-studio .scn-note{font-size:11px;font-weight:700;color:#64748b}.dreamy-studio #scn-list{overflow-y:auto;padding:8px 14px 14px;display:flex;flex-direction:column;gap:8px}.dreamy-studio .scn-item{display:flex;align-items:center;gap:10px;background:#fffc;border:2px solid transparent;border-radius:14px;padding:6px}.dreamy-studio .scn-item.current{border-color:#3b82f6}.dreamy-studio .scn-thumb{width:96px;height:60px;flex-shrink:0;border-radius:10px;background:#cbd5e1 center / cover;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:22px;cursor:pointer}.dreamy-studio .scn-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;cursor:pointer}.dreamy-studio .scn-info b{font-size:14px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dreamy-studio .scn-info span{font-size:11px;font-weight:700;color:#64748b}.dreamy-studio .scn-acts{display:flex;gap:4px;flex-shrink:0}.dreamy-studio .scn-empty{text-align:center;color:#64748b;font-weight:700;padding:24px}.dreamy-studio.compact .scn-card{width:100vw;max-height:100vh;height:100dvh;border-radius:0}.dreamy-studio.compact .scn-acts{flex-wrap:wrap;width:84px}.dreamy-studio.compact .scn-thumb{width:64px;height:48px}.dreamy-studio .cat-rendering{background:linear-gradient(135deg,#a7f3d0,#67e8f9)}.dreamy-studio .render-select{border:none;border-radius:14px;padding:6px 10px;font-size:12px;font-weight:800;color:#334155;background:#fff;cursor:pointer;outline:none}.dreamy-studio{position:fixed;inset:0;color:#1e293b}.dreamy-studio button,.dreamy-studio input,.dreamy-studio select{font-family:inherit}.dreamy-studio .sp-count{color:#64748b;font-weight:700}.dreamy-studio .sp-title-icon{margin-right:8px}.dreamy-studio .sp-header .clickable{background:none;border:none;padding:0;font-size:inherit;cursor:pointer;color:#64748b}.dreamy-studio .sp-header .clickable:hover{color:#1e293b}.dreamy-studio .glass-panel{position:absolute;top:150px;left:50%;transform:translate(-50%);flex-direction:column;z-index:45;pointer-events:auto;background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 15px 35px #0003,inset 0 0 0 1.5px #ffffffb3;overflow:hidden}.dreamy-studio #voxel-panel{width:320px}.dreamy-studio #palette-inputs{display:flex;flex-wrap:wrap;gap:8px;max-width:320px}.dreamy-studio .palette-input{width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;padding:0;background:none}.dreamy-studio .palette-fixed-label{flex-basis:100%;font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.dreamy-studio .palette-fixed{width:44px;height:44px;border-radius:50%;border:2px solid white;box-shadow:0 2px 5px #0003;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ffffffd9;text-shadow:0 0 3px rgba(0,0,0,.6)}.dreamy-studio .slot-picker{width:40px;height:34px;border:none;border-radius:6px;cursor:pointer;flex-shrink:0}.dreamy-studio .slot-picker.sm{width:30px;height:30px;background:none}.dreamy-studio .color-field-row{display:flex;gap:8px;align-items:center}.dreamy-studio .color-field-row .color-picker-grid{flex:1}.dreamy-studio .voxel-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}.dreamy-studio .match-btn.active{background:#eff6ff;border-color:#3b82f6}.dreamy-studio .panel-note{font-size:11px;font-weight:700;color:#64748b;line-height:1.4;margin-top:4px}.dreamy-studio #stamp-size-panel{position:absolute;right:18px;bottom:84px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto;z-index:30;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:8px 6px;border-radius:18px;box-shadow:var(--glass-shadow)}.dreamy-studio #stamp-size-panel .side-action-btn{width:38px;height:38px;font-size:16px}.dreamy-studio #stamp-size-v{writing-mode:vertical-lr;direction:rtl;width:10px;height:110px;margin:4px 0}.dreamy-studio #stamp-size-val{font-size:10px;font-weight:800;color:#334155}.dreamy-studio .slider-group{display:flex;flex-direction:column;gap:3px}.dreamy-studio .slider-group.off{opacity:.4}.dreamy-studio .region-blends{padding:10px 14px;background:#ffffff73;border-top:1px solid rgba(0,0,0,.06)}.dreamy-studio .region-blends-title{font-size:11px;font-weight:800;color:#334155;text-transform:uppercase;margin-bottom:6px}.dreamy-studio .region-blends .slider-group{margin-bottom:4px}.dreamy-studio .inspector-blends{margin-top:8px;padding-top:10px;border-top:1.5px solid rgba(0,0,0,.08)}.dreamy-studio .inspector-blends>label{color:#2563eb;font-weight:900;margin-bottom:4px}.dreamy-studio .row-inline{display:flex;gap:6px;align-items:center}.dreamy-studio .row-inline>.grow{flex:1;min-width:0}.dreamy-studio .row-inline.wrap{flex-wrap:wrap}.dreamy-studio .render-select.boxed{border:1.5px solid #cbd5e1}.dreamy-studio .render-select.grow{flex:1}.dreamy-studio .wing-seed{width:64px;border:1px solid #cbd5e1;border-radius:8px;padding:5px;font-weight:700}.dreamy-studio .wing-chip{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid #cbd5e1;margin-right:6px}.dreamy-studio .inline-edit{flex:1;min-width:0;border:1.5px solid #3b82f6;border-radius:8px;padding:2px 6px;font-weight:800;font-size:12px;color:#1e293b;background:#fff;user-select:text;-webkit-user-select:text}.dreamy-studio .muted{color:#64748b;font-weight:700}.dreamy-studio .sym-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.dreamy-studio .sym-hint{font-weight:400;color:#64748b;font-size:10px;text-transform:none}.dreamy-studio .sym-note{font-size:10px;color:#64748b}.dreamy-studio .mode-pill-btn.wide{width:auto;padding:0 12px;border-radius:16px}.dreamy-studio .mode-pill-btn:disabled,.dreamy-studio .tool-btn:disabled{opacity:.4;cursor:default}.dreamy-studio .rig-body-row{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#475569}.dreamy-studio .rig-actions{display:flex;gap:8px}.dreamy-studio .decal-depth{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#475569}.dreamy-studio .decal-depth input{width:80px}.dreamy-studio .tool-btn .decal-thumb{width:30px;height:30px}.dreamy-studio .de-preview-svg{width:72px;height:72px;flex-shrink:0;border-radius:10px;background:#cbd5e1}.dreamy-studio.compact .de-preview-svg{width:64px;height:64px}.dreamy-studio .de-btn.confirm{background:#fecaca;color:#b91c1c}.dreamy-studio .stamp-ico svg{width:16px;height:16px}.dreamy-studio .tool-btn>svg{width:20px;height:20px}.dreamy-studio .tool-btn.on-state{background:#22c55e;color:#fff}.dreamy-studio .scn-git-toggle{position:relative}.dreamy-studio .scn-git-toggle.active{background:#eff6ff;box-shadow:inset 0 0 0 2px #3b82f6}.dreamy-studio .scn-git-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#22c55e}.dreamy-studio .scn-git-dot.syncing{background:#f59e0b}.dreamy-studio .scn-git-dot.error{background:#ef4444}.dreamy-studio .scn-git{margin:8px 14px 2px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:#ffffffbf;border-radius:14px;box-shadow:inset 0 0 0 1.5px #e2e8f0}.dreamy-studio .scn-git-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#1e293b}.dreamy-studio .scn-git-row>span{font-size:11px;font-weight:700;color:#64748b}.dreamy-studio .scn-git-tab{border:none;border-radius:10px;padding:6px 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;background:#f1f5f9;color:#475569}.dreamy-studio .scn-git-tab.active{background:#3b82f6;color:#fff}.dreamy-studio .scn-git-field{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11px;font-weight:800;color:#64748b}.dreamy-studio .scn-git-field.grow{flex:1}.dreamy-studio .scn-git-field input{border:1.5px solid #cbd5e1;border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;font-weight:700;color:#1e293b;background:#fff;min-width:0}.dreamy-studio .scn-git-hint{font-size:11px;font-weight:600;color:#64748b}.dreamy-studio .scn-git-hint a{color:#2563eb}.dreamy-studio .scn-git-status{font-size:12px;font-weight:700;color:#475569}.dreamy-studio .scn-git-status.error{color:#b91c1c}.dreamy-studio .scn-git button[disabled]{opacity:.55;cursor:default}.dreamy-studio .tg-toggle{border:none;background:none;padding:0;font:inherit;font-weight:800;color:#2563eb;cursor:pointer}.dreamy-studio .token-guide{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#f8fafc;box-shadow:inset 0 0 0 1.5px #e2e8f0;font-size:12px;color:#334155;max-height:46vh;overflow-y:auto}.dreamy-studio .tg-tabs{display:flex;flex-wrap:wrap;gap:6px}.dreamy-studio .tg-tab{border:none;border-radius:9px;padding:5px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;background:#e2e8f0;color:#475569}.dreamy-studio .tg-tab.active{background:#6366f1;color:#fff}.dreamy-studio .tg-table-wrap{overflow-x:auto}.dreamy-studio .tg-table{width:100%;border-collapse:collapse;font-size:11px}.dreamy-studio .tg-table th,.dreamy-studio .tg-table td{text-align:left;padding:5px 6px;border-bottom:1px solid #e2e8f0;vertical-align:top}.dreamy-studio .tg-table th{color:#64748b;font-weight:800}.dreamy-studio .tg-step{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0}.dreamy-studio .tg-step+.tg-step{margin-top:6px}.dreamy-studio .tg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.dreamy-studio .tg-link{font-weight:800;color:#2563eb;white-space:nowrap}.dreamy-studio .token-guide ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}.dreamy-studio .token-guide code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:0 4px;border-radius:4px;background:#ecfdf5;color:#047857}.dreamy-studio .tg-note{margin:4px 0 0;color:#475569}.dreamy-studio .tg-warn{margin-top:4px;padding:7px 9px;border-radius:8px;background:#fffbeb;box-shadow:inset 0 0 0 1px #fcd34d;color:#78350f}.dreamy-studio .tg-perms{margin:4px 0 0;font-size:11px}.dreamy-studio .tg-perms dt{margin-top:6px;font-weight:800;color:#b45309}.dreamy-studio .tg-perms dd{margin:2px 0 0 10px}

package/dist/types/api/src/commands/command.d.ts

@@ -0,0 +1,7 @@
+import type { DecalCommand } from "./decal-commands.js";
+import type { PaletteCommand } from "./palette-commands.js";
+import type { RigCommand } from "./rig-commands.js";
+import type { SceneCommand } from "./scene-commands.js";
+import type { SculptCommand } from "./sculpt-commands.js";
+/** An intent. Dispatch accepts it (appending events) or rejects it with a reason. */
+export type Command = SceneCommand | SculptCommand | DecalCommand | PaletteCommand | RigCommand;

package/dist/types/api/src/commands/decal-commands.d.ts

@@ -0,0 +1,35 @@
+import type { Id } from "../id.js";
+import type { Decal, DesignShape } from "../model/decal.js";
+import type { SculptTarget } from "./target.js";
+/** Places decals (one click, or a premade's face). The core assigns ids and enforces the limits. */
+export type AddDecals = {
+    readonly type: "AddDecals";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly decals: readonly Omit<Decal, "id">[];
+    };
+};
+export type RemoveDecal = {
+    readonly type: "RemoveDecal";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly decalId: Id;
+    };
+};
+/** Creates a design (no id) or replaces one (with id). */
+export type SaveDesign = {
+    readonly type: "SaveDesign";
+    readonly payload: {
+        readonly designId?: Id;
+        readonly name: string;
+        readonly shapes: readonly DesignShape[];
+    };
+};
+/** Rejected while a decal still uses the design. */
+export type DeleteDesign = {
+    readonly type: "DeleteDesign";
+    readonly payload: {
+        readonly designId: Id;
+    };
+};
+export type DecalCommand = AddDecals | RemoveDecal | SaveDesign | DeleteDesign;

package/dist/types/api/src/commands/palette-commands.d.ts

@@ -0,0 +1,14 @@
+import type { PaletteSlot, Rgb } from "../model/palette.js";
+export type SetPaletteColor = {
+    readonly type: "SetPaletteColor";
+    readonly payload: {
+        readonly slot: PaletteSlot;
+        readonly color: Rgb;
+    };
+};
+/** Back to the default palette. */
+export type ResetPalette = {
+    readonly type: "ResetPalette";
+    readonly payload: Record<string, never>;
+};
+export type PaletteCommand = SetPaletteColor | ResetPalette;

package/dist/types/api/src/commands/rig-commands.d.ts

@@ -0,0 +1,229 @@
+import type { Id } from "../id.js";
+import type { Transform, Vec3 } from "../model/math.js";
+import type { BodyRegion, CreatureRecipe, CreatureTheme, GraftSlot, PartSlot, PosePresetId, RigMode } from "../model/rig.js";
+import type { FlatWing } from "../model/wing.js";
+/** An empty rig, ready for bones. */
+export type CreateRig = {
+    readonly type: "CreateRig";
+    readonly payload: {
+        readonly name?: string;
+        readonly transform: Transform;
+    };
+};
+/**
+ * Applies a premade skeleton: a new rig at a spot, or the selected object's skeleton replaced and fitted to
+ * its bounds (`fit`: the content's center and half-size in the object's space). `withBody` builds the
+ * template's body parts (generated or baked) and face decals.
+ */
+export type ApplyPremade = {
+    readonly type: "ApplyPremade";
+    readonly payload: {
+        readonly templateId: string;
+        readonly target: {
+            readonly kind: "new";
+            readonly transform: Transform;
+        } | {
+            readonly kind: "object";
+            readonly objectId: Id;
+            readonly fit: {
+                readonly center: Vec3;
+                readonly halfSize: Vec3;
+            };
+        };
+        readonly withBody: boolean;
+    };
+};
+/** Adds a bone whose head sits at `head` (rig space, bind pose). With mirror on, the partner is added too. */
+export type AddBone = {
+    readonly type: "AddBone";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly parentId?: Id;
+        readonly name?: string;
+        readonly head: Vec3;
+    };
+};
+/** Removes a bone; its children move to its parent. Its part goes with it. */
+export type RemoveBone = {
+    readonly type: "RemoveBone";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly boneId: Id;
+    };
+};
+export type ReparentBone = {
+    readonly type: "ReparentBone";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly boneId: Id;
+        readonly parentId: Id | null;
+    };
+};
+export type RenameBone = {
+    readonly type: "RenameBone";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly boneId: Id;
+        readonly name: string;
+    };
+};
+export type SetBoneTags = {
+    readonly type: "SetBoneTags";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly boneId: Id;
+        readonly tags: readonly string[];
+    };
+};
+/** Names like "Arm L", "Left Arm" become side + mirror tags. */
+export type AutoTagSides = {
+    readonly type: "AutoTagSides";
+    readonly payload: {
+        readonly rigId: Id;
+    };
+};
+/**
+ * One bone drag (move, rotate or scale), in the current mode: rig mode writes the bind, pose mode the
+ * pose. With mirror on, the core writes the partners too.
+ */
+export type SetBoneTransforms = {
+    readonly type: "SetBoneTransforms";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly changes: readonly {
+            readonly boneId: Id;
+            readonly transform: Transform;
+        }[];
+    };
+};
+export type ResetPose = {
+    readonly type: "ResetPose";
+    readonly payload: {
+        readonly rigId: Id;
+    };
+};
+export type SetRigMode = {
+    readonly type: "SetRigMode";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly mode: RigMode;
+    };
+};
+export type SetRigMirror = {
+    readonly type: "SetRigMirror";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly mirror: boolean;
+    };
+};
+export type SetRegionBlend = {
+    readonly type: "SetRegionBlend";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly region: BodyRegion;
+        readonly blend: number;
+    };
+};
+/** Gives a bone a generated part (a knob to sculpt from, or a flat wing for a wing chain root). */
+export type AddBodyPart = {
+    readonly type: "AddBodyPart";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly boneId: Id;
+    };
+};
+export type RemoveBodyPart = {
+    readonly type: "RemoveBodyPart";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly boneId: Id;
+    };
+};
+/** Wing tab edits: the patch goes to every listed wing (and their mirror twins when mirror is on). */
+export type SetFlatWings = {
+    readonly type: "SetFlatWings";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly boneIds: readonly Id[];
+        readonly wing: Partial<Omit<FlatWing, "frame">>;
+    };
+};
+/**
+ * Poses a premade rig from its presets: `a`, or `a` blended toward `b` by `t` (0–1). Writes every bone's pose and
+ * remembers the choice on the rig. Custom needs a hand-posed pose to exist.
+ */
+export type ApplyPosePreset = {
+    readonly type: "ApplyPosePreset";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly a: PosePresetId;
+        readonly b?: PosePresetId;
+        readonly t: number;
+    };
+};
+/**
+ * Bone proportions (slider releases): each change sets a bone's length and / or thickness (0.4–2.5; a head 1–2.5).
+ * Length moves the bone's child joints; with mirror on, partners get the same size.
+ */
+export type SetBoneSizes = {
+    readonly type: "SetBoneSizes";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly changes: readonly {
+            readonly boneId: Id;
+            readonly length?: number;
+            readonly thickness?: number;
+        }[];
+    };
+};
+/**
+ * Gives a premade rig's slot the parts of another premade (`kit`: its template id; the rig's own template restores
+ * its own parts) or of a part variant (`kit`: its id, e.g. "head:tiger"). The parts are fitted to the rig's bones: chains by direction and length, a head by its size.
+ */
+export type SwapPartSlot = {
+    readonly type: "SwapPartSlot";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly slot: PartSlot;
+        readonly kit: string;
+    };
+};
+/**
+ * Grafts a slot the premade rig's skeleton lacks: `kit`'s bone chains for it (wings on the back, horns on the head, a
+ * tail on the hips) are added where they sit on that premade, scaled to this rig's torso or head, with their parts.
+ * A new kit replaces an earlier graft; no `kit` removes it.
+ */
+export type GraftPart = {
+    readonly type: "GraftPart";
+    readonly payload: {
+        readonly rigId: Id;
+        readonly slot: GraftSlot;
+        readonly kit?: string;
+    };
+};
+/**
+ * Generates a creature from the premades: a new rig at `transform`, or the given generated / premade rig remade in
+ * place. Everything in `keep` stays as given; the rest is rolled from `seed`: the base premade, each slot's premade
+ * (its family's, or any with `chimera`), each size group (head ≥ 1; `variety` 0–1 says how far sizes stray) and the
+ * eye and mouth art. A slot the base lacks may be grafted (more often with more variety); a kept kit for such a slot
+ * is always grafted. Re-rolling one slot keeps the rest of the recipe.
+ */
+export type GenerateCreature = {
+    readonly type: "GenerateCreature";
+    readonly payload: {
+        readonly target: {
+            readonly kind: "new";
+            readonly transform: Transform;
+        } | {
+            readonly kind: "rig";
+            readonly rigId: Id;
+        };
+        readonly seed: number;
+        readonly chimera: boolean;
+        readonly variety: number;
+        /** Builds the whole creature from one made-up kind: every slot it has a part for takes one (kept parts stay). */
+        readonly theme?: CreatureTheme;
+        readonly keep?: Partial<Pick<CreatureRecipe, "base" | "kits" | "sizes" | "eyes" | "mouth">>;
+    };
+};
+export type RigCommand = CreateRig | ApplyPremade | AddBone | RemoveBone | ReparentBone | RenameBone | SetBoneTags | AutoTagSides | SetBoneTransforms | ResetPose | ApplyPosePreset | SetBoneSizes | SwapPartSlot | GraftPart | GenerateCreature | SetRigMode | SetRigMirror | SetRegionBlend | AddBodyPart | RemoveBodyPart | SetFlatWings;

package/dist/types/api/src/commands/scene-commands.d.ts

@@ -0,0 +1,64 @@
+import type { Id } from "../id.js";
+import type { SculptLook } from "../model/look.js";
+import type { Transform } from "../model/math.js";
+import type { StampSpec } from "./stamp-spec.js";
+/** Stamping in assembly mode: a new sculpt whose base solid is one stamp. */
+export type CreateSculpt = {
+    readonly type: "CreateSculpt";
+    readonly payload: {
+        readonly name?: string;
+        readonly parentId?: Id;
+        readonly transform: Transform;
+        readonly stamp: StampSpec;
+        readonly look?: Partial<SculptLook>;
+    };
+};
+/** Deletes each object with its subtree. */
+export type DeleteObjects = {
+    readonly type: "DeleteObjects";
+    readonly payload: {
+        readonly objectIds: readonly Id[];
+    };
+};
+export type RenameObject = {
+    readonly type: "RenameObject";
+    readonly payload: {
+        readonly objectId: Id;
+        readonly name: string;
+    };
+};
+/** Moves an object under another (keeping its world placement), or to the root. A cycle is rejected. */
+export type ReparentObject = {
+    readonly type: "ReparentObject";
+    readonly payload: {
+        readonly objectId: Id;
+        readonly parentId: Id | null;
+        readonly index?: number;
+    };
+};
+/** One gizmo drag, a multi-selection drag, or a Properties edit: every listed object at once. */
+export type SetObjectTransforms = {
+    readonly type: "SetObjectTransforms";
+    readonly payload: {
+        readonly changes: readonly {
+            readonly objectId: Id;
+            readonly transform: Transform;
+        }[];
+    };
+};
+/** Copies the objects (with subtrees) beside the originals. */
+export type DuplicateObjects = {
+    readonly type: "DuplicateObjects";
+    readonly payload: {
+        readonly objectIds: readonly Id[];
+    };
+};
+/** Flips the objects across their own center on one axis. */
+export type MirrorObjects = {
+    readonly type: "MirrorObjects";
+    readonly payload: {
+        readonly objectIds: readonly Id[];
+        readonly axis: "x" | "z";
+    };
+};
+export type SceneCommand = CreateSculpt | DeleteObjects | RenameObject | ReparentObject | SetObjectTransforms | DuplicateObjects | MirrorObjects;

package/dist/types/api/src/commands/sculpt-commands.d.ts

@@ -0,0 +1,111 @@
+import type { Id } from "../id.js";
+import type { Pivot, SculptLook } from "../model/look.js";
+import type { Quaternion, Vec3 } from "../model/math.js";
+import type { ColorRef } from "../model/palette.js";
+import type { MaterialOverrides, StampMode, Symmetry } from "../model/stamp.js";
+import type { StampSpec } from "./stamp-spec.js";
+import type { SculptTarget } from "./target.js";
+/**
+ * One click stamps one shape; one smear stroke adds all its dabs at once as a new smear group.
+ * The core assigns ids.
+ */
+export type AddStamps = {
+    readonly type: "AddStamps";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly stamps: readonly StampSpec[];
+        readonly smear?: {
+            readonly mode: StampMode;
+            readonly color: ColorRef;
+            readonly blend: number;
+            readonly symmetry?: Symmetry;
+        };
+    };
+};
+/** Removes stamps (and smear groups left empty). The last stamp of a sculpt is never removed. */
+export type RemoveStamps = {
+    readonly type: "RemoveStamps";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly stampIds: readonly Id[];
+    };
+};
+/** One gizmo drag over one or more stamps (a locked smear group moves as one). */
+export type SetStampPlacements = {
+    readonly type: "SetStampPlacements";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly changes: readonly {
+            readonly stampId: Id;
+            readonly position: Vec3;
+            readonly rotation: Quaternion;
+            readonly scale: Vec3;
+        }[];
+    };
+};
+/** `null` clears an override back to the sculpt's value. */
+export type StampPropsPatch = {
+    readonly mode?: StampMode;
+    readonly color?: ColorRef | null;
+    readonly foundationColor?: ColorRef | null;
+    readonly blend?: number | null;
+    readonly material?: MaterialOverrides | null;
+    readonly symmetry?: Symmetry | null;
+};
+export type SetStampProps = {
+    readonly type: "SetStampProps";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly stampIds: readonly Id[];
+        readonly props: StampPropsPatch;
+    };
+};
+export type SetSmearGroup = {
+    readonly type: "SetSmearGroup";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly groupId: Id;
+        readonly props: StampPropsPatch & {
+            readonly unlocked?: boolean;
+            readonly name?: string;
+        };
+    };
+};
+/** Deletes a smear group with its stamps (never the sculpt's last stamp). */
+export type RemoveSmearGroup = {
+    readonly type: "RemoveSmearGroup";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly groupId: Id;
+    };
+};
+export type SculptLookPatch = {
+    readonly [K in keyof SculptLook]?: SculptLook[K] extends object ? Partial<SculptLook[K]> : SculptLook[K];
+};
+/**
+ * Properties edits: one patch applied to every listed sculpt (a rig's parts, a multi-selection).
+ * A flat wing part accepts the `material` part of the patch (its material); other fields are rejected for it.
+ */
+export type SetSculptLook = {
+    readonly type: "SetSculptLook";
+    readonly payload: {
+        readonly targets: readonly SculptTarget[];
+        readonly look: SculptLookPatch;
+    };
+};
+export type SetPivot = {
+    readonly type: "SetPivot";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly pivot: Pivot;
+    };
+};
+/** "Apply to all shapes": every stamp and smear group of the sculpt gets this symmetry. */
+export type SetSymmetryForAll = {
+    readonly type: "SetSymmetryForAll";
+    readonly payload: {
+        readonly target: SculptTarget;
+        readonly symmetry: Symmetry | null;
+    };
+};
+export type SculptCommand = AddStamps | RemoveStamps | SetStampPlacements | SetStampProps | SetSmearGroup | RemoveSmearGroup | SetSculptLook | SetPivot | SetSymmetryForAll;

package/dist/types/api/src/commands/stamp-spec.d.ts

@@ -0,0 +1,3 @@
+import type { Stamp } from "../model/stamp.js";
+/** A stamp before the core gives it an id. */
+export type StampSpec = Omit<Stamp, "id" | "smearGroupId">;

package/dist/types/api/src/commands/target.d.ts

@@ -0,0 +1,8 @@
+import type { Id } from "../id.js";
+/** A sculpt to edit: a sculpt object, or the body part a rig's bone owns. */
+export type SculptTarget = {
+    readonly objectId: Id;
+} | {
+    readonly objectId: Id;
+    readonly boneId: Id;
+};

package/dist/types/api/src/creation-api.d.ts

@@ -0,0 +1,52 @@
+import type { CreatureFamily, PartSlot, PosePresetId } from "./model/rig.js";
+import type { Command } from "./commands/command.js";
+import type { Creation, CreationLog } from "./model/creation.js";
+export type DispatchResult = {
+    readonly ok: true;
+    readonly creation: Creation;
+} | {
+    readonly ok: false;
+    readonly reason: string;
+};
+/** A premade skeleton the core can apply (the picker lists these). */
+export type PremadeInfo = {
+    readonly id: string;
+    readonly name: string;
+    /** An emoji. */
+    readonly icon: string;
+    readonly description: string;
+    readonly boneCount: number;
+    /** Its creature family, and the part slots it can give to other premades. */
+    readonly family: CreatureFamily;
+    readonly slots: readonly PartSlot[];
+    /** The pose presets its rigs offer, in picker order (Custom is offered by the rig once it has one). */
+    readonly poses: readonly {
+        readonly id: PosePresetId;
+        readonly name: string;
+    }[];
+};
+/** A body part variant (a tiger head, elephant ears…) that can fill a slot of a premade rig, like a premade's own parts. */
+export type PartVariantInfo = {
+    /** `slot:name`, e.g. "head:tiger"; used as a slot's kit. */
+    readonly id: string;
+    readonly slot: PartSlot;
+    readonly name: string;
+    /** An emoji. */
+    readonly icon: string;
+    /** Offered to its family's creatures, or to any with Chimera. */
+    readonly family: CreatureFamily;
+};
+/** Seam between UI and logic. Persistence, the evaluator and the viewport are injected beside it. */
+export interface CreationApi {
+    log(): CreationLog;
+    creation(): Creation;
+    /** The premade skeletons, in picker order. */
+    premades(): readonly PremadeInfo[];
+    /** The body part variants, by slot then picker order. */
+    partVariants(): readonly PartVariantInfo[];
+    dispatch(command: Command): DispatchResult;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    undo(): void;
+    redo(): void;
+}

package/dist/types/api/src/events/creation-event.d.ts

@@ -0,0 +1,7 @@
+import type { DecalEvent } from "./decal-events.js";
+import type { PaletteEvent } from "./palette-events.js";
+import type { RigEvent } from "./rig-events.js";
+import type { SceneEvent } from "./scene-events.js";
+import type { SculptEvent } from "./sculpt-events.js";
+/** An appended fact. The creation is the fold of these, in order. */
+export type CreationEvent = SceneEvent | SculptEvent | DecalEvent | PaletteEvent | RigEvent;

package/dist/types/api/src/events/decal-events.d.ts

@@ -0,0 +1,20 @@
+import type { SculptTarget } from "../commands/target.js";
+import type { Id } from "../id.js";
+import type { Decal, Design } from "../model/decal.js";
+import type { EventOf } from "./event-of.js";
+export type DecalsAdded = EventOf<"DecalsAdded", {
+    readonly target: SculptTarget;
+    readonly decals: readonly Decal[];
+}>;
+export type DecalRemoved = EventOf<"DecalRemoved", {
+    readonly target: SculptTarget;
+    readonly decalId: Id;
+}>;
+/** New or replaced design (full content). */
+export type DesignSaved = EventOf<"DesignSaved", {
+    readonly design: Design;
+}>;
+export type DesignDeleted = EventOf<"DesignDeleted", {
+    readonly designId: Id;
+}>;
+export type DecalEvent = DecalsAdded | DecalRemoved | DesignSaved | DesignDeleted;

package/dist/types/api/src/events/event-of.d.ts

@@ -0,0 +1,6 @@
+/** Every event: a past-tense fact with the clock time it was accepted. */
+export type EventOf<Type extends string, Payload> = {
+    readonly type: Type;
+    readonly at: number;
+    readonly payload: Payload;
+};