[hidden]{display:none!important}
.workspace-tabs{display:flex;gap:2px;padding:0 22px;border-bottom:1px solid var(--line);background:#0d0f11}
.workspace-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#858b92;padding:14px 16px;font:600 10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}
.workspace-tabs button.active{color:#f4eee3;border-color:var(--amber)}
.workspace-tabs span{margin-left:7px;padding:2px 5px;background:#25434a;color:#83d7e5;border-radius:2px;font-size:8px}
.production-workspace{max-width:none;grid-template-columns:292px minmax(480px,1fr) 310px;gap:14px;align-items:start;padding:14px}
.production-rail,.production-inspector{display:grid;gap:12px;align-content:start}
.production-stage{background:#0c0f11;border:1px solid var(--line);min-height:calc(100vh - 160px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.production-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;border-bottom:1px solid var(--line);background:#171b1f}
.production-toolbar>div:first-child{display:grid;gap:4px}.production-toolbar span{font-weight:700}.production-toolbar b{color:#858b92;font:500 9px 'IBM Plex Mono',monospace}
.toolbar-actions{display:flex;gap:6px}
.toolbar-actions button,.layer-actions button,.tool-button,.export-panel button,.import-button{border:1px solid #353c43;background:#20262b;color:#bcc1c5;padding:9px 10px;border-radius:4px;font:500 9px 'IBM Plex Mono',monospace;text-transform:uppercase;cursor:pointer}
.toolbar-actions button.active,.primary-action{border-color:#9a6329!important;background:#3a2c1d!important;color:#f7d69c!important}
.artboard-shell{display:grid;place-items:center;min-height:620px;padding:24px;background-color:#252a2f;background-image:linear-gradient(45deg,#292f34 25%,transparent 25%),linear-gradient(-45deg,#292f34 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#292f34 75%),linear-gradient(-45deg,transparent 75%,#292f34 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.artboard-shell canvas{display:block;max-height:680px;max-width:100%;box-shadow:0 18px 50px #0009;cursor:crosshair;touch-action:none}
.timeline{display:flex;align-items:center;gap:14px;padding:11px 14px;border-top:1px solid var(--line);background:#171b1f}
.timeline>span{font:600 9px 'IBM Plex Mono',monospace;text-transform:uppercase;color:var(--amber)}
.timeline select{background:#23292e;color:#ddd;border:1px solid #394047;padding:8px}.timeline label{display:flex;align-items:center;gap:8px;color:#878d94;font-size:11px}
.timeline input[type=range]{width:150px;accent-color:var(--amber)}.timeline output{font:500 10px 'IBM Plex Mono',monospace;color:#ddd}.loop-check{margin-left:auto}
.field{display:grid;gap:6px;margin:11px 14px}.field span,.check-field{font:500 8px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:#7f858d}
.field input,.field select,.field textarea{width:100%;border:1px solid #343b42;background:#20262b;color:#eee;border-radius:4px;padding:9px;resize:vertical}
.field input[type=color]{height:37px;padding:3px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:0}.field-pair .field:first-child{margin-right:5px}.field-pair .field:last-child{margin-left:5px}
.check-field{display:flex;align-items:center;gap:7px;margin:13px 14px}.profile-readout{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-top:1px solid var(--line)}
.profile-readout b{color:var(--amber);font:600 12px 'IBM Plex Mono',monospace}.profile-readout span{font:500 8px 'IBM Plex Mono',monospace;color:#797f86;text-align:right}
.stage-list,.layer-list{display:grid;padding:8px}.stage-list button,.layer-list button{display:flex;justify-content:space-between;border:0;border-left:2px solid transparent;background:transparent;color:#92989f;padding:9px 10px;text-align:left;cursor:pointer;font-size:11px}
.stage-list button.active,.layer-list button.active{border-color:var(--amber);background:#24282c;color:#f4eee3}.layer-list small{color:#6f757c;font:9px 'IBM Plex Mono',monospace}
.tool-button{margin:0 8px 10px;width:calc(100% - 16px)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}
.tool-grid button,.tool-upload{border:1px solid #323940;background:#20262b;color:#e8e9ea;padding:12px;text-align:center;border-radius:4px;cursor:pointer;font-size:17px}
.tool-grid small{font:500 8px 'IBM Plex Mono',monospace;color:#858b92;text-transform:uppercase}.tool-upload input,.import-button input{display:none}
.layer-actions{display:grid;grid-template-columns:auto auto 1fr 1fr;gap:5px;padding:0 8px 10px}.empty-state{padding:18px 14px;color:#777d84;font-size:12px;line-height:1.5}
.preflight-summary{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-left:3px solid var(--green)}.preflight-summary strong{color:#b7e6d0}
.preflight-summary.blocked{border-color:#e26b60}.preflight-summary.blocked strong{color:#f0a39b}.preflight-summary span{font:9px 'IBM Plex Mono',monospace;color:#858b92}
.preflight-list{display:grid;border-top:1px solid var(--line)}.preflight-list div{padding:9px 13px;border-bottom:1px solid #282e33;font:500 8px 'IBM Plex Mono',monospace;line-height:1.4}
.preflight-list .pass{color:#72c79f}.preflight-list .block{color:#ed8b81}.export-panel{padding-bottom:12px}.export-panel button,.import-button{display:block;width:calc(100% - 28px);margin:9px 14px;text-align:center}.export-panel .note{margin-bottom:0}
@media(max-width:1120px){.production-workspace{grid-template-columns:240px minmax(420px,1fr)}.production-inspector{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.production-workspace{grid-template-columns:1fr}.production-rail,.production-inspector{grid-column:auto;grid-template-columns:1fr}.production-stage{min-height:650px}.production-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{flex-wrap:wrap}.timeline{flex-wrap:wrap}.artboard-shell{min-height:480px}.artboard-shell canvas{max-height:560px}}