:root{--accent:#65e4b0;--bg:#10151d;--card:#1a2230;--line:#303c4f;--muted:#aeb9cc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f2f6ff;font:15px system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button,.button{border:0;border-radius:9px;padding:11px 16px;background:var(--accent);color:#10251d;font-weight:700;text-decoration:none}button.secondary{background:#303c4f;color:white}button.danger{background:#573039;color:#ffd3d9}input,select,textarea{background:#101823;color:white;border:1px solid var(--line);padding:11px;border-radius:8px;width:100%}textarea{min-height:90px}label{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}a{color:var(--accent)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#141c28;padding:30px 18px;border-right:1px solid var(--line)}aside h2{font-size:19px}aside img{max-width:160px;max-height:70px}nav{display:grid;gap:6px;margin-top:30px}nav button{text-align:left;background:transparent;color:var(--muted)}nav button.active{background:#263d39;color:var(--accent)}main{padding:32px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}h1{font-size:30px;letter-spacing:-1px;margin:6px 0 10px}h2{font-size:20px}p{line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent)}.muted,small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:22px;margin-bottom:16px}.metric{font-size:36px;font-weight:800}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{width:auto}.toolbar{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.toolbar input{max-width:380px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:13px}td button{padding:6px 10px;margin:3px}dialog{background:var(--card);color:white;border:1px solid var(--line);border-radius:18px;width:min(860px,95vw);max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#000b}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid .wide{grid-column:1/-1}.toast{position:fixed;bottom:25px;right:25px;background:#29483c;padding:18px;border-radius:12px;z-index:99;max-width:90vw}.editor{display:grid;grid-template-columns:290px 1fr;gap:22px}.editor canvas{width:100%;max-width:650px;max-height:75vh;object-fit:contain;background:#222;touch-action:none}.controls{display:grid;gap:12px}.controls .row input{width:90px}.badge{display:inline-block;background:#2f3b50;padding:4px 8px;border-radius:6px;font-size:12px}.login{max-width:600px;margin:8vh auto;padding:40px}.login h1{font-size:46px}.login input[type=checkbox]{width:auto}.login input[type=submit]{background:var(--accent);color:#10251d;font-weight:700}.bar{height:9px;background:var(--accent);border-radius:8px;min-width:2px}.timeline{border-left:2px solid var(--accent);padding-left:25px}.alert{border-left:3px solid var(--accent);padding:10px 16px;background:#22352f;margin:10px 0}#dropzone{border:2px dashed var(--line);padding:16px;border-radius:10px}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{padding:15px}nav{display:flex;overflow:auto;margin-top:12px}nav button{white-space:nowrap}main{padding:20px}.editor{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:auto}header{align-items:flex-start}.login h1{font-size:34px}}
/* Navegação e editor acessíveis em telas pequenas */
aside{position:sticky;top:0;height:100dvh;overflow:auto}#mobilemenu{display:none}button{min-height:44px}input,select,textarea{min-width:0}input[type=checkbox]{width:auto}input[type=color]{height:44px;padding:4px}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.editorbar{position:sticky;top:0;z-index:20;display:flex;gap:8px;flex-wrap:wrap;background:var(--bg);padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.editorbar span{align-self:center;font-size:12px;color:var(--muted)}.editorworkspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.editorstage{min-width:0}.canvaswrap{display:flex;justify-content:center;background:#080d14;padding:12px;border-radius:12px;margin-top:12px}.canvaswrap canvas{width:100%;max-width:580px;height:auto;touch-action:none}.editorprops{position:sticky;top:85px;max-height:calc(100dvh - 100px);overflow:auto;padding:16px}.editortabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;position:sticky;top:-16px;background:var(--card);padding:10px 0;z-index:2}.editortabs button.active{background:var(--accent);color:#10251d}#properties{display:grid;gap:10px}#properties .formgrid{gap:10px}#properties h3{margin:8px 0}#properties label{margin-bottom:0}.layerrow{display:grid;grid-template-columns:1fr auto auto;gap:5px;margin:8px 0;padding:6px;border:1px solid var(--line);border-radius:10px}.layerrow.selected{border-color:var(--accent)}.layerrow button:first-child{grid-column:1/-1;text-align:left}.layerrow button{font-size:12px;padding:8px}.datecard{display:flex;flex-direction:column}.datecard .row{margin-top:auto}.datecard p{font-size:14px}.chatbubble{padding:12px 16px;border-radius:12px;background:#243044;margin:14px 0;overflow-wrap:anywhere}.chatbubble.assistant{background:#21382e}.chatbubble p{white-space:normal}summary{cursor:pointer;padding:10px;font-weight:700}.toolbar select{max-width:100%}#calmonth{width:175px}#chatlog{max-height:65vh;overflow:auto}.login label{margin-top:12px}.login form button{margin-top:16px}
@media(max-width:1100px){.editorworkspace{grid-template-columns:minmax(0,1fr) 280px}main{padding:22px}.shell{grid-template-columns:210px 1fr}}
@media(max-width:850px){.shell{grid-template-columns:1fr}aside{height:auto;position:sticky;top:0;z-index:40;padding:10px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}#mobilemenu{display:block;flex-shrink:0}aside img{max-width:70px;max-height:35px}aside h2{font-size:15px;margin:0;flex:1}aside>small{display:none}aside nav{display:none;width:100%;margin:0;overflow:auto;max-height:65dvh}aside.menu-open nav{display:grid;grid-template-columns:1fr 1fr}aside nav button{white-space:normal}main{padding:16px}header{margin-bottom:18px;gap:12px}h1{font-size:26px}.editorbar{top:63px;margin:0 -16px 16px;padding:10px 16px;gap:6px}.editorbar button{padding:9px 11px;font-size:13px}.editorworkspace{grid-template-columns:1fr}.editorprops{position:static;max-height:none}.editortabs{grid-template-columns:repeat(4,1fr);position:static}.editortabs button{padding:8px 4px;font-size:12px}.canvaswrap canvas{max-width:460px}.formgrid{grid-template-columns:1fr}.editorprops .formgrid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.toolbar{gap:8px}.toolbar input{max-width:100%}.toolbar>*{flex-grow:1}.card{padding:16px}input,select,textarea{font-size:16px}td button{min-height:44px}dialog{padding:18px;max-height:92dvh}.login{padding:20px;margin:3vh auto}.toast{bottom:calc(15px + env(safe-area-inset-bottom));right:15px}.row{gap:8px}.table{border-radius:12px}.editorstage .toolbar select{width:100%}#properties .row button{flex:1}main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.editorbar span{width:100%}aside h2{max-width:140px}.editorprops .formgrid{grid-template-columns:1fr}}
/* Estúdio de artes: edição direta e controles sobre o quadro */
[hidden]{display:none!important}.artmain{padding-top:16px}.probar{margin-bottom:12px;padding-top:0;align-items:center;justify-content:space-between}.editortoolgroup{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.probar #savehint{flex:1 0 100%;font-size:11px}.proworkspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.formatrow{display:flex;align-items:center;gap:12px;margin-bottom:12px}.formatrow label{margin:0;flex:0 0 auto}.formatrow select{width:auto;max-width:100%;flex:1}.prostage{display:block;overflow:auto;max-height:calc(100dvh - 195px);min-height:260px;background:radial-gradient(ellipse at 50% 30%,#273246,#0b1018);padding:28px 24px;border:1px solid #303c4f;overscroll-behavior:contain}.artboard{position:relative;line-height:0;flex:none;box-shadow:0 16px 50px #0009;isolation:isolate}.artboard canvas{display:block;width:100%;height:auto;max-width:none;max-height:none;touch-action:none;outline:none}.artstageactions{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;pointer-events:none;z-index:8;line-height:normal}.glassbutton{pointer-events:auto;background:#101823df;color:white;border:1px solid #ffffff40;backdrop-filter:blur(8px);min-height:38px;padding:7px 10px;font-size:12px;box-shadow:0 2px 8px #0004}.selectionframe{position:absolute;border:1.5px solid #65e4b0;transform-origin:center;pointer-events:none;z-index:9;line-height:normal;box-sizing:content-box}.selectionframe.locked{border-style:dashed}.arthandle{position:absolute;pointer-events:auto;border:2px solid #101823;background:#fff;width:12px;height:12px;min-height:12px;padding:0;border-radius:3px;transform:translate(-50%,-50%);touch-action:none;box-shadow:0 0 0 1px #65e4b0}.arthandle::before{content:'';position:absolute;inset:-10px}.arthandle:disabled{display:none}.handle-nw{left:0;top:0;cursor:nwse-resize}.handle-n{left:50%;top:0;cursor:ns-resize}.handle-ne{left:100%;top:0;cursor:nesw-resize}.handle-e{left:100%;top:50%;cursor:ew-resize}.handle-se{left:100%;top:100%;cursor:nwse-resize}.handle-s{left:50%;top:100%;cursor:ns-resize}.handle-sw{left:0;top:100%;cursor:nesw-resize}.handle-w{left:0;top:50%;cursor:ew-resize}.handle-rotate{left:50%;top:-27px;border-radius:50%;width:16px;height:16px;cursor:grab}.handle-rotate::after{content:'';position:absolute;height:16px;width:1px;background:#65e4b0;left:6px;top:14px;pointer-events:none}.inlineeditor{position:absolute;z-index:12;box-sizing:content-box;min-height:0;min-width:0;margin:0;padding:0;border:1.5px dashed #65e4b0;border-radius:0;outline:none!important;outline-offset:0;resize:none;overflow:hidden;background:#10182345;transform-origin:50% 50%;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 0 0 3px #10182350;line-height:normal;touch-action:auto}.contexttools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:54px;padding:10px 0}.contexttools>span{font-size:12px;color:var(--muted);margin-right:4px}.contexttools button{min-height:38px;font-size:12px;padding:8px 10px}.artviewtools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}.artviewtools button{font-size:11px;padding:6px 9px;min-height:34px}.artviewtools>span{font-size:11px;color:var(--muted)}.snaplabel{display:flex;gap:6px;align-items:center;font-size:11px;margin:0 8px;white-space:nowrap}.snaplabel input{accent-color:var(--accent)}.savedarts{margin-top:14px;border-top:1px solid var(--line);font-size:12px}.savedarts summary{padding-left:0;font-weight:500;color:var(--muted)}.artdrop{position:absolute;inset:0;border:3px dashed var(--accent);display:flex;align-items:center;justify-content:center;background:#101823da;color:var(--accent);z-index:30;line-height:1.5;text-align:center;padding:30px;font-size:18px;pointer-events:none}.proworkspace .editorprops{top:120px;max-height:calc(100dvh - 140px)}.editorprops button.active{background:#36534b;color:var(--accent)}.editorprops details>label{margin:8px 0}.editorprops details>input{margin:4px 0}.artmain:has(.proworkspace) .card{margin-bottom:0}
@media(min-width:851px){.probar #toggleprops{display:none}}
@media(max-width:1100px) and (min-width:851px){.proworkspace{grid-template-columns:minmax(0,1fr) 260px}.probar button{font-size:12px;padding:8px 10px}}
@media(max-width:850px){.artmain{padding-top:0}.probar{top:64px;padding:8px 12px;margin:0 -16px 12px;gap:6px}.probar button{font-size:12px;padding:8px 9px;min-height:40px}.editortoolgroup{gap:5px}.probar #savehint{font-size:10px}.proworkspace{grid-template-columns:1fr;gap:10px}.proworkspace .editorprops{display:none;position:static;max-height:none}.proworkspace.inspector-open .editorprops{display:block}.formatrow{margin-bottom:10px}.formatrow select{font-size:14px}.prostage{padding:28px 18px;max-height:65dvh;min-height:200px}.artboard canvas{max-width:none}.contexttools{gap:5px;padding:10px 0}.contexttools button{min-height:44px}.contexttools>span{flex-basis:100%;font-size:11px}.artstageactions{top:7px;left:7px;right:7px}.glassbutton{min-height:36px;padding:6px 8px;font-size:11px}.arthandle{width:14px;height:14px;min-height:14px}.arthandle::before{inset:-10px}.handle-rotate{width:18px;height:18px}.artviewtools>span{flex-basis:100%}.proworkspace .savedarts .toolbar select{width:100%}.artviewtools button{min-height:40px}.inlineeditor{caret-color:white}}

@media(max-width:850px){aside h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formatrow label{font-size:12px}.proworkspace .editorprops .editortabs{position:sticky;top:164px;background:var(--card);z-index:21}}

.shell>.panelnav{position:sticky;top:0;max-height:100dvh}@media(max-width:850px){.shell>.panelnav{position:sticky;top:0;max-height:none}}