:root{color-scheme:dark;--bg:#0a0d1a;--panel:#111629;--panel2:#181e34;--stroke:#2a3150;--text:#e9efff;--muted:#94a0c4;--purple:#8052ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,Segoe UI,Arial}button,input,select{font:inherit}button,.filebtn{background:#202743;border:1px solid #374265;color:#e4eaff;border-radius:9px;padding:8px 11px;cursor:pointer;transition:.18s}button:hover,.filebtn:hover{background:#343e68;border-color:#8372c8}button:active{transform:scale(.97)}.purple{background:linear-gradient(115deg,#7638d3,#a23ad7);border-color:#ad7bf3}.bright{background:#2657bb;border-color:#568bff}.danger{border-color:#713a4d;color:#ffb7c5}.outlined{border-color:#876bdf}.topbar{min-height:70px;padding:12px 17px;background:#111528;border-bottom:1px solid var(--stroke);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;letter-spacing:1.3px;font-weight:750}.brand b{color:#ac8aff}.brandicon{font-size:27px;color:#8f64fc}.brand small{font-size:10px;letter-spacing:0;color:#a0a8c4;font-weight:400;margin-left:7px}.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.toolbar button,.toolbar .filebtn{font-size:12px}.filebtn input{display:none}.workspace{display:grid;grid-template-columns:244px minmax(350px,1fr) 265px;height:calc(100dvh - 71px);min-height:580px}.sidebar,.inspector{background:#111629;overflow:auto;padding:16px;border-right:1px solid var(--stroke)}.inspector{border-right:0;border-left:1px solid var(--stroke)}h2{font-size:16px;margin:0 0 12px}h3{font-size:13px;color:#bfc9e9;margin:16px 0 10px}.sectionhead{display:flex;align-items:center;justify-content:space-between}.sectionhead button{padding:4px 9px}.pageitem,.layeritem{display:flex;align-items:center;gap:7px;border:1px solid transparent;padding:10px 9px;margin-bottom:5px;border-radius:8px;cursor:pointer;font-size:12px;overflow:hidden}.pageitem span,.layeritem span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pageitem:hover,.layeritem:hover{background:#202947}.pageitem.active,.layeritem.active{background:#27224b;border-color:#7e5ed8}.toolgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.toolgrid button{min-height:44px;font-size:12px}.seperator{height:1px;background:var(--stroke);margin:17px 0}.layeritem{padding:7px}.layeractions{display:flex;gap:5px}.sidebarfoot{margin-top:16px;display:grid;gap:8px}.hint{font-size:11px;color:var(--muted);line-height:1.5}.middle{display:flex;min-height:0;flex-direction:column;background:radial-gradient(circle at 50% 30%,#1f2150,#0d1227 70%)}.canvasbar{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;background:#11172b;border-bottom:1px solid var(--stroke);gap:10px}.canvasbar>div:first-child{display:grid;gap:3px}.zoomctrl{display:flex;align-items:center;gap:9px;font-size:12px}.zoomctrl button{padding:4px 9px}#canvasScroll{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:24px 20px 60px;background-image:radial-gradient(#2e3453 .8px,transparent .8px);background-size:17px 17px}#canvasWrap{position:relative;flex:none;transform-origin:top center}#canvas{position:relative;width:360px;height:640px;border:1px solid #7162b5;border-radius:20px;overflow:hidden;box-shadow:0 20px 70px #000a,0 0 30px #492f7b55;background:radial-gradient(ellipse at 45% 35%,#251d53 0%,transparent 66%),radial-gradient(ellipse at 90% 90%,#101f56 0%,transparent 50%),#070911}#elements,#previewElements{position:absolute;inset:0}.el{position:absolute;touch-action:none;user-select:none;display:flex;align-items:center;justify-content:center;text-align:center;overflow:visible;cursor:grab;transform-origin:center;transition:filter .18s}.el.selected{outline:2px solid #64caff;outline-offset:2px;z-index:999!important}.el.selected:active{cursor:grabbing}.el .inside{height:100%;width:100%;display:flex;justify-content:center;align-items:center;white-space:pre-wrap;line-height:1.15;overflow:hidden;pointer-events:none;box-sizing:border-box}.el .inside img{width:100%;height:100%;object-fit:contain;pointer-events:none}.el.card .inside img{object-fit:cover}.el .resize{position:absolute;right:-7px;bottom:-7px;width:15px;height:15px;background:#7de2ff;border:2px solid #15274c;border-radius:3px;cursor:nwse-resize;touch-action:none;display:none}.el.selected .resize{display:block}.el.text .inside{font-weight:700}.el.button .inside{font-weight:800;box-shadow:inset 0 1px 8px #ffffff39,0 3px 18px #6a3fc477}.el.card .inside{box-shadow:0 0 15px #8d44fc88}.el.interactive:hover{z-index:auto}.el.fx-zoom:hover{transform:scale(1.07)}.el.fx-glow:hover{filter:drop-shadow(0 0 13px #bd74ff)}.el.fx-float:hover{transform:translateY(-7px)}.el.fx-pulse:hover{animation:popPulse .8s infinite alternate}@keyframes popPulse{to{transform:scale(1.055);filter:brightness(1.16)}}.status{padding:9px 17px;background:#11172a;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#aebbd7}.inspector label{display:grid;gap:6px;font-size:12px;color:#b8c1dc;margin:12px 0}.inspector input:not([type=file]),.inspector select{width:100%;background:#1c233a;color:white;border:1px solid #3c4668;border-radius:8px;padding:9px;min-height:34px}.inspector input[type=color]{padding:3px;height:36px}.inspector input[type=range]{padding:0}.inspector input[type=file]{font-size:10px;max-width:100%}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.propButtons{display:flex;gap:8px;margin:18px 0}.propButtons button{flex:1}.inspectorInfo{border-top:1px solid var(--stroke);margin-top:24px;padding-top:13px;color:#adb8d8;font-size:12px;line-height:1.7}#noSelection{line-height:1.7;color:#aeb5d0}#previewOverlay{position:fixed;inset:0;background:#0b0d17f2;z-index:2000;display:flex;flex-direction:column}#previewOverlay[hidden],#dialog[hidden]{display:none}.previewheader{background:#151a2c;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.previewheader div{display:flex;gap:8px}.previewbody{flex:1;overflow:auto;padding:26px;display:flex;justify-content:center;align-items:flex-start}.previewPhone{position:relative;width:360px;height:640px;flex:none;overflow:hidden;border:5px solid #343a5b;border-radius:24px;background:radial-gradient(ellipse at 45% 35%,#251d53,transparent 66%),radial-gradient(ellipse at 90% 90%,#101f56,transparent 50%),#070911;box-shadow:0 0 50px #4e3e9b4f}.previewPhone .el{cursor:default}#dialog{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:2500;padding:20px}.dialogbox{background:#151b33;border:1px solid #8e5fd8;border-radius:18px;padding:28px;width:min(380px,100%);box-shadow:0 25px 70px #000}.dialogbox p{white-space:pre-wrap;color:#ced5ed;line-height:1.6}@media(max-width:1060px){.workspace{grid-template-columns:190px minmax(330px,1fr) 235px}.sidebar,.inspector{padding:11px}}@media(max-width:800px){.workspace{height:auto;display:flex;flex-wrap:wrap}.middle{order:1;width:100%;height:770px}.sidebar{order:2;width:50%;height:650px}.inspector{order:3;width:50%;height:650px}.topbar{align-items:flex-start}}@media(max-width:520px){.sidebar,.inspector{width:100%;height:auto;min-height:340px}.toolbar{width:100%}.status span:last-child{display:none}.brand small{display:none}#canvasScroll{padding:15px 8px 32px}}

.page-tools{display:grid;grid-template-columns:1fr;gap:6px;margin:10px 0}.page-tools button{font-size:12px;text-align:left}.layeritem .tiny{padding:3px 5px;min-width:26px;border-radius:5px;font-size:12px}.layeritem.muted{opacity:.55}.el.locked{cursor:default}.el.locked .resize{display:none!important}

/* ALANOR STUDIO v0.3 - animation presets */
.animation-panel{margin:16px 0;padding:11px;border:1px solid #53477e;border-radius:12px;background:#181632}
.animation-panel legend{padding:0 8px;font-size:12px;font-weight:800;color:#d0b9ff}
.animation-panel .two{grid-template-columns:1fr 1fr;gap:9px}
.animation-panel label{margin:9px 0}
.animation-test{width:100%;background:linear-gradient(100deg,#4b3b9d,#7035c5);margin:4px 0 10px}
#previewElements .el[class*="enter-"]{animation-duration:var(--enter-duration,.7s);animation-delay:var(--enter-delay,0s);animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
#previewElements .enter-fade{animation-name:alanorFade}
#previewElements .enter-rise{animation-name:alanorRise}
#previewElements .enter-slide-left{animation-name:alanorLeft}
#previewElements .enter-slide-right{animation-name:alanorRight}
#previewElements .enter-scale{animation-name:alanorScale}
@keyframes alanorFade{from{opacity:0}to{opacity:1}}
@keyframes alanorRise{from{opacity:0;translate:0 34px}to{opacity:1;translate:0 0}}
@keyframes alanorLeft{from{opacity:0;translate:-65px 0}to{opacity:1;translate:0 0}}
@keyframes alanorRight{from{opacity:0;translate:65px 0}to{opacity:1;translate:0 0}}
@keyframes alanorScale{from{opacity:0;scale:.7}to{opacity:1;scale:1}}
#previewElements .el.loop-float .inside{animation:alanorLoopFloat 3s ease-in-out infinite}
#previewElements .el.loop-glow .inside{animation:alanorLoopGlow 2.5s ease-in-out infinite}
#previewElements .el.loop-breathe .inside{animation:alanorLoopBreathe 2.8s ease-in-out infinite}
@keyframes alanorLoopFloat{50%{transform:translateY(-8px)}}
@keyframes alanorLoopGlow{50%{filter:drop-shadow(0 0 15px #bb77ff) brightness(1.16)}}
@keyframes alanorLoopBreathe{50%{transform:scale(1.045)}}
@media(prefers-reduced-motion:reduce){#previewElements .el,#previewElements .el .inside{animation:none!important;transition:none!important}}

/* v0.4 — ferramentas de seleção e organização */
.arrangebar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:9px 14px;background:#141a30;border-bottom:1px solid #39426b}
.mode-switch{display:flex;gap:4px;padding:3px;background:#090d1e;border:1px solid #42496c;border-radius:11px}
.mode-switch button{border-color:transparent;background:transparent;white-space:nowrap;font-size:12px}
.mode-switch .mode-active{background:linear-gradient(120deg,#373a9b,#7844c4);border-color:#aa90ff;box-shadow:0 0 8px #7953e066}
.arrange-title{font-size:12px;color:#b6caff;min-width:108px}
.arrange-controls{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.arrange-controls button{padding:6px 8px;font-size:11px}
.arrange-controls button:disabled{opacity:.35;cursor:not-allowed}
.el.multi-selected{outline:2px dashed #efb9ff;outline-offset:2px;z-index:998!important}
#canvas.tool-select .el{cursor:default}
#canvas.tool-move .el:not(.locked){cursor:grab}
#canvas.tool-move .el:not(.locked):active{cursor:grabbing}
#canvas.tool-select .resize{display:none!important}
#canvas .el.locked{cursor:not-allowed}
@media(max-width:800px){.arrangebar{gap:7px}.arrange-controls{max-height:124px;overflow-y:auto}}

/* v0.5 — grade, agrupamento e blocos */
.smartbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 14px;background:#101528;border-bottom:1px solid #303c65;font-size:12px;color:#d8dfff}
.smartbar button,.smartbar select{padding:6px 10px;font-size:12px;border-radius:8px}.smartbar select{background:#25294b;color:white;border:1px solid #53608b;max-width:170px}
.switchlabel{display:flex;align-items:center;gap:5px;white-space:nowrap}.switchlabel input{accent-color:#a269ec}
#canvas.show-grid{background-image:linear-gradient(to right,#8a9df322 1px,transparent 1px),linear-gradient(to bottom,#8a9df322 1px,transparent 1px),linear-gradient(170deg,#12142e,#0b1026);background-size:var(--grid-step,8px) var(--grid-step,8px),var(--grid-step,8px) var(--grid-step,8px),100% 100%}
#canvas .el.selected:has(.inside){outline-offset:1px}

/* ALANOR STUDIO v0.6 — edicao neutra e ferramentas acoplaveis */
#canvas .el, #canvas .el .inside, #canvas .el .inside * {animation:none!important;transition:none!important;}
#canvas .el:hover, #canvas .el.fx-zoom:hover, #canvas .el.fx-glow:hover,
#canvas .el.fx-float:hover, #canvas .el.fx-pulse:hover {transform:none!important;filter:none!important;animation:none!important;}
#canvas .el:hover .inside, #canvas .el:hover .inside * {transform:none!important;filter:none!important;animation:none!important;}
#canvas .el.selected:hover,#canvas .el.multi-selected:hover{z-index:999!important}
#canvas.tool-select .el,#canvas.tool-select .el:hover {cursor:default!important}
/* somente a previa renderiza interatividade visual */
#previewElements .el {transition:transform .2s ease,filter .2s ease}
#previewElements .el.fx-zoom:hover{transform:scale(1.07)}
#previewElements .el.fx-glow:hover{filter:drop-shadow(0 0 13px #bd74ff) brightness(1.1)}
#previewElements .el.fx-float:hover{transform:translateY(-7px)}
#previewElements .el.fx-pulse:hover{animation:popPulse .8s infinite alternate}
/* Layout: area de trabalho + um unico painel para todas as ferramentas */
.workspace{grid-template-columns:minmax(360px,1fr) 336px;min-height:550px}
.middle{min-width:0}
#toolDock{min-width:0;background:#111629;border-left:1px solid #424068;display:flex;flex-direction:column;overflow:hidden;}
.dockhead{padding:12px 12px 9px;background:#1b1c3c;border-bottom:1px solid #575182;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.dockhandle{cursor:grab;flex:1;min-width:115px;border:1px dashed #8b75d9;border-radius:9px;padding:9px 8px;color:#e4d8ff;font-weight:800;font-size:12px;touch-action:none;user-select:none}
.dockhandle:active{cursor:grabbing}.dockhead button{padding:7px 9px;font-size:11px}
.dockcontent{flex:1;overflow-y:auto;min-height:0;padding:8px 10px 22px}
.docksection{margin:8px 0;background:#171c33;border:1px solid #303957;border-radius:12px;overflow:hidden}
.docksection>summary{cursor:pointer;padding:12px;color:#dcd9ff;font-weight:760;font-size:13px;user-select:none;list-style-position:inside}
.docksection[open]>summary{border-bottom:1px solid #303957;background:#222342}
.docksection>div{padding:10px}
#toolDock .sidebar,#toolDock .inspector{display:block;width:100%;height:auto;min-height:0;overflow:visible;padding:0;border:0;background:transparent}
#toolDock .arrangebar,#toolDock .smartbar{padding:0;display:flex;background:none;border:0;gap:8px}
#toolDock .arrange-controls{display:flex;max-height:none;overflow:visible}
#toolDock .toolbar{display:flex;width:100%;justify-content:flex-start}
#toolDock .toolbar>button,#toolDock .toolbar>.filebtn{flex:1;min-width:110px}
#toolDock .inspector>h2{margin-top:3px}
#dockDropTop{min-height:25px;display:flex;align-items:center;justify-content:center;border-bottom:1px dashed #505779;background:#151b31;color:#a9b5d7;font-size:11px;gap:8px;padding:4px;}
#dockDropTop.dragover,#toolDock.dragover{outline:3px solid #9576f7;outline-offset:-3px;background:#292053}
#dockDropTop button{font-size:11px;padding:4px 9px;}
.workspace.dock-top{display:flex;flex-direction:column}
.workspace.dock-top #toolDock{order:0;height:240px;min-height:160px;resize:vertical;max-height:55dvh;border-left:0;border-bottom:2px solid #7d63db}
.workspace.dock-top .middle{order:1;flex:1;min-height:0}
.workspace.dock-top #dockDropTop{display:none}
.workspace.dock-top .dockcontent{display:flex;gap:9px;overflow-x:auto;overflow-y:auto}
.workspace.dock-top .docksection{min-width:255px;width:280px;flex:none;margin:0;overflow:auto}
.workspace.dock-top .docksection.project{min-width:305px;width:330px}
.workspace.dock-top .docksection.props{min-width:300px;width:345px}
.workspace.dock-top .docksection>div{max-height:145px;overflow:auto}
.workspace.dock-top .docksection.props>div{max-height:none}
.workspace.dock-top .dockhead{padding:5px 12px}
.workspace.dock-top .dockhandle{padding:6px}
.workspace.dock-top #canvasScroll{padding-top:14px}
.docknote{font-size:11px;color:#b4c2e6;padding:5px 10px}
@media(max-width:800px){.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.workspace #toolDock{width:100%;order:2;height:570px;border-left:0;border-top:1px solid #464c75}.workspace .middle{order:1;width:100%;height:730px}.workspace.dock-top #toolDock{order:0;width:100%;height:270px}.workspace.dock-top .middle{order:1;height:710px;flex:none}.workspace.dock-top .dockcontent{min-height:0}}

/* v0.7: a prévia respeita o empilhamento de camadas, sem elevar elementos ao passar o mouse. */
#previewElements .el.interactive:hover { z-index:unset; }
#previewElements .el { cursor:default; }
#previewElements .el.interactive { cursor:pointer; }
#previewElements .el.decorative { cursor:default; pointer-events:none; }
#previewElements .el.fixed-preview,#previewElements .el.fixed-preview:hover { animation:none!important; transform:none!important; filter:none!important; transition:none!important; }
#previewElements .el.fixed-preview .inside,#previewElements .el.fixed-preview .inside * {animation:none!important;transition:none!important;transform:none!important;filter:none!important}
#previewElements .el.fixed-preview.interactive {cursor:pointer}
#previewElements .el.fx-none:hover {transform:none!important;filter:none!important;animation:none!important}
#previewElements .el.interactive:hover { filter:none; }
#previewElements .el.interactive.fx-glow:hover {filter:drop-shadow(0 0 13px #bd74ff) brightness(1.1)}
#previewElements .el.interactive.fx-zoom:hover {transform:scale(1.07)}
#previewElements .el.interactive.fx-float:hover {transform:translateY(-7px)}
#previewElements .el.interactive.fx-pulse:hover {animation:popPulse .8s infinite alternate}
.fixed-preview-control {display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;background:#1c2241;border:1px solid #494b7d;border-radius:9px;padding:10px}
.inspector .fixed-preview-control input[type=checkbox] {width:18px!important;min-height:18px!important;margin:0;flex:none}


/* v0.8 - menus e painéis acopláveis independentes */
.topbar{min-height:65px}.studio-menubar{height:37px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #45476b;background:#14182b;position:relative;z-index:1200}
.studio-menu-wrap{position:relative}.studio-menu-trigger{border:0;background:transparent;border-radius:5px;padding:6px 12px;font-weight:700;font-size:13px}.studio-menu-trigger:hover{background:#31365e}
.studio-window-menu{position:absolute;left:0;top:33px;width:350px;max-height:min(70dvh,660px);overflow-y:auto;background:#181e38;border:1px solid #6567a2;border-radius:12px;padding:9px;box-shadow:0 14px 35px #000b;z-index:1500}.studio-window-menu[hidden]{display:none!important}
.studio-menu-caption{font-size:10px;font-weight:800;color:#aba7ee;letter-spacing:.9px;margin:9px 8px}.studio-menu-check{display:flex;align-items:center;gap:11px;font-size:12px;padding:8px 10px;border-radius:7px;cursor:pointer}.studio-menu-check:hover{background:#282e4b}.studio-menu-check input{accent-color:#ac79ff}.studio-menu-divider{height:1px;margin:9px 2px;background:#404866}
.studio-menu-move{display:flex;align-items:center;gap:4px;margin:4px 2px;border-radius:8px;padding:4px;font-size:11px}.studio-menu-move>span{flex:1;min-width:0}.studio-menu-move button{padding:4px 8px}.studio-menu-move .chosen{background:#6043a0;border-color:#b09aff}.studio-menu-item{width:100%;text-align:left;background:transparent;border:0}
.workspace{display:grid!important;grid-template-columns:minmax(210px,255px) minmax(340px,1fr) minmax(230px,300px)!important;height:calc(100dvh - 102px);min-height:570px;overflow:hidden}.workspace .middle{order:initial!important;width:auto!important;height:auto!important;min-height:0;min-width:0;flex:initial!important}.studio-dock{min-height:0;min-width:0;overflow:auto;background:#0e1428;padding:10px 8px 20px}.studio-dock#leftDock{border-right:1px solid #3b4166}.studio-dock#rightDock{border-left:1px solid #3b4166}.studio-dock-title{font-size:10px;letter-spacing:.75px;color:#abb0d6;font-weight:800;margin:8px 6px 12px}
.studio-panel{margin:0 0 10px;border:1px solid #374367;border-radius:12px;background:#191f36;overflow:hidden}.studio-panel[hidden]{display:none!important}.studio-panel.dragging{opacity:.52}.studio-panel-head{display:flex;align-items:center;gap:7px;min-height:40px;background:#252849;border-bottom:1px solid #414770;padding:7px 8px;cursor:grab;user-select:none;touch-action:pan-y}.studio-panel-head:active{cursor:grabbing}.studio-grip{font-size:19px;color:#a0a7d3}.studio-panel-head strong{font-size:12px;line-height:1.2;flex:1;min-width:0}.studio-panel-actions button{font-size:12px;padding:3px 8px}.studio-panel-content{padding:10px}.studio-panel.collapsed .studio-panel-content{display:none}.studio-panel.collapsed .studio-panel-head{border-bottom:0}
.studio-panel .inspector{width:100%!important;display:block!important;background:transparent!important;padding:0!important;border:0!important;overflow:visible!important;height:auto!important;min-height:0!important}.studio-panel .inspector label{margin:10px 0}.studio-panel .arrangebar,.studio-panel .smartbar{display:flex;gap:7px;flex-wrap:wrap;border:0;background:transparent;padding:0}.studio-panel .arrange-controls{overflow:visible;max-height:none;display:flex;flex-wrap:wrap}.studio-panel .sectionhead{margin:0}.studio-panel .sidebarfoot{margin-top:12px}
.studio-upper-dock{display:none;background:#171b33;border-bottom:1px solid #4d5274;max-height:250px;overflow:auto;flex-wrap:nowrap;gap:9px;padding:8px}.studio-upper-dock.has-panels{display:flex}.studio-upper-title{font-size:10px;writing-mode:vertical-rl;color:#909dc6;max-width:34px;flex:none;padding:8px 2px}.studio-upper-dock .studio-panel{width:260px;min-width:220px;flex:none;overflow:auto;margin:0}.studio-upper-dock .studio-panel:has(.inspector){width:330px}.studio-upper-dock .studio-panel-content{max-height:190px;overflow:auto}.studio-dock.studio-drop-active,.studio-upper-dock.studio-drop-active{box-shadow:inset 0 0 0 3px #ad78ff;background:#2b2854}
/* Drop target at top stays accessible even when it has no panels */
.studio-upper-dock:not(.has-panels){display:flex;min-height:29px;max-height:29px;align-items:center;padding:3px 12px}.studio-upper-dock:not(.has-panels) .studio-upper-title{writing-mode:initial;max-width:none;padding:0}
/* Dock v0.6 is retired; all existing app selectors and IDs remain unchanged. */
#toolDock,#dockDropTop{display:none!important}
@media(max-width:1050px){.workspace{grid-template-columns:205px minmax(330px,1fr) 230px!important}.studio-dock{padding:7px 5px}.studio-panel-content{padding:8px}}
@media(max-width:790px){.workspace{height:auto!important;min-height:0;grid-template-columns:1fr 1fr!important;overflow:visible}.workspace .middle{grid-column:1/-1;grid-row:1;height:720px!important}.workspace #leftDock,.workspace #rightDock{grid-row:2;height:560px;overflow:auto}}
@media(max-width:480px){.workspace{grid-template-columns:1fr!important}.workspace .middle{grid-row:1;height:700px!important}.workspace #leftDock{grid-row:2;height:420px}.workspace #rightDock{grid-row:3;height:420px}.studio-window-menu{width:min(350px,calc(100vw - 20px))}}

/* v0.9: arrastar painel acima/abaixo de outro, com indicação de soltura. */
.studio-panel.studio-drop-before{box-shadow:0 -4px 0 #78c7ff!important}
.studio-panel.studio-drop-after{box-shadow:0 4px 0 #78c7ff!important}
.studio-panel-head{cursor:grab;user-select:none}
.studio-panel-head:active{cursor:grabbing}
/* v0.9: a entrada anima o contêiner apenas uma vez; hover anima conteúdo interno.
   Isso impede que passar o mouse remonte a animação de entrada. */
#previewElements .el:not(.fixed-preview):not([class*="enter-"]):hover{transform:none!important;filter:none!important;}
#previewElements .el.fx-pulse:not([class*="enter-"]):hover{animation-name:none!important;}
#previewElements .el .inside{transform-origin:center;transition:transform .22s ease,filter .22s ease;}
#previewElements .el:not(.fixed-preview).fx-zoom:hover>.inside{transform:scale(1.07)!important}
#previewElements .el:not(.fixed-preview).fx-glow:hover>.inside{filter:drop-shadow(0 0 13px #bd74ff) brightness(1.1)!important}
#previewElements .el:not(.fixed-preview).fx-float:hover>.inside{transform:translateY(-7px)!important}
#previewElements .el:not(.fixed-preview).fx-pulse:hover>.inside{animation:popPulse .8s infinite alternate!important}
#previewElements .el.fixed-preview:hover>.inside{animation:none!important;transform:none!important;filter:none!important}

/* v1.0 — quiz visual: edição separada da prévia */
#quizEditor[hidden]{display:none!important}#quizEditor{position:fixed;inset:0;z-index:3100;background:#060817ed;padding:24px;display:grid;place-items:center}
.quiz-editor-panel{width:min(850px,100%);max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #7657c7;border-radius:18px;background:#13182e;box-shadow:0 20px 100px #0009}
.quiz-editor-head,.quiz-editor-foot,.quiz-editor-tools{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #38405f}
.quiz-editor-head strong{font-size:20px;color:#e9ddff}.quiz-editor-head small{display:block;color:#acb4d9;margin-top:4px}.quiz-editor-tools label{flex:1;min-width:190px;color:#bec8ef;font-size:12px}
.quiz-editor-tools input,.quiz-q input,.quiz-q select{width:100%;margin-top:5px;background:#1c2541;border:1px solid #445078;color:#fff;border-radius:9px;padding:9px}
#quizQuestions{overflow-y:auto;min-height:100px;padding:14px 20px;display:grid;gap:12px}.quiz-q{background:#202944;border:1px solid #394d7b;border-radius:14px;padding:14px;display:grid;gap:9px}
.quiz-q-top{display:flex;align-items:center;justify-content:space-between}.quiz-q label{color:#cdd4ed;font-size:12px}.quiz-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.quiz-editor-foot{border-bottom:0;border-top:1px solid #38405f}.quiz-editor-foot span{font-size:12px;color:#b9c6e5}
.quiz-game{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;padding:26px 24px;background:radial-gradient(ellipse at 50% 20%,#272567,#080e25 76%);color:#fff;gap:18px}
.quiz-game .quiz-caption{text-align:center;font-weight:800;font-size:22px;color:#e8d9ff}.quiz-game .quiz-progress{font-size:12px;letter-spacing:2px;text-align:center;color:#c3b5ef}.quiz-game .quiz-card{border:3px solid #d7ac65;border-radius:22px;background:linear-gradient(#fff8e6,#f7e6c4);padding:22px 16px;color:#3d3156;box-shadow:0 12px 40px #0009;min-height:355px;display:flex;flex-direction:column;gap:14px}
.quiz-game h3{margin:4px 0 15px;font-size:22px;text-align:center;color:#38294b;line-height:1.3}.quiz-game .quiz-option{border:2px solid #d5b16e;background:white;color:#40304f;padding:12px;border-radius:13px;font-weight:750;min-height:48px}.quiz-game .quiz-option:hover{background:#eae1ff;border-color:#8e60db}.quiz-game .quiz-option:disabled{opacity:.8;cursor:default}.quiz-game .quiz-note{font-size:13px;text-align:center;min-height:19px;color:#41516e;font-weight:650}.quiz-game .quiz-next{background:#7a3cbb;color:white;border:0;border-radius:12px;padding:12px;font-weight:800}.quiz-game .quiz-next[hidden]{display:none}.quiz-game .quiz-result{text-align:center;margin-top:45px}.quiz-game .quiz-result p{color:#c8c8f5}
@media(max-width:580px){#quizEditor{padding:5px}.quiz-opts{grid-template-columns:1fr}.quiz-editor-panel{max-height:98dvh}}