/* Alanor Studio 1.2: editor de aparência + docks responsivos */
.studio-import-svg{display:inline-flex;align-items:center;justify-content:center;font-size:12px;min-height:34px;margin:0;padding:8px 9px}
.advanced-appearance{padding:12px;margin:12px 0;border:1px solid #425177;border-radius:12px;background:#151d35;display:grid;gap:10px;min-width:0}
.advanced-appearance>h3{margin:0;color:#c5b5ff}
.advanced-appearance label{display:grid;gap:5px;min-width:0}
.advanced-appearance select,.advanced-appearance textarea{background:#10162b;color:white;border:1px solid #4b5983;border-radius:8px;padding:7px;width:100%;font:inherit}
.advanced-appearance textarea{font:12px monospace;resize:vertical;min-height:90px}
.advanced-appearance input[type=range]{width:100%}
.gradient-editor{min-width:0;padding:14px 7px 8px;border:1px solid #343d5f;border-radius:10px;background:#0e1427}
.gradient-track{height:33px;border-radius:6px;border:1px solid #c1c8ff;position:relative;margin-bottom:22px;cursor:crosshair;user-select:none;touch-action:none}
.gradient-stop{position:absolute;top:34px;transform:translateX(-50%);width:17px;height:18px;background:var(--stop-color);border:2px solid white;border-radius:4px 4px 6px 6px;box-shadow:0 2px 5px #000a;cursor:ew-resize;padding:0;touch-action:none}
.gradient-stop:before{content:'';position:absolute;top:-8px;left:2px;border:5px solid transparent;border-bottom-color:white}
.gradient-stop.active{outline:2px solid #49baff;outline-offset:3px;z-index:2}
.gradient-detail{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.gradient-detail input[type=color]{width:34px;height:30px;padding:2px}
.gradient-detail input[type=number]{width:53px;border:1px solid #44537f;border-radius:5px;background:#141e36;color:#fff;padding:5px}
.gradient-detail button{padding:5px 7px;font-size:11px}
.gradient-detail label{flex:1;min-width:95px;font-size:11px;display:flex;align-items:center;gap:4px}
.el .inside.v12-inside{overflow:hidden}
.el.svg .inside,.el.svgButton .inside,.el.html .inside{padding:0!important}
.el.svg .inside svg,.el.svgButton .inside svg{width:100%;height:100%;display:block;pointer-events:none}
.el.html .inside iframe.html-embed{width:100%;height:100%;border:0;pointer-events:none}
#previewElements .el.html iframe{pointer-events:auto}
#previewElements .el.svgButton .inside{cursor:pointer}
/* O layout existente usa CSS grid e docks via dock.js */
.workspace.v12-layout{--studio-left:258px;--studio-right:282px;grid-template-columns:var(--studio-left) minmax(320px,1fr) var(--studio-right)!important}
.workspace.v12-layout #leftDock,.workspace.v12-layout #rightDock{min-width:0!important;width:auto!important;max-width:none!important;position:relative;overflow-x:hidden}
.workspace.v12-layout #leftDock{border-right:1px solid #344062}
.workspace.v12-layout #rightDock{border-left:1px solid #344062}
.workspace.v12-layout .studio-panel{max-width:100%;min-width:0;overflow:hidden}
.workspace.v12-layout .studio-panel-content{min-width:0}
.workspace.v12-layout .studio-panel-content .toolgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:7px}
.workspace.v12-layout .studio-upper-dock{--studio-top:58px;min-height:var(--studio-top);height:var(--studio-top);max-height:240px;overflow-y:auto;overflow-x:hidden;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;position:relative;padding-bottom:12px}
.workspace.v12-layout .studio-upper-dock.has-panels{display:flex}
.workspace.v12-layout .studio-upper-dock .studio-panel{flex:1 1 260px;min-width:200px!important;width:auto!important;max-width:none!important;overflow:visible}
.workspace.v12-layout .studio-upper-dock .studio-panel-content{max-height:none;overflow:visible}
.workspace.v12-layout .studio-upper-dock .studio-panel .toolgrid{display:flex;flex-wrap:wrap;align-items:center}
.workspace.v12-layout .studio-upper-dock .studio-panel .toolgrid>*{flex:0 1 auto}
.workspace.v12-layout .studio-upper-dock .studio-panel .two{display:flex;flex-wrap:wrap;gap:8px}
.workspace.v12-layout .studio-upper-dock .studio-panel .two>label{flex:1 1 110px;min-width:95px}
.workspace.v12-layout .studio-upper-dock .studio-panel:has(.inspector){flex:2 1 430px}
.studio-splitter{position:absolute;z-index:40;touch-action:none;background:transparent}
.studio-splitter:hover,.studio-splitter.dragging{background:#8d5fff99}
#studioLeftSplitter{right:0;top:0;bottom:0;width:7px;cursor:col-resize}
#studioRightSplitter{left:0;top:0;bottom:0;width:7px;cursor:col-resize}
#studioTopSplitter{bottom:0;left:0;right:0;height:8px;cursor:row-resize}
@media(max-width:920px){.workspace.v12-layout{grid-template-columns:minmax(145px,23%) minmax(250px,1fr) minmax(150px,23%)!important}}
@media(max-width:700px){.workspace.v12-layout{display:flex!important;flex-direction:column}.workspace.v12-layout #leftDock,.workspace.v12-layout #rightDock{max-height:310px;overflow:auto}.workspace.v12-layout .middle{min-height:500px}.studio-splitter{display:none}}