.reference-shell{--muted:#8c8c96;--border:#33333a;--purple:#39ff14;font-family:'Arial Narrow',Arial,sans-serif;font-size:11px;color:#ddd;background:#101011;height:100dvh;overflow:hidden}.reference-shell [hidden]{display:none!important}.reference-shell .workspace{display:grid;grid-template-columns:250px minmax(0,1fr) 260px;height:100dvh;min-height:0;position:relative;gap:0}.reference-shell .rail{padding:10px 12px;background:#151516;overflow-y:auto;overflow-x:hidden;border-color:#323236;scrollbar-width:thin;scrollbar-color:#424248 #161616;display:block}.reference-shell button,.reference-shell input,.reference-shell select,.reference-shell textarea{border-radius:2px;font:inherit;min-height:27px;padding:5px 7px;gap:4px;background:#202022;color:#ccc;border:1px solid #3a3a40}.reference-shell button:hover{border-color:#39ff14;color:#39ff14;background:#242824}.reference-shell button:disabled{opacity:.35;cursor:default}.reference-shell button.primary{background:#17311a;border-color:#39b82b;color:#60ff39}.reference-shell button.danger{border-color:#9e3544;background:#32151a;color:#ff8991}.reference-shell input[type=checkbox]{width:auto;min-height:0;accent-color:#39ff14}.reference-shell input[type=color]{height:27px;padding:2px}.reference-shell input[type=range]{accent-color:#39ff14;padding:0}.reference-shell label{display:block;color:#96969f;font-size:10px;margin:7px 0}.reference-shell label input,.reference-shell label select{margin-top:4px}.reference-shell textarea{width:100%;min-height:62px;resize:vertical}.reference-shell h2{font:700 12px monospace;letter-spacing:.5px;color:#39ff14;margin:7px 0}.reference-shell h3{font:700 11px monospace;color:#39ff14;letter-spacing:1px}.reference-shell p{line-height:1.5}.reference-shell .hint{font-size:10px;line-height:1.5;color:#858590;margin:7px 0}.reference-profile{display:flex;align-items:center;gap:8px;padding:3px 0 13px;border-bottom:1px solid #333;margin-bottom:9px}.reference-profile img,.profile-icon{width:32px;height:32px;border-radius:50%;object-fit:cover}.reference-profile strong{color:#39ff14;display:block;font-size:13px}.reference-profile small{display:block;font:8px monospace;color:#64646e;margin-top:4px}.reference-profile .profile-state{color:#a8adab;font-size:8px}.reference-profile #logout{margin-left:auto;font-size:8px;padding:3px;min-height:22px}.reference-section{padding:0 0 10px!important;margin:0 0 11px!important;border:0!important;border-bottom:1px solid #353538!important;background:none!important}.reference-section>summary{font:700 10px monospace!important;letter-spacing:1.1px;color:#39ff14!important;cursor:pointer;list-style:none;padding:6px 0!important;position:relative;user-select:none}.reference-section>summary::before{content:'▾';margin-right:5px;font-size:9px}.reference-section:not([open])>summary::before{content:'▸'}.panel-grip{float:right;color:#63636e;font-size:14px;cursor:grab}.reference-section>button,.reference-sidebar-footer>button{width:100%;margin:3px 0;font-size:10px}.reference-shell .row{gap:4px;flex-wrap:wrap}.reference-shell .row button{font-size:10px}.reference-obs{display:flex;gap:6px;align-items:center;border-bottom:1px solid #333;padding:0 0 12px;margin-bottom:10px}.reference-obs span{font:700 10px monospace;color:#a2a2aa}.reference-obs button{margin-left:auto;border-color:#39ff14;color:#39ff14;font-size:9px}.reference-shell .tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0}.reference-shell .tool-grid button{border-color:#676713;color:#e5de31;font-size:10px;text-transform:uppercase;min-height:29px;padding:5px 3px;line-height:1.1}.reference-shell .tool-grid button:hover{border-color:#f0f040;color:#ffff67}.reference-shell .layer-card{padding:0;border:0;background:none;margin:0}.reference-shell .layer-card .heading{margin:0}.reference-shell .layer-card h2{display:none}.reference-shell .layer{padding:5px 2px;gap:4px;border-radius:1px;margin:2px 0;font-size:10px}.reference-shell .layer small{font-size:8px;color:#777}.reference-shell .layer.selected{border-color:#39ff14;background:#173016}.reference-shell .layer button{min-height:22px;min-width:22px;padding:1px}.reference-shell #audit{max-height:120px;overflow:auto}.reference-shell .audit-entry{font-size:9px;margin:5px 0;color:#aaa;border:0;padding:0}.reference-shell .audit-entry time{color:#62626a}.reference-shell .person,.reference-shell .saved-layout{padding:5px 0;font-size:10px;gap:4px}.reference-shell #sound-list button{width:100%;margin:3px 0}.reference-shell .canvas-area{padding:0;position:relative;overflow:hidden;min-width:0;background-color:#111112}.reference-viewport{position:absolute;inset:0;overflow:hidden;background-image:radial-gradient(#46464c 1px,transparent 1px);background-size:24px 24px;touch-action:none}.reference-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.reference-frame{position:absolute;border:3px solid #a54fff;box-sizing:content-box}.reference-frame.frame-staging,.reference-frame.frame-spawn{border-style:dashed;background:repeating-linear-gradient(135deg,#28193233 0 35px,#7a359011 35px 70px)}.reference-frame.frame-spawn{border-color:#735287}.reference-frame.active-zone{border-color:#cb83ff;box-shadow:0 0 0 2px #b573ee22}.frame-caption{position:absolute!important;left:-3px;bottom:100%;white-space:nowrap;background:#a54fff!important;border:0!important;color:#13051e!important;font:700 15px monospace!important;padding:6px 12px!important;min-height:30px!important;letter-spacing:1px}.frame-spawn .frame-caption{background:#735287!important}.frame-body{position:relative}.reference-shell .stage{background:transparent;width:100%;height:100%;overflow:visible;position:absolute;inset:0;aspect-ratio:auto;touch-action:none}.reference-shell .stage::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(45deg,#ffffff05 25%,transparent 25%),linear-gradient(-45deg,#ffffff05 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff05 75%),linear-gradient(-45deg,transparent 75%,#ffffff05 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0}.stream-reference{position:absolute;inset:0;width:100%;height:100%;opacity:.16;border:0;pointer-events:none;filter:grayscale(.8)}.stream-interactive .stream-reference{pointer-events:auto;z-index:5;opacity:.7}.stream-interactive .stage{pointer-events:none}.reference-shell .object.selected{outline:3px solid #39ff14}.reference-shell .resize{width:18px;height:18px;right:-9px;bottom:-9px;background:#39ff14;border:3px solid #111}.reference-viewport-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}.reference-viewport-controls button{width:34px;height:34px;background:#1c1c20df;font-size:15px;border-color:#5d536a}.reference-view-status{position:absolute;bottom:18px;left:12px;display:flex;gap:5px;pointer-events:none;z-index:10}.reference-view-status span{background:#0b0b0cdd;color:#9a9aa4;padding:7px 9px;border:1px solid #303036;font:9px monospace}.reference-network{position:absolute;bottom:22px;right:12px;border-radius:1px;font:9px monospace;background:#141b14;color:#39ff14;z-index:10}.reference-props-title{text-align:center;font-size:12px!important;margin:3px 0 12px!important;color:#39ff14!important;letter-spacing:2px!important;padding-bottom:10px;border-bottom:1px solid #333}.reference-preview-control{font-size:9px!important;letter-spacing:.6px;border:1px solid #444;padding:8px;margin-bottom:12px!important}.reference-shell #properties>.hint{text-align:center;padding:20px 4px}.reference-shell .field{margin-bottom:9px;font-size:10px}.reference-shell .field input{padding:5px}.reference-shell #properties details{margin:10px 0;padding:8px;border:1px solid #39393d}.reference-shell #properties summary{color:#aaa;font:10px monospace;cursor:pointer}.reference-tips{font-size:10px;color:#888;border:1px solid #343439;padding:10px;margin:10px 0 18px}.reference-tips strong{color:#39ff14;font:10px monospace}.reference-actions{display:grid;gap:7px;margin:16px 0}.reference-actions button{font:700 9px monospace;letter-spacing:.4px;width:100%;min-height:33px;border-color:#7943a3;color:#c69be4;background:#231a2b}.reference-actions button[data-action-panel=timeline]{border-color:#4ba86d;color:#79d898;background:#15261b}.reference-actions button[data-action-panel=chatbot]{border-color:#a5aa30;color:#e9ec4d;background:#25270f}.reference-actions button[data-action-panel=triggers]{border-color:#4167ba;color:#8eb6ff;background:#15243b}.reference-account{padding:12px;text-align:center;color:#888;border:1px solid #37373b}.reference-account code{display:block;color:#ddd;font:11px monospace;margin-top:8px}.reference-extras{display:none}.reference-toggle{position:absolute!important;top:45%;z-index:20;width:17px!important;min-width:0;padding:6px 0!important;background:#303035!important;border-color:#555!important;color:#aaa!important}.toggle-left{left:250px}.toggle-right{right:260px}.reference-shell.left-collapsed .workspace{grid-template-columns:0 minmax(0,1fr) 260px}.left-collapsed .tools-rail{visibility:hidden;padding:0}.left-collapsed .toggle-left{left:0}.reference-shell.right-collapsed .workspace{grid-template-columns:250px minmax(0,1fr) 0}.right-collapsed .inspector{visibility:hidden;padding:0}.right-collapsed .toggle-right{right:0}.reference-shell.left-collapsed.right-collapsed .workspace{grid-template-columns:0 minmax(0,1fr) 0}.production-dialog{background:#18181c;color:#ccc;border:1px solid #68448a;border-radius:4px;width:min(740px,94vw);max-height:88dvh;padding:0;box-shadow:0 20px 100px #000b}.production-dialog::backdrop{background:#0009}.production-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #3b3046;position:sticky;top:0;background:#18181c;z-index:2}.production-dialog>header h2{margin:0}.production-dialog>header button{font-size:20px;min-width:30px}.dialog-content{padding:16px;overflow:auto}.dialog-content .reference-section{border:0!important}.dialog-content .reference-section>summary{display:none}.dialog-content pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#aaa}.automation-card{border:1px solid #444;padding:12px;margin:10px 0}.hidezone-label{width:100%;height:100%;border:3px dashed #d72b5a;color:#ff718a;font:20px monospace;background:repeating-linear-gradient(45deg,#d72b5a33 0 12px,transparent 12px 24px);display:flex;align-items:center;justify-content:center}.reference-shell .draw-mode{cursor:crosshair}.reference-shell #pen.active,.reference-shell #eraser.active{border-color:#39ff14;color:#39ff14}
@media(max-width:1050px){.reference-shell .workspace{grid-template-columns:210px minmax(0,1fr) 220px}.toggle-left{left:210px}.toggle-right{right:220px}.reference-shell.left-collapsed .workspace{grid-template-columns:0 minmax(0,1fr) 220px}.reference-shell.right-collapsed .workspace{grid-template-columns:210px minmax(0,1fr) 0}.reference-shell.left-collapsed.right-collapsed .workspace{grid-template-columns:0 minmax(0,1fr) 0}}
@media(max-width:700px){.reference-shell .workspace{display:grid;grid-template-columns:160px minmax(160px,1fr) 190px;overflow:hidden;width:100%}.reference-shell .rail{padding:8px;font-size:10px}.reference-shell .inspector{grid-column:auto}.reference-shell .workspace{grid-template-columns:160px minmax(0,1fr) 0}.reference-shell .inspector{visibility:hidden;padding:0}.reference-shell.right-collapsed .workspace{grid-template-columns:0 minmax(0,1fr) 190px}.reference-shell.right-collapsed .inspector{visibility:visible;padding:8px}.reference-shell.right-collapsed .tools-rail{visibility:hidden;padding:0}.reference-shell.left-collapsed .workspace,.reference-shell.left-collapsed.right-collapsed .workspace{grid-template-columns:0 minmax(0,1fr) 0}.reference-shell.left-collapsed.right-collapsed .inspector{visibility:hidden;padding:0}.toggle-left{left:160px}.toggle-right{right:0}.right-collapsed .toggle-right{right:190px}.reference-view-status{bottom:58px;left:5px}.reference-view-status span{font-size:8px;padding:4px}.reference-network{font-size:8px;right:5px}}
.reference-shell .rail{position:relative;top:auto;max-height:100dvh;min-width:0}.reference-shell .tools-rail{grid-column:1;grid-row:1;order:0}.reference-shell .canvas-area{grid-column:2;grid-row:1;order:0;padding:0}.reference-shell .inspector{grid-column:3;grid-row:1;order:0}.reference-shell #properties{display:block}.reference-shell .expanded-studio input:not([type=checkbox]),.reference-shell .expanded-studio textarea,.reference-shell .expanded-studio select{padding:5px 7px;border-radius:2px;background:#202022}.reference-shell .expanded-studio label{margin:7px 0;font-size:10px}.reference-shell .expanded-studio textarea{min-height:62px}.reference-shell .expanded-studio .object .resize{right:0;bottom:0;background:#39ff14}