/* ALIANÇA INOVA STUDIO 1.2.0 — interface compacta / mesa de trabalho */
:root{color-scheme:dark;--bg:#0c0e11;--card:#15191e;--card2:#191e25;--line:#2b3038;--text:#ecedf0;--muted:#8d939e;--y:#f5c842;--navy:#11151a;--r:4px;--rail-w:62px;--library-w:244px;--inspector-w:282px;--top-height:55px}
html,body{height:100%;overscroll-behavior:none}
body{margin:0;overflow:hidden;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:12px;line-height:1.35}
button{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--y)!important;outline-offset:1px}
.i{display:inline-block;vertical-align:middle;flex-shrink:0}
.app{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);background:var(--bg)}
.side{width:var(--rail-w);height:100%;position:relative;padding:0 7px 10px;background:#101216;border-right:1px solid var(--line);min-height:0;display:flex;flex-direction:column;z-index:10}
.brand{height:var(--top-height);padding:0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--line);margin:0 -7px 12px;gap:0}
.brand-icon{width:31px;height:31px;border-radius:4px;background:var(--y);color:#101319;font-size:19px}
.brand-word,.brand .version,.side-label,.nav-text,.nav-item em,.side-bottom small,.side-footer,.status-dot{display:none!important}
.main-nav{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.nav-item{padding:0;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:3px;height:43px;width:100%;color:#9da3ad;background:transparent;gap:0;position:relative;box-shadow:none}
.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#22272e;border-color:#353b43;color:#fff}.nav-item.active{color:var(--y);background:#29291d;border:1px solid #4e4725;box-shadow:none}
.side-bottom{margin-top:auto;padding:7px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:3px}.side-bottom .nav-item{height:37px}.rail-version{font-size:9px;letter-spacing:.4px;text-align:center;color:#666c74;margin:10px 0 0}
.workspace{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column}
.topbar{height:var(--top-height);flex:0 0 var(--top-height);padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#14171b;border-bottom:1px solid var(--line)}
.top-start,.top-actions{display:flex;align-items:center;gap:6px;min-width:0;flex-shrink:1}.top-actions{flex-shrink:0}
.top-start .tool:first-child{border:1px solid transparent}
.top-title{min-width:0;margin:0 8px 0 7px;white-space:nowrap}.top-title h1{font-size:12px;line-height:1.15;letter-spacing:0;color:#e7eaf0;font-weight:700;overflow:hidden;text-overflow:ellipsis;max-width:245px}.top-title #crumb{display:block;font-size:8px;letter-spacing:1px;color:#858c99;font-weight:700;margin-bottom:3px}
.topbar-divider,.tool-separator{height:20px;width:1px;background:#363b44;display:inline-block;flex-shrink:0;margin:0 6px}
.file-meta{white-space:nowrap;color:#aab0bc;font-weight:650;font-size:10px;letter-spacing:.2px}.file-meta .dim{color:#565c65;margin:0 5px}.top-chip{color:#757d89;font-size:10px;display:flex;gap:5px;align-items:center;margin-right:8px}
.top-chip .i{fill:#62b990;stroke:#62b990}
.tool,.tiny-btn,.zoom-number{width:31px;height:31px;border:1px solid transparent;color:#aeb5bf;border-radius:3px;background:transparent;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}
.tool:hover,.tiny-btn:hover,.zoom-number:hover{background:#242a32;border-color:#404650;color:#f5f6fa}.tool.active{color:var(--y);background:#2c2919;border-color:#544923}
.btn{height:31px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #3b4149;background:#242932;border-radius:3px;font-size:11px;font-weight:680;color:#dce1e6;line-height:1.1;white-space:nowrap}
.btn:hover{filter:brightness(1.2)}.btn.yellow{background:var(--y);border-color:var(--y);color:#141619}.btn.ghost{background:#22272e}.btn.small{height:26px;padding:0 8px;font-size:10px}.btn.mini{padding:0 9px;height:28px;font-size:10px;background:#1b2027;border-color:#343941}.btn.mini.accent{background:#2b291d;border-color:#514626;color:#eaca64}.btn.mini.quiet{color:#a6aeb7;background:transparent;border-color:transparent}.btn.mini.quiet:hover{border-color:#383e46;background:#242930}
.mobile-menu{display:none}
.content{flex:1;min-height:0;height:calc(100dvh - var(--top-height));display:grid;grid-template-columns:minmax(0,var(--library-w)) minmax(0,1fr) minmax(0,var(--inspector-w));background:#0b0d11;overflow:hidden;gap:0;position:relative}
.browse-panel{min-width:0;min-height:0;height:100%;border:0;border-right:1px solid var(--line);background:#15181d;padding:0;display:flex;flex-direction:column;overflow:hidden}
.section-head{padding:17px 13px 12px;border-bottom:1px solid #292e35;flex-shrink:0}.browse-kicker{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 9px;font-size:9px;font-weight:750;letter-spacing:1.1px;color:#9da4af}.browse-kicker .lib-count{color:#555d68;font-size:9px;font-weight:600;letter-spacing:0}.section-head h2{font-size:14px;letter-spacing:-.25px;color:#ebedf0;margin:0 0 4px;font-weight:720}.section-head p:not(.eyebrow){font-size:10px;color:#838b96;line-height:1.45;max-width:230px}
.browse-content{margin:0;padding:10px 10px 16px;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.model-filters{position:sticky;top:-10px;z-index:3;background:#15181df5;display:grid;gap:6px;padding:3px 0 10px;margin-bottom:3px;border-bottom:1px solid #2b3037}
.model-filters input,.model-filters select{height:31px;padding:0 9px;color:#ecedf0;font-size:11px;background:#1d2229;border:1px solid #353b44;border-radius:3px;min-width:0;box-shadow:none}
.model-list{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
.model-card{min-height:67px;padding:5px 7px;display:flex;align-items:center;flex-direction:row;gap:8px;border-radius:3px;border:1px solid transparent;background:#1c2026;color:#dfe4ea;box-shadow:none;width:100%;text-align:left}
.model-card:hover{border-color:#555e68;background:#292f37}.model-card.active{background:#28291f;border-color:#a38b39}
.model-img{width:43px;height:55px;flex:0 0 43px;border-radius:2px;object-fit:cover;background:#373e48}
.model-card div{min-width:0;flex:1}.model-card strong{font-size:10.5px;font-weight:720;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-card small{display:block;color:#8b939d;font-size:9px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.model-card .arr{display:none}
.model-card[hidden]{display:none!important}
.asset-grid,.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.lib-card,.icon-card{padding:6px;border-radius:3px;border:1px solid #323841;background:#1e232a}.lib-card img{border-radius:2px}.lib-card b,.icon-card b{font-size:10px}.lib-card small,.icon-card a{font-size:9px}.icon-card img{max-width:92px}
.hero-card{border:1px solid #383d43;border-radius:3px;padding:11px;background:#1e2228;margin:12px 0}.hero-card strong{font-size:11px}.hero-card p{font-size:10px;color:#9ca5b1}.caption-item{background:#1d2229;border:1px solid #353a43;border-radius:3px;padding:10px;margin:0 0 8px}.caption-item p{font-size:11px}.caption-item textarea{border-radius:3px!important;font-size:11px!important;background:#12161c!important}.filter-bar{gap:5px}.chip{font-size:10px;border-radius:3px;padding:6px}.chip.active{background:var(--y)}
.editor-panel{background:#111318;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;padding:0;border:0;align-items:stretch;overflow:hidden}
.editor-heading{flex:0 0 41px;min-height:41px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292e35;background:#171b20;gap:10px}
.doc-info{display:flex;align-items:center;gap:9px;min-width:0}.doc-indicator{width:7px;height:7px;border:1px solid #e2bd47;background:#d9b235;flex-shrink:0}.editor-heading h3{font-size:11px;font-weight:680;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin:0;color:#d9dfe7}.format-info{font-size:9px;color:#6f7782;white-space:nowrap;padding-left:5px;border-left:1px solid #383f47}
.editor-controls{display:flex;gap:2px;align-items:center}.editor-controls .tiny-btn{width:27px;height:27px}.editor-controls .tool-separator{height:15px;margin:0 3px}
.slide-nav{height:32px;flex:0 0 32px;margin:0;padding:3px 12px;background:#15181d;border-bottom:1px solid #282d34}.slide-nav[hidden]{display:none}.slide-nav span{font-size:10px;color:#c4cad2;letter-spacing:1px}
.canvas-area{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;align-items:safe center;justify-content:safe center;padding:23px;position:relative;background-color:#12151a;background-image:radial-gradient(#292f38 .75px, transparent .75px);background-size:18px 18px}
.canvas-holder{width:420px;max-width:none;min-width:80px;margin:auto;text-align:center;flex:0 0 auto;box-shadow:0 18px 55px #0008;transition:width .1s ease-out}
#editorCanvas{display:block;width:100%;height:auto;aspect-ratio:4/5;border:1px solid #4a4f53;box-shadow:0 0 0 1px #0008;border-radius:0;cursor:grab;touch-action:none}
#editorCanvas.dragging{cursor:grabbing}
.editor-bottom{flex:0 0 auto;min-height:46px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;padding:7px 10px;background:#171a20;border-top:1px solid #30343d;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.creation-tools,.viewport-controls{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;white-space:nowrap;flex-shrink:0}.viewport-controls{margin-left:auto}.canvas-hint{font-size:9px;color:#727b88;white-space:nowrap}.viewport-controls .tool-separator{height:18px}.viewport-controls .tiny-btn{height:25px;width:25px;border:1px solid transparent}.zoom-number{font-size:10px;width:42px;height:25px;border:1px solid #353b44;font-variant-numeric:tabular-nums;background:#22272d;color:#d9dce1}
.properties{border:0;border-left:1px solid var(--line);background:#15181d;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}
.props-head{height:41px;flex:0 0 41px;border-bottom:1px solid #2c3139;padding:0 10px 0 14px;display:flex;align-items:center;justify-content:space-between;color:#a6adb7;letter-spacing:1px;font-size:9px;font-weight:800}
.props-head .tiny-btn{width:25px;height:25px}
.tabs{position:static;z-index:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 35px;border-bottom:1px solid #30343c;background:#15181d}
.tab{border:0;border-bottom:2px solid transparent;padding:7px 4px;font-size:10px;font-weight:700;background:transparent;color:#808995}.tab.active{border-bottom-color:var(--y);color:#f0f2f5}
.property-body{padding:13px 12px 28px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:none;scrollbar-gutter:stable;overscroll-behavior:contain}
.panel-heading{font-size:11px;color:#e4e8ed;letter-spacing:0;margin:13px 0 8px}.field{gap:5px;margin-bottom:10px}.field label{color:#a0a7b2;font-size:10px;font-weight:620}
.field input,.field select,.field textarea,.font-select{border:1px solid #373e48;border-radius:3px;background:#1d2229;color:#e9edf3;padding:7px 9px;font-size:11px;min-height:30px}
.field textarea,.editor-textarea{resize:vertical;min-height:75px!important;font-size:11px!important;line-height:1.45!important}
.field input[type=color]{min-height:28px;padding:2px}.field input[type=range]{min-height:24px;padding:3px 0}.two{gap:7px}.editor-check{padding:5px 0;font-size:10px;gap:6px}.editor-check input{height:14px;width:14px}
.note{font-size:10px;line-height:1.5;margin:0 0 12px;color:#929baa}.mini-tip{border:1px solid #373e47;background:#1e242b;border-radius:3px;color:#a0a9b7;font-size:10px;line-height:1.5;padding:9px}.property-body small{font-size:9px;color:#7d8895}.divider{border:0;border-top:1px solid #343a42;margin:12px 0}.bg-grid{gap:5px}.bg-thumb{border-radius:2px}.property-button{height:auto;min-height:30px;padding:6px;border-radius:3px;font-size:10px}.caption-item .cap-id{font-size:9px;color:var(--y)}.layer-row{font-size:10px;border-radius:3px;padding:8px}.layer-row .kind{font-weight:700}.empty{font-size:11px;border-radius:3px;padding:11px}
.toast{border-radius:3px;background:#283327;border:1px solid #6e8b55;color:#effee4;bottom:16px;right:16px}
.mobile-backdrop{display:none}
/* panel state toggles: the stage takes the freed space, panels stop consuming layout space */
.app.library-collapsed .content{grid-template-columns:0 minmax(0,1fr) minmax(0,var(--inspector-w))}
.app.inspector-collapsed .content{grid-template-columns:minmax(0,var(--library-w)) minmax(0,1fr) 0}
.app.library-collapsed.inspector-collapsed .content{grid-template-columns:0 minmax(0,1fr) 0}
.app.library-collapsed .browse-panel,.app.inspector-collapsed .properties{display:none}
.app.focus-mode{grid-template-columns:1fr}.app.focus-mode .side,.app.focus-mode .browse-panel,.app.focus-mode .properties{display:none}.app.focus-mode .content{grid-template-columns:minmax(0,1fr)}.app.focus-mode .editor-panel{grid-column:1}
/* precise scrollbars, contained within each panel */
.browse-content,.property-body,.canvas-area,.editor-bottom{scrollbar-width:thin;scrollbar-color:#40464f transparent}
.browse-content::-webkit-scrollbar,.property-body::-webkit-scrollbar,.canvas-area::-webkit-scrollbar,.editor-bottom::-webkit-scrollbar{width:5px;height:5px}
.browse-content::-webkit-scrollbar-thumb,.property-body::-webkit-scrollbar-thumb,.canvas-area::-webkit-scrollbar-thumb,.editor-bottom::-webkit-scrollbar-thumb{background:#40464f}
.browse-content::-webkit-scrollbar-track,.property-body::-webkit-scrollbar-track{background:transparent}
@media(max-width:1320px){:root{--library-w:218px;--inspector-w:254px}.file-meta,.canvas-hint{display:none}.section-head{padding:13px 11px}.browse-content{padding:8px}.property-body{padding:10px}}
@media(max-width:1000px){:root{--library-w:202px;--inspector-w:240px}.model-img{width:39px;flex-basis:39px;height:50px}.model-card{min-height:60px}.format-info{display:none}.top-chip{display:none}.creation-tools .btn{padding:0 6px}}
@media(max-width:850px){
  :root{--rail-w:0px;--library-w:0px;--inspector-w:0px;--top-height:52px}
  .app{display:block}.workspace{height:100dvh}.side{display:flex;position:fixed;width:220px;top:0;left:0;bottom:0;z-index:60;transform:translateX(-100%);transition:transform .18s ease;box-shadow:16px 0 60px #0009;padding:0 10px 16px}.side.open{transform:translateX(0)}
  .side .brand{justify-content:flex-start;padding-left:10px;gap:8px}.brand-word,.nav-text{display:block!important}.brand-word strong{font-size:11px}.brand-word small{font-size:8px;color:#8d939c;letter-spacing:1.5px}.side .nav-item{justify-content:flex-start;padding:0 13px;gap:14px;height:43px}.side .nav-text{font-size:12px}.side-bottom .nav-item{height:38px}.rail-version{text-align:left;padding-left:13px}
  .mobile-backdrop.visible{display:block;position:fixed;inset:0;background:#0009;z-index:55}
  .mobile-menu{display:inline-flex}.topbar{padding:0 9px;gap:4px}.top-title{margin:0 0 0 3px}.top-title h1{font-size:11px;max-width:150px}.topbar-divider,.file-meta{display:none}.top-actions{gap:2px}.top-actions .tool{width:28px}.top-actions .btn{height:29px;padding:0 7px;font-size:10px}.top-actions .btn.ghost{display:inline-flex}
  .content,.app.library-collapsed .content,.app.inspector-collapsed .content,.app.library-collapsed.inspector-collapsed .content{grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--top-height));position:relative}
  .editor-panel{grid-column:1;grid-row:1}.browse-panel,.properties{display:none;position:absolute;top:0;bottom:0;z-index:40;width:min(340px,88vw);height:100%;box-shadow:10px 0 35px #0008}
  .browse-panel{left:0;border-right:1px solid #434952}.properties{right:0;border-left:1px solid #434952;box-shadow:-10px 0 35px #0008}
  .app:not(.library-collapsed):not(.focus-mode) .browse-panel{display:flex}.app:not(.inspector-collapsed):not(.focus-mode) .properties{display:flex}
  .browse-content,.property-body{scrollbar-gutter:auto}
  .canvas-area{padding:16px}.editor-heading{padding:0 9px}.doc-info{gap:6px}.editor-bottom{justify-content:flex-start}.viewport-controls{margin-left:auto}.canvas-hint{display:none}
  .side-bottom{margin-top:auto}
}
@media(max-width:540px){
  .topbar{padding:0 6px}.top-title{max-width:112px}.top-title h1{font-size:10px}.top-title #crumb{font-size:7px}.top-actions .btn.ghost{display:none}.top-actions .btn.yellow span{display:none}.top-actions .btn.yellow{width:32px}.top-actions .tool{width:27px}.top-start{gap:2px}.top-actions{gap:0}
  .editor-heading h3{max-width:210px}.editor-controls .tiny-btn{width:25px}.slide-nav{padding:2px 7px}.creation-tools .btn{gap:3px}.viewport-controls .tiny-btn{width:24px}.editor-bottom{padding:6px 7px}.canvas-area{padding:10px}
}
@media(prefers-reduced-motion:reduce){.side,.canvas-holder,.toast{transition:none!important}}
/* compatibility: browser native hidden attribute must win over flex/grid styles */
[hidden]{display:none!important}
/* focus mode must override all combinations of remembered panel states */
.app.focus-mode .content,.app.focus-mode.library-collapsed .content,.app.focus-mode.inspector-collapsed .content,.app.focus-mode.library-collapsed.inspector-collapsed .content{grid-template-columns:minmax(0,1fr)!important}