/* Paraná Future Garden — desktop studio, 0.9.0 */
:root{--accent:#d4e5b6;--panel:rgba(17,29,24,.88);--txt:#f3f5ee;--muted:#b6c3b8;--shadow:0 8px 32px #0002}
button{transition:background .15s,border-color .15s,transform .15s}button:hover{border-color:#d4e5b6!important;background:#354d3e!important;color:#fff!important}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #efdba6;outline-offset:3px}button:disabled,input:disabled{opacity:.38;cursor:not-allowed}
#app{grid-template-rows:68px 40px minmax(0,1fr)}header{padding:9px 20px;gap:14px;background:#12221bf2;backdrop-filter:blur(12px)}.brand .eyebrow{font:600 9px/1.3 system-ui;letter-spacing:.19em;color:#bdcba8}.brand h1{font-size:19px;font-weight:500;letter-spacing:-.04em}.brand h1 span{font-size:13px;letter-spacing:-.01em;color:#cad5c4}.top-actions{flex-wrap:nowrap;gap:6px}.btn,.upload{font-size:11px;border-radius:8px;padding:9px 10px;box-shadow:none}.btn.primary{font-weight:650;background:#d4e5b6}#savedCount{display:inline-block;background:#ffffff16;border-radius:6px;padding:1px 5px;margin-left:3px}.audioControls{gap:12px;padding:4px 20px;background:#192b22f7;box-shadow:none;justify-content:flex-start}.audioControls button{font-size:10px;border:0;padding:4px 6px;background:transparent}.audioControls input{width:62px;height:12px}.audioControls label{font-size:10px;gap:5px}.audioTime{font-size:9px;font-variant-numeric:tabular-nums;color:#c1ceb6}.audioControls .helpButton{margin-left:auto}
.workspaceHud{inset:12px 16px auto;align-items:center;height:40px}.badge{padding:7px 12px;border-radius:9px;display:flex;gap:9px;align-items:center;background:#14261dda;box-shadow:none}.badge .step{font-size:8px;letter-spacing:.1em;color:#b5c596}.badge h3{font-size:12px;margin:0}.badge p{display:none}.toolDock{gap:5px}.toolDock button{height:31px;border-radius:8px;font-size:10px;padding:0 10px}.toolDock button.active{background:#d4e5b6;color:#17231d;border-color:#d4e5b6}.gameOverlay{display:block;inset:64px auto 140px 16px;width:222px;z-index:11}.gamePanel{background:var(--panel);border-radius:11px;padding:12px;box-shadow:var(--shadow);border:1px solid #e5f0db24;backdrop-filter:blur(20px)}#toolsPanel{max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#789276 transparent}.gamePanel .label,.label{font:600 8px/1.3 system-ui;letter-spacing:.16em;color:#c6d5bb}.gamePanel h3{font-size:16px;font-weight:500;margin:5px 0 12px;letter-spacing:-.035em}.gameTools{gap:5px}.gameTools button{height:32px;font-size:10px;font-weight:550;border-radius:7px;background:#293b30b3}.gameTools button.active{color:#19251c;background:#d4e5b6}.toolHelp{font-size:10px;line-height:1.5;color:#b7c5b8;margin:10px 0}.gameSlider label{text-transform:none;font-size:10px;letter-spacing:0}.gameSlider input,.rangeWrap input{accent-color:#d4e5b6;height:15px;cursor:pointer}.gameSlider{margin-top:10px}.rangeEnds{display:flex;justify-content:space-between;color:#92a48f;font-size:8px}.smallLink{border:0;background:transparent;color:#d4e5b6;font-size:10px;padding:8px 0;text-align:left}.tiny{font-size:9px;line-height:1.5}details{border-top:1px solid #d7e7d021;margin-top:12px;padding-top:10px}summary{cursor:pointer;font-size:11px;color:#e0e8d8;list-style-position:inside;padding:0 0 6px}.gameData{background:transparent!important;border:0;border-top:1px solid #d7e7d021;border-radius:0;padding:12px 0 0;box-shadow:none;backdrop-filter:none;margin-top:12px}.gameDataName{font-size:15px;font-weight:550;letter-spacing:-.02em}.gameDataRow{grid-template-columns:52px 1fr;font-size:9px;padding:6px 0}.gameDataRow b{font-size:8px}.gameDataRows{gap:1px}.gameDataNotes{font-size:9px}.centerHint{position:fixed;bottom:150px;left:50%;transform:translateX(-50%);max-width:440px;margin:0;font-size:10px;padding:7px 12px;pointer-events:none;white-space:normal;text-align:center;background:#17261bbf;color:#e6eddd;border:1px solid #e5f0db22;box-shadow:none}
.panel.right{position:absolute;display:none;z-index:14;right:16px;top:64px;bottom:304px;width:264px;min-height:150px;border:1px solid #e5f0db24;border-radius:11px;padding:12px;background:var(--panel);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#789276 transparent}.panel.right.open{display:block}.panelHeading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panelHeading button{color:#cbd6c3;border:0;background:transparent;font-size:20px;line-height:1}.tabs{flex-wrap:nowrap;gap:4px}.tabBtn{font-size:10px;padding:6px 9px;border-radius:7px}.panel h2{font-size:15px}.panel .copy{font-size:10px}.dayControl{position:static;transform:none;left:auto;bottom:auto;width:auto;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;margin-top:12px}.dayControl label{font-size:12px;font-weight:550}.dayControl output{font-size:16px;color:#e3cf9f}.dayControl input{margin-top:9px}.presetSelect{display:none}.lightGrid{display:flex;flex-wrap:wrap;gap:5px}.lightGrid button{font-size:9px;padding:6px 8px;border-radius:6px;flex:1}.lightGrid button[data-light=archive],.lightGrid button[data-light=spectral]{display:none}.rangeWrap label{font-size:10px;margin-bottom:1px}.rangeWrap{margin-top:11px}.rangeWrap input{height:14px}.form label{font-size:9px;margin-top:9px}.form input,.form textarea{font-size:11px;padding:7px;border-radius:7px}.note{font-size:10px;padding:8px}.rightActions button,.btnRow button{font-size:10px;padding:8px}.fileline{font-size:9px}.drawerToggle{display:inline-block}
.speciesTray{position:absolute;z-index:15;left:50%;bottom:20px;transform:translateX(-50%);width:min(660px,calc(100% - 420px));padding:11px 14px 10px;border:1px solid #e5f0db33;border-radius:14px;background:#15251edb;backdrop-filter:blur(20px);box-shadow:0 10px 40px #0003}.speciesHeading{display:flex;align-items:center;gap:12px;margin-bottom:8px}.speciesHeading h2{margin:0;font-size:12px;font-weight:650}.speciesHeading>span{font-size:9px;color:#b4c4b3;flex:1}.speciesHeading button{border:1px solid #aebfa644;border-radius:6px;padding:3px 6px;background:transparent;font-size:9px;color:#dce9d1}.assetBelt{position:static;left:auto;bottom:auto;transform:none;width:100%;display:flex;gap:7px;justify-content:flex-start;overflow-x:auto;padding-bottom:1px;scrollbar-width:thin}.assetSlot{flex:0 0 104px;width:104px;height:76px;padding:4px 6px;border:1px solid #d4e5b62e;background:#33453880;box-shadow:none;border-radius:8px;display:flex;flex-direction:column;gap:1px;position:relative}.assetSlot.active{border-color:#d4e5b6;box-shadow:0 0 0 1px #d4e5b66b;background:#4b604360}.assetSlot img{width:86px;height:49px;object-fit:contain;filter:drop-shadow(0 4px 3px #0004)}.assetSlot b{display:block;font-size:10px;font-weight:550;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assetSlot span{display:none}.assetIcon{background:none;width:76px;height:49px;font-size:28px}.status{bottom:2px;left:16px;right:auto;max-width:95%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;font-size:8px;line-height:15px;text-shadow:0 1px 3px #000;color:#e0e7da;pointer-events:none}
.navigationWidget{position:absolute;z-index:16;right:20px;bottom:146px;display:grid;grid-template-columns:86px 28px;gap:7px;align-items:center;padding:8px;border:1px solid #dae8d233;border-radius:12px;background:#15251dd4;backdrop-filter:blur(14px)}.compass{width:86px;height:86px;border:1px solid #b9caae4d;border-radius:50%;position:relative}.compass button{position:absolute;border:0;background:transparent;color:#d8e4d2;font-size:10px;padding:4px;width:23px;height:23px}.compass .north{top:0;left:31px;color:#eed198}.compass .south{bottom:0;left:31px}.compass .east{right:0;top:31px}.compass .west{left:0;top:31px}.compass .compassTop{left:29px;top:29px;width:27px;height:27px;background:#bbcda128;border-radius:50%}#compassNeedle{display:inline-block;color:#e2cca4}.navActions{display:grid;gap:4px}.navActions button,.panPad button{border:1px solid #c3d3b52b;border-radius:6px;color:#dce8d3;background:#ffffff08;font-size:17px;width:27px;height:25px}.panPad{grid-column:1/-1;display:flex;gap:4px;justify-content:center}.panPad button{font-size:13px;width:25px;height:22px}
.previewToolbar{display:none}.previewMode #app{grid-template-rows:minmax(0,1fr)}.previewMode .speciesTray,.previewMode .panel.right,.previewMode .studioDialog{display:none!important}.previewMode .navigationWidget{bottom:22px}.previewMode .previewToolbar{position:fixed;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;top:18px;left:50%;transform:translateX(-50%);z-index:50;background:#13231dde;backdrop-filter:blur(15px);padding:10px 13px;border-radius:12px;border:1px solid #d4e5b644;width:min(850px,calc(100% - 30px));box-shadow:var(--shadow)}.previewToolbar>span{font-size:11px;color:#d3dfc9;margin-right:6px}.previewToolbar button{font-size:10px;color:#e9eedf;border:1px solid #d4e5b62e;border-radius:6px;padding:7px 9px;background:#314536}.previewToolbar small{font-size:9px;flex-basis:100%;text-align:center;color:#b2c1ad;margin-top:2px}.previewToolbar #previewExit{position:static;display:block;font-weight:650;background:#d4e5b6;color:#17231d}
.studioDialog{color:var(--txt);background:#17271ff5;border:1px solid #d6e4c640;border-radius:18px;padding:22px;width:min(600px,92vw);max-height:85dvh;box-shadow:0 28px 100px #0007;backdrop-filter:blur(30px)}.studioDialog::backdrop{background:#07150da6;backdrop-filter:blur(6px)}.dialogHeading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.dialogHeading h2{font-size:23px;font-weight:500;letter-spacing:-.045em;margin:0}.dialogHeading button{border:0;background:transparent;color:#e2ecd8;font-size:26px}.studioDialog .copy{font-size:12px;line-height:1.7}.wideDialog{width:min(840px,94vw)}.savedList{margin-top:22px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.savedCard{border-radius:10px;overflow:hidden;padding:0 0 12px}.savedCard>img{width:100%;height:130px;object-fit:cover;background:#2e4736}.savedCard b,.savedCard>span,.savedCard .row{margin:10px 12px 0}.savedCard b{font-size:14px;font-weight:500}.savedCard span{display:block}.savedCard button{font-size:10px}.empty{grid-column:1/-1;padding:24px;line-height:1.8}.card .thumb img{max-width:54px;max-height:48px;object-fit:contain}.fileActions{display:flex;gap:10px;flex-wrap:wrap}.fileActions button,.fileActions label{flex:1 1 40%;text-align:center}.vrMini{display:none}.helpSteps{padding-left:22px;color:#c6d4c0;font-size:13px;line-height:1.8}.helpSteps li{margin-bottom:10px}.toast{z-index:350;bottom:28px;border-radius:9px;font-size:12px;background:#20352bee;border:1px solid #d6e4c644}
.soundGate{align-items:center;justify-items:start;padding:8vw;background:linear-gradient(90deg,#07130caf 0%,#07130c4a 48%,#07130c08 100%),url('assets/portada-parana.png') center/cover no-repeat}.soundGateCard{width:min(560px,90vw);padding:0;text-align:left;border:0;background:none;border-radius:0;box-shadow:none}.soundGateCard .eyebrow{color:#e0ebc8;font-size:10px;letter-spacing:.23em;margin-bottom:22px}.soundGateCard h2{font-size:clamp(42px,5vw,78px);font-weight:400;letter-spacing:-.055em;line-height:1.04;margin:0 0 22px;color:#f7f6e8;text-shadow:0 3px 30px #0b190b66}.soundGateCard p{font-size:14px;color:#e9eddb;line-height:1.7;margin-bottom:32px;text-shadow:0 1px 8px #06140b}.soundGateCard>button{display:flex;justify-content:space-between;gap:45px;align-items:center;border-radius:10px;padding:17px 23px;font-size:14px;font-weight:600;background:#e4ebce;box-shadow:0 6px 30px #10211740}.soundGateCard>button span{font-size:20px}.welcomeBrand{position:absolute;top:30px;left:40px;font-size:10px;letter-spacing:.18em;color:#f0f1df}.welcomeCaption{position:absolute;bottom:22px;left:40px;font-size:9px;color:#eef1dfc2}.welcomeOptions{display:flex;gap:22px;font-size:11px;margin-top:24px;color:#e1e9ce}.welcomeOptions label{display:flex;align-items:center;gap:7px}.welcomeOptions input{accent-color:#d4e5b6}#loadingState{display:block;margin-top:16px;font-size:10px;color:#d7e3c5}.soundGateCard button:disabled{opacity:.6}.soundGate[hidden]{display:none}
@media(max-width:1100px){.brand h1 span{display:none}header{padding:8px 12px}.top-actions .btn{font-size:10px;padding:8px}.speciesTray{width:calc(100% - 350px)}.centerHint{display:none}.panel.right{width:240px}.gameOverlay{width:202px}.audioControls{gap:7px}}
@media(max-width:820px){#app{grid-template-rows:94px 36px minmax(0,1fr)}header{flex-wrap:wrap;align-content:center;gap:6px}.brand{width:100%;display:flex;justify-content:space-between;align-items:center}.brand h1{font-size:15px}.brand .eyebrow{font-size:8px}.top-actions{width:100%;justify-content:flex-start}.top-actions .btn{font-size:9px;padding:7px;flex:1}.audioControls{padding:2px 8px;gap:6px}.audioControls label{font-size:0}.audioControls input{width:45px}.audioControls .audioTime{display:none}.workspaceHud{flex-direction:row;inset:8px 10px auto;height:32px}.workspaceHud .badge{display:none}.toolDock{flex-wrap:nowrap;gap:4px}.toolDock button{font-size:9px;padding:0 7px}#modeExplore{display:none}.gameOverlay{display:block;top:50px;left:10px;bottom:145px;width:185px}.gamePanel{padding:10px}.gamePanel h3{font-size:14px}.gameTools button{font-size:9px}.panel.right{right:10px;top:50px;bottom:290px;width:218px;min-height:130px}.speciesTray{width:calc(100% - 140px);left:10px;transform:none;bottom:18px;padding:9px}.speciesHeading>span{display:none}.assetSlot{min-width:84px;flex-basis:84px;height:72px}.assetSlot img{width:70px;height:46px}.assetSlot b{font-size:9px}.navigationWidget{right:10px;bottom:155px}.speciesHeading h2{flex:1}.status{font-size:7px}.previewMode .navigationWidget{bottom:15px}.previewToolbar button{font-size:9px;padding:6px}.previewToolbar>span{display:none}.previewToolbar small{font-size:8px}.welcomeBrand,.welcomeCaption{left:24px}.soundGate{padding:7vw}.soundGateCard p{font-size:12px}}
@media(max-height:660px) and (min-width:821px){.panel.right{bottom:145px;right:16px}.navigationWidget{right:294px;bottom:145px}.gameOverlay{bottom:145px}.speciesTray{width:580px}.soundGateCard h2{font-size:52px}}

@media(max-width:520px){.toolDock{width:100%}.toolDock button{flex:1;padding:0 5px}#fitAll{display:none}.brand .eyebrow{font-size:7px}.top-actions .btn{font-size:8px;padding:6px 4px}.audioControls{gap:3px}.audioControls button{font-size:9px}.audioControls input{width:38px}}