:root{color:#e8e6e3;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#101114}#viewport{position:fixed;inset:0;display:block;width:100%;height:100%;z-index:0;outline:none}#chrome{position:fixed;inset:0;z-index:1;display:grid;grid-template-columns:240px minmax(0,1fr) 280px;grid-template-rows:40px minmax(0,1fr) 26px;grid-template-areas:"toolbar toolbar toolbar" "outliner stage inspector" "status status status";pointer-events:none}#toolbar,#outliner,#inspector,#status,#toast{pointer-events:auto}#toolbar{grid-area:toolbar;display:flex;align-items:center;gap:6px;padding:0 8px;border-bottom:1px solid #2a2c32;background:#14151a}#outliner{grid-area:outliner;overflow:auto;border-right:1px solid #2a2c32;background:#121318}#inspector{grid-area:inspector;overflow:auto;border-left:1px solid #2a2c32;background:#121318}#status{grid-area:status;display:flex;align-items:center;gap:12px;padding:0 10px;border-top:1px solid #2a2c32;background:#0e0f13;color:#8b8d93;font-size:11px}.brand{margin-right:8px;color:#c9c4bc;font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.toolbar-spacer{flex:1}button,input,select{font:inherit;color:#e8e6e3;background:#1c1e24;border:1px solid #3a3d46;border-radius:4px}button{min-height:26px;padding:0 8px;cursor:pointer;font-size:12px}button:hover:not(:disabled){background:#262830}button:disabled{cursor:default;opacity:.4}input,select{min-height:26px;padding:2px 6px;font-size:12px}input[type=checkbox]{min-height:auto;width:14px;height:14px}input[type=color]{padding:0;width:100%;height:26px}.panel-section{padding:10px 12px}.panel-section h2{margin:0 0 8px;color:#9a9ca3;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.outliner-list{display:flex;flex-direction:column;gap:2px}.outliner-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:26px;padding:3px 8px;color:#e8e6e3;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px;font-size:12px}.outliner-row:hover{background:#1b1d24}.outliner-row.selected{background:#1c2a3a;border-color:#3d6d99}.outliner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kind-badge{color:#8b8d93;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.field{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:7px;font-size:12px}.field>span{color:#8b8d93}.field input:not([type=checkbox]),.field select{width:100%}.vec3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.muted{color:#8b8d93;font-size:12px}.game-link{color:#9aa3b2;margin-right:6px;font-size:12px;text-decoration:none}.game-link:hover{color:#d0d4dc}#toast{position:fixed;left:50%;bottom:40px;z-index:5;transform:translate(-50%);padding:6px 12px;color:#e8e6e3;background:#1c1e24;border:1px solid #3a3d46;border-radius:4px;font-size:12px}#toast[hidden]{display:none}:root{--library-width: 260px;--inspector-width: 300px;--toolbar-height: 90px}#chrome{grid-template-columns:var(--library-width) minmax(0,1fr) var(--inspector-width);grid-template-rows:var(--toolbar-height) minmax(0,1fr) 30px}#viewport{left:var(--library-width);top:var(--toolbar-height);width:calc(100% - var(--library-width) - var(--inspector-width));height:calc(100% - var(--toolbar-height) - 30px)}#toolbar{flex-wrap:wrap;align-content:center;gap:6px;padding:10px}#toolbar button,#toolbar select{min-height:30px}#library-panel{grid-area:outliner;background:#141923;overflow:auto;pointer-events:auto;border-right:1px solid #303c4d}#outliner{overflow:visible;background:transparent;border:0}#inspector{background:#141923}#area-browser{border-bottom:1px solid #303c4d}#category-tabs{display:flex;gap:4px;margin:12px 0}#category-tabs button{flex:1;padding:6px}#category-tabs button[aria-pressed=true]{background:#284737;border-color:#7eaa86;color:#d8f4dc}.browser-label{display:grid;gap:6px;font-size:12px;margin:10px 0}.browser-label input,.browser-label select{width:100%;min-width:0}.browser-actions{display:flex;gap:6px;margin:12px 0}#area-path{overflow-wrap:anywhere}#save-state{color:#c5b47a;font-size:12px}#area-summary{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#bfd3df}#area-summary span{padding:6px 8px;background:#202c3a;border-radius:4px}#validation-state{font-size:12px;color:#99bfaa;overflow-wrap:anywhere}#validation-state[data-invalid=true]{color:#ffaaa2}#outliner input[type=search]{width:100%;margin-bottom:10px}#status{overflow:hidden;white-space:nowrap}#new-area-form{background:#1c2531;padding:8px;margin:8px 0}[hidden]{display:none!important}#mobile-panels{display:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c5ab70;outline-offset:2px}@media(max-width:1000px){:root{--library-width: 225px;--inspector-width: 240px;--toolbar-height: 125px}.field{grid-template-columns:70px minmax(0,1fr)}}@media(max-width:700px){:root{--toolbar-height: 166px}#chrome{display:block}#toolbar{height:126px;overflow:auto;align-content:flex-start}#mobile-panels{display:flex;height:40px;pointer-events:auto;background:#141923}#mobile-panels button{flex:1}#library-panel,#inspector{position:absolute;top:166px;bottom:30px;width:100%;display:none}body[data-panel=library] #library-panel,body[data-panel=properties] #inspector{display:block}#viewport{left:0;top:166px;width:100%;height:calc(100% - 196px)}#status{position:absolute;bottom:0;height:30px;width:100%}.field{grid-template-columns:100px minmax(0,1fr)}}.workspace-nav{display:flex;flex-wrap:nowrap;gap:3px;border-right:1px solid #536173;padding-right:8px}.workspace-nav button{font-weight:700;font-size:11px;padding:3px 7px;white-space:nowrap}body[data-workspace=monsters] #toolbar>:not(.workspace-nav),body[data-workspace=npcs] #toolbar>:not(.workspace-nav){visibility:hidden}body[data-workspace=world] [data-workspace=world],body[data-workspace=monsters] [data-workspace=monsters],body[data-workspace=npcs] [data-workspace=npcs]{background:#36514d;color:#e6ddad}#monsters-workspace{position:fixed;z-index:10;inset:var(--toolbar-height) 0 0;display:grid;grid-template-columns:260px minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto;background:#111a25}.monster-tools{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #344451}.monster-list,.monster-properties{overflow:auto;padding:18px;background:#141e2b}.monster-list nav{display:flex;gap:8px;margin-bottom:12px}.monster-list input{width:100%;margin-bottom:12px}.monster-row{display:block;width:100%;text-align:left;padding:12px;margin-bottom:8px}.monster-row small{display:block;color:#98b0c1;margin-top:6px;font-size:11px}.monster-row[aria-pressed=true]{border-color:#c5ab70;background:#30433f}.monster-stage{position:relative;min-width:0;min-height:0}.monster-stage canvas{width:100%;height:100%;display:block}.monster-stage button{position:absolute;top:16px;left:16px}.monster-preview-hint{position:absolute;bottom:12px;left:16px;color:#abc1cf;font-size:12px;pointer-events:none}.monster-properties section{border-bottom:1px solid #344451;padding-bottom:18px;margin-bottom:18px}.monster-properties h3{color:#ddc994;margin:4px 0 14px}.monster-properties p{font-size:12px;line-height:1.6;color:#adc0cc;overflow-wrap:anywhere}.monster-field{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;margin:10px 0;font-size:12px}.monster-field input,.monster-field select{width:100%;min-width:0}.monster-field input[readonly]{color:#91a4b5}.monster-color{grid-template-columns:44px 1fr auto}.monster-color input[type=color]{width:44px;height:28px;padding:0;border-radius:6px}.monster-properties p.skill-unwritten{color:#f3c26b;border-left:3px solid #e9a13b;padding-left:8px}.skill-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.skill-chip{display:inline-flex;align-items:stretch;border:1px solid #4a5d6c;border-radius:999px;background:#1c2a3a;overflow:hidden}.skill-chip button{border:0;border-radius:0;background:none;padding:4px 10px;font-size:12px;color:#dfe8ee}.skill-chip button+button{padding:4px 8px;color:#9fb2c1;border-left:1px solid #34495a}.skill-chip[aria-current=true]{border-color:#e9c47b;background:#3a3222}.skill-chip[aria-current=true] button:first-child{color:#f3dca6;font-weight:700}button.skill-chip.add{padding:4px 12px;font-size:12px;color:#e9c47b;border-style:dashed}.monster-properties h4{margin:16px 0 8px;font-size:12px;color:#ddc994}.skill-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.skill-slot{display:flex;align-items:center;gap:5px;padding:4px 5px;border:1px solid #34495a;border-radius:6px;background:#18242f;font-size:11px}.skill-slot b{color:#e9c47b}.skill-slot select{flex:1;min-width:0;font-size:11px}.skill-slot[data-active=true]{border-color:#f3dca6;background:#3a3222;box-shadow:0 0 0 1px #f3dca6 inset}.skill-restore{display:flex;gap:6px}.skill-restore input{width:auto}.skill-actions{display:flex;gap:8px;flex-wrap:wrap}.skill-stage-note{position:absolute;top:16px;left:50%;transform:translate(-50%);margin:0;padding:5px 12px;border-radius:6px;background:#0b1110cc;color:#f3dca6;font-weight:700;font-size:14px;pointer-events:none}.monster-status{grid-column:1/-1;margin:0;padding:10px 16px;font-size:12px;color:#b6ceb9;max-height:100px;overflow:auto}.monster-status[data-invalid=true]{color:#ffb4a7}.monster-panels{display:none}@media(max-width:1000px){#monsters-workspace{grid-template-columns:210px minmax(0,1fr) 270px}}@media(max-width:700px){body[data-workspace=monsters] #toolbar{height:50px}body[data-workspace=monsters] #toolbar>:not(.workspace-nav){display:none}#monsters-workspace{top:50px;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}.monster-tools{gap:5px;padding:8px}.monster-tools button{min-height:36px;font-size:11px}.monster-panels{display:flex}.monster-panels button{flex:1;min-height:38px}.monster-list,.monster-stage,.monster-properties{display:none;grid-row:3;grid-column:1}#monsters-workspace[data-panel=library] .monster-list,#monsters-workspace[data-panel=preview] .monster-stage,#monsters-workspace[data-panel=properties] .monster-properties{display:block}.monster-status{grid-row:4}.monster-field{grid-template-columns:1fr 1fr}}#npcs-workspace{position:fixed;z-index:10;inset:var(--toolbar-height) 0 0;display:grid;grid-template-columns:260px minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto;background:#111a25}#npcs-workspace header{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #344451}#npcs-workspace .monster-status{grid-column:1/-1;margin:0;padding:10px 16px;font-size:12px;color:#b6ceb9}.npc-dialog-row{display:flex;gap:8px;margin:6px 0}.npc-dialog-row input{flex:1;min-width:0}.npc-quest{border:1px solid #344451;border-radius:8px;padding:10px;margin:8px 0}@media(max-width:1000px){#npcs-workspace{grid-template-columns:210px minmax(0,1fr) 270px}}@media(max-width:700px){#npcs-workspace{top:50px;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}#npcs-workspace .monster-list,#npcs-workspace .monster-stage,#npcs-workspace .monster-properties{display:none}}#dresses-workspace{position:fixed;z-index:10;inset:var(--toolbar-height) 0 0;display:grid;grid-template-columns:260px minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto;background:#111a25}#dresses-workspace header{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #344451}#dresses-workspace .monster-status{grid-column:1/-1;margin:0;padding:10px 16px;font-size:12px;color:#b6ceb9}#dresses-workspace .monster-stage button[data-hero]{left:auto;top:16px}#dresses-workspace .monster-stage button[data-hero=female]{right:92px}#dresses-workspace .monster-stage button[data-hero=male]{right:16px}.dress-icon{display:block;margin:8px 0;border-radius:8px;background:#1d2a38;image-rendering:auto}@media(max-width:1000px){#dresses-workspace{grid-template-columns:210px minmax(0,1fr) 270px}}@media(max-width:700px){#dresses-workspace{top:50px;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}#dresses-workspace .monster-list,#dresses-workspace .monster-properties{display:none}}#population-panel{border-top:1px solid #50685c;border-bottom:1px solid #50685c;background:#192a2a;scroll-margin-top:10px}#population-panel h2{color:#e0c990}#population-panel .population-hint,#population-panel details{font-size:12px;line-height:1.7;color:#bbd0ca}#population-panel select,#population-panel input[type=number]{width:100%;min-width:0;min-height:34px}#population-panel button{min-height:34px}.population-presets{display:flex;gap:4px;flex-wrap:wrap}.population-presets button{flex:1;font-size:11px;padding:5px}.population-check{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:12px}.population-check input{width:auto}.population-total,.population-source-total,.population-formula{font-size:12px;line-height:1.6;padding:8px;background:#233e39;border-radius:4px}.population-warning{color:#ffbc93;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.population-preview{width:100%;margin-top:12px;border-color:#baaa70}#population-panel details{margin:12px 0}#population-panel summary{cursor:pointer}#population-panel a{color:#e0c990}#asset-palette{background:#1a2330;border-bottom:1px solid #40526a;scroll-margin-top:8px}#asset-palette>select,#asset-palette>input{width:100%;margin:5px 0;min-height:34px}#asset-palette>div{max-height:180px;overflow:auto;display:grid;gap:4px;margin-top:8px}#asset-palette button{min-height:34px;text-align:left}#asset-palette button[aria-pressed=true]{border-color:#d3bb82;background:#384c4b}#asset-palette canvas{width:100%;height:170px;display:block;touch-action:none}#asset-palette p{font-size:12px;line-height:1.6}#asset-palette>button{width:100%;text-align:center;border-color:#bbaa70}#asset-palette .asset-references{display:grid;gap:4px;margin-top:6px}#asset-palette .asset-references.hidden{display:none}#asset-palette .asset-references p{margin:0;padding:4px 8px;background:#1d2b31;border:1px solid #31454d}#asset-palette #asset-delete:not(:disabled){border-color:#a05046;color:#f0c9c2;text-align:center}