#maker-dialog{width:min(1180px,calc(100vw - 28px));max-height:calc(100svh - 28px);padding:28px;background:#191a1b;border-color:#555;color:#eee;overscroll-behavior:contain}#maker-dialog h2{font-weight:400;color:#f3f3f3;margin-top:22px}#maker-dialog p{color:#b8b8b8}#maker-dialog .dialog-top{color:#c9c9c9}#maker-close{border:1px solid #555;border-radius:9px;padding:9px 12px;background:#262626;color:#ddd;cursor:pointer;font:inherit;font-size:12px}.maker-config{display:grid;grid-template-columns:1fr 200px;gap:18px;margin:20px 0}.maker-config label{display:block;font-size:12px;color:#c5c5c5;margin-bottom:10px}.maker-config input,.maker-config select{width:100%;padding:12px;background:#101111;border:1px solid #555;border-radius:10px;color:#eee;font:inherit;font-size:13px}.maker-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.maker-actions button{flex:0 1 auto;padding:12px 18px}.maker-import{border:1px dashed #666;border-radius:10px;padding:12px 15px;font-size:12px;cursor:pointer;color:#bbb}.maker-import input{display:block;width:190px;font-size:11px;margin-top:8px}.maker-capabilities{border-left:2px solid #88efa1;padding-left:14px;font-size:13px!important}#maker-note,#maker-offline,#maker-legacy{font-size:11px;line-height:1.8}#maker-status{min-height:25px;color:#a3f0ac!important;font-size:13px;margin-bottom:8px}#maker-status.error{color:#f5b09e!important}#maker-frame-wrap{margin-top:20px;border:1px solid #555;border-radius:14px;overflow:hidden;background:#101412;scroll-margin-top:18px}#maker-frame{display:block;width:100%;height:min(700px,75svh);border:0}#build-preview{min-width:126px}.node{transition:border-color .22s,box-shadow .22s}.signal-change:not([data-motion=none]) .wires path:not(.disconnected){stroke-dasharray:10 8;animation:signal-flight .65s linear}.signal-change:not([data-motion=none]) #node-preview{animation:preview-breathe .65s}.maker-building:not([data-motion=none]) .orbit-mark{animation:maker-orbit 1s linear infinite}body:not([data-motion=none]) #maker-dialog[open]{animation:maker-open .28s ease-out}.feature-availability{font-size:10px;color:#aaa;margin:10px 0 0;line-height:1.65}html[lang=th] .studio-menu button{font-size:11px}html[lang=th] #build-preview{font-size:12px}html[lang=th] .node-body input:not([type]),html[lang=th] .node-body textarea{line-height:1.85}html[lang=th] .workspace-intro h1{line-height:1.8}.maker-actions .primary-button{background:#9af0ad;color:#17251a;border-color:#aef7bd}@keyframes signal-flight{to{stroke-dashoffset:-72}}@keyframes preview-breathe{50%{box-shadow:0 0 32px #9ad9ff25;border-color:#81b6cc}}@keyframes maker-orbit{to{transform:rotate(404deg)}}@keyframes maker-open{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:700px){#maker-dialog{padding:18px}.maker-config{grid-template-columns:1fr}.maker-actions{gap:8px}.maker-actions button{flex:1;font-size:11px;padding:12px 10px}.maker-import{width:100%}.maker-import input{width:100%}#maker-frame{height:70svh}#maker-dialog h2{font-size:24px}#maker-close{max-width:115px}.canvas-dock{max-width:calc(100vw - 30px)}.topbar .project-tab{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body[data-motion=none] *,body[data-motion=none] *:before,body[data-motion=none] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}