:root{--ink:#171717;--paper:#f7f6f1;--panel:#222220;--panel2:#2b2b28;--muted:#97978f;--line:#3c3c38;--accent:#f3b61f;--danger:#ef6b57;--shadow:0 18px 55px rgba(0,0,0,.35)}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#151515;color:#eee}button,select,textarea,input{font:inherit}button{color:inherit}.topbar{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid #353531;background:#1d1d1b;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:9px;font-size:.9rem;letter-spacing:.07em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--accent);color:#121212;font-size:1.1rem;font-weight:950;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.brand b{color:var(--accent)}.badge{font-size:.62rem;letter-spacing:.1em;color:#b7b7af;border:1px solid #484843;padding:4px 6px;border-radius:3px;margin-left:5px}.history-tools,.top-actions,.zoom-tools{display:flex;align-items:center;gap:8px}.top-actions{justify-self:end}.save-state{font-size:.76rem;color:#8f8f87;margin-left:5px}.icon-btn,.tiny-btn,.button{border:1px solid var(--line);background:#292927;border-radius:6px;cursor:pointer;transition:.18s ease}.icon-btn:hover,.button:hover,.tiny-btn:hover{border-color:#72726b;background:#343431}.icon-btn{width:34px;height:34px;font-size:1.1rem}.button{padding:9px 14px;font-size:.84rem;font-weight:750}.button.primary{background:var(--accent);border-color:var(--accent);color:#171717}.button.primary:hover{background:#ffd25e}.button.ghost{background:transparent}.button.full{width:100%;margin-top:10px}.studio-shell{height:calc(100vh - 64px);min-height:640px;display:grid;grid-template-columns:270px minmax(460px,1fr) 286px}.asset-panel,.inspector{background:#20201e;overflow-y:auto}.asset-panel{border-right:1px solid #363632}.inspector{border-left:1px solid #363632}.asset-tabs{display:grid;grid-template-columns:repeat(3,1fr);height:50px;border-bottom:1px solid #373733}.asset-tab{border:0;background:transparent;font-size:.76rem;color:#999990;cursor:pointer;border-bottom:2px solid transparent}.asset-tab.active{color:#fff;border-color:var(--accent)}.asset-content{display:none;padding:18px}.asset-content.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b9b9b2}.tiny-btn{padding:5px 8px;font-size:.7rem;text-transform:none;letter-spacing:0}.character-card{width:100%;height:92px;padding:0 10px 0 0;display:grid;grid-template-columns:68px 1fr 22px;align-items:center;gap:10px;background:#2a2a27;border:1px solid #44443e;border-radius:8px;text-align:left;cursor:pointer;overflow:hidden}.character-card:hover{border-color:var(--accent)}.character-card img{width:68px;height:90px;object-fit:cover;object-position:50% 14%;background:#10100f}.character-card b{display:block;font-size:.86rem}.character-card small,.coming-soon small{display:block;color:#92928b;font-size:.69rem;margin-top:4px}.character-card i{font-style:normal;color:var(--accent);font-size:1.2rem}.coming-soon{height:100px;margin-top:12px;border:1px dashed #494944;border-radius:8px;display:grid;place-content:center;text-align:center;color:#77776f}.coming-soon span{font-size:1.3rem}.coming-soon b{font-size:.75rem;color:#a2a29b;margin-top:2px}.character-card i{font-style:normal;color:var(--accent);font-size:1.2rem}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-tile{height:88px;border:1px solid #41413d;border-radius:8px;background:#292927;cursor:pointer;font-size:.72rem}.asset-tile:hover{border-color:var(--accent)}.bubble-preview{position:relative;background:#f5f4ef;color:#222;border-radius:50%}.bubble-preview.shout{clip-path:polygon(50% 0,60% 12%,73% 5%,78% 20%,95% 23%,84% 37%,100% 49%,84% 58%,94% 76%,75% 78%,68% 96%,53% 86%,39% 100%,33% 84%,14% 90%,17% 70%,0 62%,16% 50%,4% 35%,23% 30%,24% 11%,43% 18%)}.caption-preview{border:3px solid #111;background:#f6f5f0;color:#111;font-weight:900}.thought-preview{background:#f5f4ef;color:#222;border-radius:44% 56% 52% 48%}.fx-preview{font-size:1.25rem;font-weight:950;font-style:italic;color:var(--accent);text-shadow:2px 2px #111}.speed-preview{background:repeating-linear-gradient(165deg,#2d2d2a 0 5px,#777 6px,#2d2d2a 8px)}.dots-preview{background-color:#eee;background-image:radial-gradient(#333 1px,transparent 1.5px);background-size:7px 7px;color:#222}.burst-preview{background:conic-gradient(from 0deg,#eee,#292927,#eee,#292927,#eee);color:#111;font-weight:800}.workspace{min-width:0;display:grid;grid-template-rows:48px 1fr 32px;background:#11110f;overflow:hidden}.workspace-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #2f2f2c;background:#191917}.workspace-bar b{font-size:.82rem}.workspace-bar span{font-size:.7rem;color:#8d8d86;margin-left:8px}.zoom-tools #zoomLabel{display:inline-block;width:40px;text-align:center;margin:0;font-size:.72rem}.canvas-stage{position:relative;display:grid;place-items:center;overflow:auto;padding:28px;background-color:#171715;background-image:linear-gradient(45deg,#1b1b19 25%,transparent 25%),linear-gradient(-45deg,#1b1b19 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1b1b19 75%),linear-gradient(-45deg,transparent 75%,#1b1b19 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}#mangaCanvas{width:492px;height:656px;background:#fff;box-shadow:var(--shadow);cursor:grab;touch-action:none}#mangaCanvas:active{cursor:grabbing}.hint{text-align:center;font-size:.7rem;color:#73736c;padding-top:7px}.inspector-head{height:66px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #383834}.inspector-head b{display:block;font-size:.92rem;margin-top:3px}.eyebrow{font-size:.64rem;letter-spacing:.12em;color:#888880}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.control-group{padding:17px 16px;border-bottom:1px solid #373733}.control-group>label{display:flex;justify-content:space-between;margin:0 0 8px;font-size:.74rem;font-weight:760;color:#c3c3bc}.control-group select,.control-group textarea{width:100%;border:1px solid #484842;background:#292927;color:#eee;border-radius:6px;padding:9px 10px;font-size:.8rem}.control-group textarea{resize:vertical}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:#171715;border-radius:6px;padding:3px;margin-bottom:16px}.segmented button{border:0;background:transparent;padding:7px 3px;border-radius:4px;color:#8e8e86;font-size:.69rem;cursor:pointer}.segmented button.active{background:#41413c;color:white}.range-row{display:grid;grid-template-columns:64px 1fr;align-items:center;margin:12px 0;font-size:.72rem;color:#96968e}input[type=range]{accent-color:var(--accent);width:100%}.layout-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.layout-option{height:60px;background:#171715;border:1px solid #484842;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;padding:5px;cursor:pointer}.layout-option.active{border-color:var(--accent)}.layout-option i{background:#eee}.layout-option i:first-child{grid-column:1/3}.layout-option.two{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.layout-option.two i:first-child{grid-column:auto}.layout-option.four i:first-child{grid-column:auto}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#f5f3eb;color:#1c1c1a;padding:10px 15px;border-radius:7px;box-shadow:0 10px 30px #0008;font-size:.82rem;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.studio-shell{grid-template-columns:220px minmax(420px,1fr) 245px}.asset-panel{font-size:.9em}.inspector{font-size:.92em}}
@media(max-width:820px){.topbar{grid-template-columns:1fr auto}.history-tools{display:none}.studio-shell{height:auto;min-height:calc(100vh - 64px);grid-template-columns:1fr}.asset-panel,.inspector{border:0}.asset-panel{order:2}.workspace{height:740px;order:1}.inspector{order:3}.asset-content{max-width:620px;margin:auto}.inspector{display:grid;grid-template-columns:repeat(2,1fr)}.inspector-head{grid-column:1/-1}.page-controls{grid-column:1/-1}.top-actions .ghost,.badge{display:none}}
@media(max-width:520px){.topbar{padding:0 10px}.brand{font-size:.78rem}.button{padding:8px 10px}.studio-shell{display:block}.workspace{height:650px}.canvas-stage{padding:16px}#mangaCanvas{max-width:92vw;height:auto}.inspector{display:block}.save-state{display:none}}

.pose3d-launch{width:100%;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;text-align:left;border:1px solid #705c26;background:linear-gradient(135deg,#343027,#282824);border-radius:8px;padding:10px;margin-bottom:17px;cursor:pointer}.pose3d-launch:hover{border-color:var(--accent);transform:translateY(-1px)}.pose3d-launch .cube-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--accent);background:#171715;border-radius:6px;transform:rotate(45deg)}.pose3d-launch b,.pose3d-launch small{display:block}.pose3d-launch b{font-size:.77rem}.pose3d-launch small{font-size:.65rem;color:#9b9b93;margin-top:2px}
.pose-modal{position:fixed;inset:0;background:rgba(8,8,7,.82);z-index:50;display:grid;place-items:center;padding:22px;backdrop-filter:blur(8px)}.pose-modal[hidden]{display:none}.pose-dialog{width:min(1080px,96vw);height:min(760px,92vh);display:grid;grid-template-rows:70px 1fr 64px;background:#20201e;border:1px solid #4a4a44;border-radius:12px;box-shadow:0 30px 90px #000;overflow:hidden}.pose-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #3c3c37}.pose-header h2{margin:2px 0 0;font-size:1.05rem}.pose-head-actions{display:flex;align-items:center;gap:10px}.live-chip{font-size:.64rem;letter-spacing:.1em;color:#c9c9c0;border:1px solid #4c4c46;border-radius:20px;padding:6px 9px}.live-chip i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);margin-right:5px}.pose-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 290px}.viewport3d{position:relative;min-width:0;background:radial-gradient(circle at 50% 45%,#32322e 0,#181816 64%,#10100f 100%);overflow:hidden}.viewport3d canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.viewport3d canvas:active{cursor:grabbing}.viewport-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#111b;border:1px solid #44443f;border-radius:20px;padding:7px 12px;font-size:.68rem;color:#aaa}.view-cube{position:absolute;top:15px;right:15px;width:58px;height:58px;border:1px solid #666;background:#282824cc;transform:rotate(6deg);display:grid;place-items:center;box-shadow:inset 0 0 18px #000}.view-cube span{font-size:.53rem;letter-spacing:.08em;color:#bdbdb5}.axis-legend{position:absolute;bottom:14px;left:16px;display:flex;gap:5px;font-size:.62rem;font-weight:900}.axis-legend span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#222}.axis-x{color:#ef6b57}.axis-y{color:#65c98d}.axis-z{color:#6f9fec}.pose-controls{overflow-y:auto;border-left:1px solid #3a3a35;background:#242422}.pose-section{padding:17px;border-bottom:1px solid #3a3a35}.pose-section>label{display:flex;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#b4b4ac;margin-bottom:11px}.pose-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pose-presets button,.camera-buttons button{border:1px solid #45453f;background:#30302d;border-radius:6px;padding:9px 7px;font-size:.72rem;cursor:pointer}.pose-presets button:hover,.pose-presets button.active,.camera-buttons button:hover{border-color:var(--accent);color:var(--accent);background:#373326}.joint-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;margin:10px 0;font-size:.7rem;color:#aaa}.joint-row input{margin:0}.camera-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.toggle-row{margin:15px 0 0!important;align-items:center;justify-content:space-between}.toggle-row input{width:17px;height:17px;accent-color:var(--accent)}.pose-footer{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid #3c3c37;background:#1b1b19}.pose-footer>span{font-size:.7rem;color:#85857e}.pose-footer>div{display:flex;gap:8px}
.pose-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#171715;color:#c7c7bf;z-index:4}.pose-status.ready{display:none}.pose-status.error{padding:30px;text-align:center;color:#f0a08f}.pose-status span{width:28px;height:28px;border:3px solid #555;border-top-color:var(--accent);border-radius:50%;animation:poseSpin .8s linear infinite}.pose-status.error span{display:none}@keyframes poseSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){.pose-modal{padding:0}.pose-dialog{width:100vw;height:100vh;max-height:none;border-radius:0}.pose-body{grid-template-columns:1fr;grid-template-rows:minmax(360px,55vh) 1fr;overflow-y:auto}.pose-controls{display:grid;grid-template-columns:1fr 1fr;overflow:visible;border-left:0}.camera-controls{grid-column:1/-1}.pose-footer>span{display:none}.pose-footer{justify-content:flex-end}}
@media(max-width:480px){.pose-controls{display:block}.pose-dialog{grid-template-rows:62px 1fr 60px}.pose-header{padding:0 12px}.pose-footer{padding:0 10px}.pose-footer .button{font-size:.72rem}.live-chip{display:none}}
.pose-help{font-size:.68rem;line-height:1.45;color:#8f8f88;margin:-3px 0 11px}.ik-key{display:flex;gap:14px;font-size:.65rem;color:#aaa;margin-bottom:12px}.ik-key span{display:flex;align-items:center;gap:5px}.ik-key i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.hand-key{background:#f3b61f;color:#f3b61f}.foot-key{background:#6f9fec;color:#6f9fec}.wardrobe{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wardrobe button{border:1px solid #45453f;background:#30302d;border-radius:6px;padding:8px 4px;font-size:.65rem;cursor:pointer}.wardrobe button.active{border-color:var(--accent);color:var(--accent)}.swatch{display:block;width:18px;height:18px;border-radius:50%;margin:0 auto 5px;border:2px solid #eee}.swatch.original{background:linear-gradient(135deg,#c84b44,#253a62)}.swatch.amber{background:#e1a72b}.swatch.ink{background:#202126}
.pose-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.pose-actions button{border:1px solid #56564f;background:#242422;border-radius:6px;padding:8px 5px;font-size:.68rem;cursor:pointer}.pose-actions button:hover{border-color:var(--accent);color:var(--accent)}.lock-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.lock-row label{display:flex;align-items:center;gap:5px;background:#1d1d1b;border:1px solid #41413c;border-radius:5px;padding:7px;font-size:.63rem;color:#aaa}.lock-row input{accent-color:var(--accent)}.quality-state{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #3c3c37;color:#85857e;font-size:.65rem}.pose-presets{max-height:195px;overflow-y:auto;padding-right:3px;scrollbar-color:#56564f transparent;scrollbar-width:thin}
.workspace{grid-template-rows:48px 66px 1fr 32px}.project-panel{padding:14px;border-bottom:1px solid #3a3a35;background:#1b1b19}.project-panel input,.project-panel select{width:100%;border:1px solid #41413c;background:#292927;color:#eee;border-radius:6px}.project-panel input{margin:5px 0 7px;padding:8px 9px;font-weight:780}.project-panel select{padding:7px 8px;font-size:.72rem}.project-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:7px}.project-actions button,.align-tools button,.layer-order button{border:1px solid #45453f;background:#292927;border-radius:5px;padding:6px 4px;color:#aaa;font-size:.65rem;cursor:pointer}.project-actions button:hover,.align-tools button:hover,.layer-order button:hover{border-color:var(--accent);color:var(--accent)}
.page-tools{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #30302c;background:#151513;overflow:hidden}.page-rail{display:flex;align-items:center;gap:8px;overflow-x:auto;min-width:0;flex:1}.page-card,.page-add{position:relative;flex:0 0 auto;width:38px;height:50px;border:1px solid #484842;border-radius:4px;background:#292927;overflow:hidden;cursor:pointer;padding:0}.page-card.active{border:2px solid var(--accent)}.page-card img,.page-card i{width:100%;height:100%;display:block;object-fit:cover;background:linear-gradient(135deg,#eee 0 47%,#bbb 48% 52%,#eee 53%)}.page-card span{position:absolute;right:2px;bottom:2px;min-width:15px;padding:1px 3px;border-radius:8px;background:#111d;color:#fff;font-size:.58rem}.page-add{display:grid;place-items:center;border-style:dashed;color:#999;font-size:1rem}.page-tools>.tiny-btn{white-space:nowrap}
.align-tools,.layer-order{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.layer-controls>label span{font-size:.58rem;color:#777;font-weight:500}.layer-list{display:grid;gap:5px;margin-top:9px;max-height:190px;overflow-y:auto}.layer-row{display:grid;grid-template-columns:1fr 28px 28px;border:1px solid #3f3f3a;border-radius:5px;overflow:hidden;background:#292927}.layer-row.active{border-color:var(--accent);background:#373326}.layer-row button{border:0;border-left:1px solid #3f3f3a;background:transparent;min-width:0;padding:7px 4px;color:#aaa;font-size:.68rem;cursor:pointer}.layer-row .layer-select{border-left:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ddd;padding-left:8px}.layer-state:hover{color:var(--accent)}
@media(max-width:820px){.project-panel{display:grid;grid-template-columns:1fr 1fr;gap:7px}.project-panel .eyebrow,.project-actions{grid-column:1/-1}.project-panel input{margin:0}.workspace{height:800px;grid-template-rows:48px 66px 1fr 32px}}
.page-actions{display:flex;gap:4px}.page-actions button{border:1px solid #45453f;background:#292927;border-radius:5px;padding:6px;color:#aaa;font-size:.65rem;cursor:pointer}.page-actions button:hover{border-color:var(--accent);color:var(--accent)}.layer-order{grid-template-columns:repeat(3,1fr)}
.asset-tabs{grid-template-columns:repeat(4,1fr)}.asset-tab{font-size:.68rem}.vrm-import{margin-top:12px;padding:11px;border:1px dashed #55554d;border-radius:8px}.vrm-import label{display:flex;gap:7px;align-items:flex-start;color:#aaa;font-size:.68rem;line-height:1.35}.vrm-import input{accent-color:var(--accent)}.vrm-import small{display:block;margin-top:7px;color:#777;font-size:.62rem}.asset-search{width:100%;margin-bottom:10px;padding:8px 9px;border:1px solid #484842;background:#292927;color:#eee;border-radius:6px;font-size:.72rem}.asset-library{display:grid;gap:8px}.user-asset{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;padding:6px;border:1px solid #45453f;background:#292927;border-radius:7px}.user-asset img{width:52px;height:52px;object-fit:cover;border-radius:4px;background:#111}.user-asset b,.user-asset small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-asset b{font-size:.7rem}.user-asset small{color:#777;font-size:.6rem;margin:3px 0 5px}.asset-card-actions{display:flex;gap:4px}.asset-card-actions button{border:1px solid #4b4b45;background:#222;border-radius:4px;padding:4px 5px;font-size:.58rem;cursor:pointer}.asset-card-actions button:hover{border-color:var(--accent);color:var(--accent)}.asset-empty{color:#777;font-size:.67rem;line-height:1.5}.text-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.text-grid label{font-size:.65rem;color:#aaa}.text-grid select,.text-grid input{margin-top:4px;width:100%;padding:7px!important}#bubbleControls{display:grid;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #3d3d38}#bubbleControls>label{font-size:.7rem;color:#bbb}.panel-actions,.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 12px}.panel-actions button,.template-grid button{border:1px solid #45453f;background:#292927;border-radius:5px;padding:7px 4px;color:#aaa;font-size:.66rem;cursor:pointer}.panel-actions button:hover,.template-grid button:hover{border-color:var(--accent);color:var(--accent)}.template-grid{grid-template-columns:repeat(3,1fr)}.check-row{align-items:center}.check-row input{accent-color:var(--accent)}.inline-text-editor{position:fixed;z-index:80;resize:none;border:2px solid var(--accent);background:#fffffff2;color:#111;padding:8px;text-align:center;box-shadow:0 8px 25px #0008;outline:none}
.export-modal{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:20px;background:#090909d9;backdrop-filter:blur(8px)}.export-modal[hidden]{display:none}.export-dialog{width:min(680px,96vw);max-height:94vh;overflow:auto;border:1px solid #4a4a43;border-radius:12px;background:#20201e;color:#eee;box-shadow:0 28px 90px #000}.export-header,.export-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #41413b}.export-header h2{margin:3px 0 0;font-size:1.2rem}.export-body{display:grid;gap:15px;padding:20px}.export-grid,.custom-size{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.export-grid label,.custom-size label{font-size:.68rem;color:#aaa}.export-grid select,.custom-size input{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #4b4b44;border-radius:6px;background:#292927;color:#eee}.custom-size{grid-template-columns:repeat(3,1fr);padding:12px;border:1px solid #3f3f3a;border-radius:7px}.export-checks{display:flex;gap:20px}.export-checks label{font-size:.72rem;color:#bbb}.export-checks input{accent-color:var(--accent)}.export-summary{padding:10px 12px;border-radius:6px;background:#171715;color:#d6d2c8;font-size:.72rem}.export-warnings{display:grid;gap:5px;color:#e6a45b;font-size:.68rem;line-height:1.4}.export-warnings:empty{display:none}.export-progress{display:flex;align-items:center;gap:9px;color:#aaa;font-size:.7rem}.export-progress i{width:14px;height:14px;border:2px solid #555;border-top-color:var(--accent);border-radius:50%;animation:export-spin .8s linear infinite}.export-footer{border-top:1px solid #41413b;border-bottom:0;gap:10px}.export-footer>div{display:flex;gap:8px}@keyframes export-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.export-grid{grid-template-columns:1fr 1fr}.custom-size{grid-template-columns:1fr}.export-footer{align-items:stretch;flex-direction:column}.export-footer>div{display:grid;grid-template-columns:1fr 1fr}.export-checks{display:grid;gap:8px}}

/* v0.7 · accesibilidad, espacio de trabajo adaptable y preferencias */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:12px;top:8px;z-index:200;transform:translateY(-160%);padding:10px 14px;border-radius:6px;background:var(--accent);color:#111;font-weight:800}.skip-link:focus{transform:none}.studio-shell{--asset-width:270px;--inspector-width:286px;grid-template-columns:var(--asset-width) minmax(460px,1fr) var(--inspector-width);transition:grid-template-columns .2s ease}.assets-collapsed .studio-shell{--asset-width:0px}.inspector-collapsed .studio-shell{--inspector-width:0px}.assets-collapsed .asset-panel,.inspector-collapsed .inspector{visibility:hidden;overflow:hidden}.mobile-dock{display:none}.performance-state{justify-self:end;margin-left:auto!important;margin-right:12px!important;padding:4px 7px;border:1px solid #42423d;border-radius:10px;color:#96968f!important;font-size:.6rem!important}.performance-state.good{color:#86c99b!important}.performance-state.warn{color:#efb768!important}.page-jump-label{display:grid;gap:2px;color:#777;font-size:.55rem;text-transform:uppercase;letter-spacing:.06em}.page-jump-label select{width:72px;border:1px solid #44443f;border-radius:4px;background:#262624;color:#ddd;padding:4px;font-size:.66rem}.page-ellipsis{display:grid;place-items:center;flex:0 0 20px;color:#777}.inspector-empty{padding:35px 20px;text-align:center;color:#8d8d86}.inspector-empty span{display:block;font-size:2rem;color:var(--accent)}.inspector-empty b,.inspector-empty small{display:block}.inspector-empty b{margin:10px 0 5px;color:#ddd}.inspector-empty small{line-height:1.5}.utility-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#090909dc;backdrop-filter:blur(8px)}.utility-modal[hidden]{display:none}.utility-dialog{width:min(590px,96vw);max-height:92vh;overflow:auto;border:1px solid #505049;border-radius:13px;background:#222220;box-shadow:0 28px 90px #000;outline:none}.utility-dialog>header,.utility-dialog>footer{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #41413c}.utility-dialog>header h2{margin:3px 0 0;font-size:1.15rem}.utility-dialog>footer{justify-content:flex-end;gap:8px;border-top:1px solid #41413c;border-bottom:0}.utility-body{padding:20px}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.shortcut-list>div{display:flex;align-items:center;gap:5px;min-height:38px;border-bottom:1px solid #393936}.shortcut-list span{margin-left:auto;color:#aaa;font-size:.72rem}.shortcut-list kbd{min-width:25px;padding:4px 6px;border:1px solid #55554e;border-bottom-width:3px;border-radius:5px;background:#171715;text-align:center;font-size:.65rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid label{color:#aaa;font-size:.7rem}.settings-grid select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #4b4b44;border-radius:6px;background:#292927;color:#eee}.onboarding-hero{padding:28px 28px 18px;text-align:center}.onboarding-hero .brand-mark{margin:auto}.onboarding-hero .eyebrow{display:block;margin:14px 0 6px}.onboarding-hero h2{margin:0;font-size:1.45rem}.onboarding-hero p{max-width:440px;margin:10px auto 0;color:#aaa;line-height:1.55}.onboarding-steps{display:grid;gap:10px;padding:0 28px 24px}.onboarding-steps>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:10px;border-radius:7px;background:#191917;color:#aaa;font-size:.76rem}.onboarding-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#111}.onboarding-steps strong{color:#eee}.onboarding-modal .utility-dialog{width:min(620px,96vw)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #67b7ff;outline-offset:2px}.button:disabled,button:disabled{cursor:not-allowed;opacity:.55}@media(pointer:coarse){button,.icon-btn,.tiny-btn,.page-actions button{min-height:44px}.icon-btn{min-width:44px}.asset-tab{min-height:48px}.layer-row{min-height:44px}}
body[data-density="compact"] .control-group{padding:11px 13px}body[data-density="compact"] .asset-content{padding:12px}body[data-density="compact"] .project-panel{padding:10px}body[data-density="compact"] .layer-row button{padding-block:5px}body[data-motion="reduced"] *,body[data-motion="reduced"] *::before,body[data-motion="reduced"] *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
body[data-theme="light"]{background:#e8e7e2;color:#222}body[data-theme="light"] .topbar,body[data-theme="light"] .workspace-bar,body[data-theme="light"] .page-tools{background:#f8f7f2;border-color:#cbc9c0}body[data-theme="light"] .asset-panel,body[data-theme="light"] .inspector,body[data-theme="light"] .project-panel,body[data-theme="light"] .utility-dialog,body[data-theme="light"] .export-dialog{background:#f2f1ec;color:#222}body[data-theme="light"] .asset-panel,body[data-theme="light"] .inspector{border-color:#c4c2ba}body[data-theme="light"] button:not(.primary),body[data-theme="light"] select,body[data-theme="light"] input,body[data-theme="light"] textarea{background:#fff;color:#222;border-color:#aaa}body[data-theme="light"] .asset-tab.active,body[data-theme="light"] .inspector-empty b,body[data-theme="light"] .onboarding-steps strong{color:#111}body[data-theme="light"] .control-group,body[data-theme="light"] .inspector-head,body[data-theme="light"] .asset-tabs{border-color:#ccc9c0}body[data-theme="light"] .onboarding-steps>div,body[data-theme="light"] .export-summary{background:#e2e0d8;color:#444}
@media(max-width:1050px){body{padding-bottom:56px}.desktop-panel-toggle{display:none}.studio-shell{display:block;height:calc(100vh - 120px);min-height:520px}.workspace{height:100%;min-height:520px;grid-template-rows:48px 66px 1fr 32px}.asset-panel,.inspector{position:fixed;z-index:30;inset:64px 0 56px;display:block!important;width:auto;visibility:visible!important;border:0;transform:translateY(105%);transition:transform .22s ease}.asset-panel{overflow-y:auto}.inspector{overflow-y:auto}.asset-content{max-width:680px;margin:auto}.inspector>*{max-width:680px;margin-inline:auto}.mobile-dock{position:fixed;z-index:45;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,1fr);height:56px;padding:5px;background:#1d1d1b;border-top:1px solid #444}.mobile-dock button{border:0;border-radius:7px;background:transparent;color:#999;font-size:.7rem}.mobile-dock button.active{background:#3b3525;color:var(--accent)}body[data-workspace-view="assets"] .asset-panel,body[data-workspace-view="inspector"] .inspector{transform:none}.performance-state{display:none}.top-actions .button.ghost{display:none}}
@media(max-width:600px){html,body{overflow-x:hidden}.topbar{height:58px;padding:0 9px;grid-template-columns:minmax(0,1fr) auto}.brand{min-width:0;font-size:.75rem}.brand-mark{width:28px;height:28px}.badge,.history-tools,.top-actions .icon-btn,.top-actions #exportBtn{display:none}.top-actions #settingsBtn,.top-actions #helpBtn{display:inline-grid}.studio-shell{height:calc(100vh - 114px)}.asset-panel,.inspector{top:58px}.workspace{grid-template-rows:44px 62px 1fr 28px}.workspace-bar{padding:0 9px}.workspace-bar>div>span,.workspace-bar #fitBtn{display:none}.page-tools{padding:6px 8px;gap:7px}.page-jump-label{display:none}.page-actions button{min-width:40px}.page-actions button:not(:last-child){display:none}.canvas-stage{padding:12px}.hint{overflow:hidden;white-space:nowrap;font-size:.61rem}.shortcut-list,.settings-grid{grid-template-columns:1fr}.utility-modal{padding:0}.utility-dialog{width:100vw;max-height:100vh;border-radius:0}.utility-dialog>header,.utility-dialog>footer{padding:14px}.utility-body{padding:14px}}

/* v0.7.5: controles estables, viñetas editables y recorte por capa */
.inspector{overflow-x:hidden}.panel-edit-heading{margin:18px -16px 14px;padding:13px 16px;border-block:1px solid #45453f;background:#191917}.panel-edit-heading span,.panel-edit-heading b,.panel-edit-heading small{display:block}.panel-edit-heading span{color:#67b7ff;font-size:.58rem;font-weight:900;letter-spacing:.11em}.panel-edit-heading b{margin-top:4px;font-size:.86rem}.panel-edit-heading small{margin-top:3px;color:#888;font-size:.65rem;line-height:1.4}.clip-control{margin-top:12px!important;padding:9px 0;border-top:1px solid #3b3b37}.settings-grid fieldset{min-width:0;margin:0;padding:0;border:0}.settings-grid legend{margin-bottom:6px;color:#aaa;font-size:.7rem}.preference-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border:1px solid #4b4b44;border-radius:7px;background:#191917}.preference-options button{min-width:0;padding:8px 4px;border:0;border-radius:5px;background:transparent;color:#aaa;font-size:.68rem;cursor:pointer}.preference-options button:hover{background:#30302c;color:#fff}.preference-options button.active{background:var(--accent);color:#171717;font-weight:850}.model-turn{margin-top:0;padding:9px;border:1px solid #5b4b26;border-radius:7px;background:#302b20}.joint-row label,.range-row label{color:inherit}body[data-theme="light"] .panel-edit-heading,body[data-theme="light"] .preference-options{background:#e7e5de;border-color:#bbb}body[data-theme="light"] .preference-options button{color:#444}body[data-theme="light"] .preference-options button.active{color:#111}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* v0.7.6: selectores propios y expansión creativa */
.stable-select{position:relative;width:100%;min-width:0}.stable-select-trigger{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 34px 8px 10px;border:1px solid #4b4b44;border-radius:6px;background:#292927;color:#eee;text-align:left;font-size:.75rem;cursor:pointer;position:relative}.stable-select-trigger::after{content:'⌄';position:absolute;right:11px;color:var(--accent);font-size:1rem}.stable-select-trigger[aria-expanded="true"]{border-color:var(--accent);box-shadow:0 0 0 2px #f3b61f30}.stable-select-menu{position:absolute;z-index:140;inset:calc(100% + 4px) 0 auto;max-height:230px;overflow-y:auto;padding:4px;border:1px solid #656158;border-radius:7px;background:#20201e;box-shadow:0 14px 35px #000c}.stable-select-menu[hidden]{display:none}.stable-select-option{display:block;width:100%;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:#ddd;text-align:left;font-size:.74rem;cursor:pointer}.stable-select-option:hover,.stable-select-option:focus-visible{background:#38352d;color:#fff}.stable-select-option[aria-selected="true"]{background:#4a3d1d;color:var(--accent);font-weight:800}.stable-select-trigger:disabled{cursor:not-allowed;opacity:.5}.project-panel>.stable-select{margin-top:4px}.page-jump-label .stable-select{width:76px}.control-group>.stable-select{margin:0 0 12px}.text-grid .stable-select{margin-top:4px}.export-grid .stable-select{margin-top:5px}
.layout-picker{grid-template-columns:repeat(4,1fr);gap:6px}.layout-option{height:52px}.layout-option.one i{grid-column:1/-1!important;grid-row:1/-1}.layout-option.vertical{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.layout-option.vertical i:first-child,.layout-option.three i:first-child,.layout-option.six i:first-child{grid-column:auto}.layout-option.three{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.layout-option.six{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}
.rotation-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 4px}.rotation-actions button{min-height:38px;border:1px solid #555047;border-radius:6px;background:#2b2b28;color:#ddd;font-size:.7rem;cursor:pointer}.rotation-actions button:hover{border-color:var(--accent);color:var(--accent)}
.background-heading{margin-top:22px}.background-library .asset-tile{color:#fff;font-weight:850;text-shadow:0 2px 5px #000,0 0 2px #000}.crosshatch-preview{background:repeating-linear-gradient(45deg,#eee 0 2px,#555 3px 4px,#eee 5px 9px),repeating-linear-gradient(-45deg,transparent 0 6px,#222 7px 8px)}.rain-preview{background:repeating-linear-gradient(108deg,#283949 0 3px,#8badc1 4px 6px,#283949 7px 16px)}.vignette-preview{background:radial-gradient(circle,#ddd 0,#777 45%,#111 100%)}.sparkle-preview{background:radial-gradient(circle at 25% 30%,#fff 0 3%,transparent 4%),radial-gradient(circle at 70% 60%,#fff 0 4%,transparent 5%),linear-gradient(135deg,#b69ac5,#685c82)}.shock-preview{background:repeating-radial-gradient(circle,#eee 0 5px,#333 6px 9px,#eee 10px 16px);color:#111}.city-background{background:linear-gradient(#394354 0 45%,#d49b56 46% 55%,#25262a 56%)}.classroom-background{background:linear-gradient(90deg,#bad6dc 0 38%,#ece2cf 39% 62%,#63705f 63%)}.rooftop-background{background:linear-gradient(#72a9ce 0 50%,#efbd77 51% 62%,#777 63%)}.forest-background{background:radial-gradient(circle at 20% 25%,#78986e 0 20%,transparent 21%),radial-gradient(circle at 70% 35%,#4c7048 0 26%,transparent 27%),#9bb38a}.station-background{background:linear-gradient(#d9dde0 0 50%,#e6bd3d 51% 56%,#3c4146 57%)}.room-background{background:linear-gradient(90deg,#a8c9d4 0 35%,#ded2bd 36% 70%,#695647 71%)}body[data-theme="light"] .stable-select-trigger,body[data-theme="light"] .stable-select-menu{background:#fff;color:#222;border-color:#aaa}body[data-theme="light"] .stable-select-option{color:#333}body[data-theme="light"] .stable-select-option[aria-selected="true"]{background:#f5dc99;color:#33270c}
.stable-select-menu.open-up{inset:auto 0 calc(100% + 4px)}
@media(max-width:480px){.layout-picker{grid-template-columns:repeat(3,1fr)}.stable-select-menu{max-height:190px}}