/* Workspace additions retain the existing colour system. */
#studio .wrap{max-width:1680px}
.studio{grid-template-columns:minmax(190px, .65fr) minmax(300px,1fr) minmax(380px,1.35fr);align-items:start}
.studio .panel{min-width:0;padding:16px}
.template-group{margin:14px 0 6px;color:var(--accent);font-size:13px}
.template-button{display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:start;width:100%;padding:8px;margin:4px 0;font-size:12px}
.template-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.template-selected{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:12px}
#templateIcon{border:2px solid var(--accent);display:inline-block;width:28px;height:18px;flex:none}
#templateIcon.portrait{width:18px;height:28px}
#templateCustomName{display:block;width:100%;padding:8px;margin:4px 0;background:#091721;border:1px solid #30444d;color:white;border-radius:7px}
.template-panel .btn{font-size:12px;padding:8px}
.back-upload{padding:10px;margin-top:10px}
.crop-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.crop-options input{width:100%}
.sheet-tools{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.sheet-tools .btn{font-size:12px;padding:6px 9px}
.sheet-tools label{display:flex;align-items:center;gap:4px}
#sheetPreview{background:#27333b;padding:8px}
#sheetCanvasWrap{position:relative;line-height:0;width:min(100%,500px);aspect-ratio:210/297}
#sheetCanvasWrap canvas{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill}
#sheetOverlay{touch-action:none;cursor:crosshair}
#sheetPreview.empty #sheetCanvasWrap{display:none}
@media(max-width:1100px){.studio{grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr)}.sheet-panel{grid-column:1/-1}}
@media(max-width:700px){.studio{grid-template-columns:minmax(0,1fr)}.sheet-panel{grid-column:auto}.template-panel{order:0}.editor-panel{order:1}.sheet-panel{order:2}.template-panel #templateList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}.template-group{grid-column:1/-1}.studio .panel{padding:14px}}

.sheet-panel{display:flex;flex-direction:column}
.sheet-panel>h3{order:-6}.sheet-panel>.sub{order:-5}.sheet-panel>.page-controls{order:-4}.sheet-panel>#sheetPreview{order:-3}.sheet-panel>.sheet-tools{order:-2}.sheet-panel>#sheetHint{order:-1}
#swapOrientation{margin-top:12px;padding:7px 10px}

#crop{touch-action:none;cursor:move}

#sourceList{display:grid;gap:7px;max-height:240px;overflow-y:auto;margin-top:10px}.source-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 10px;align-items:center;text-align:start;border:1px solid var(--line);border-radius:8px;background:#091721;color:var(--text);padding:7px;min-width:0}.source-row canvas{grid-row:span 2;width:40px;height:46px;object-fit:contain}.source-row span{overflow-wrap:anywhere;font-size:12px}.source-row bdi{font-size:12px;color:var(--muted)}.source-row[aria-pressed=true]{border-color:var(--accent)}#editingContext{border-inline-start:3px solid var(--accent);padding-inline-start:8px}#editStatus{font-variant-numeric:tabular-nums}