/* Media and QR workspaces use the existing Orriden palette and Productions controls. */
.qr-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,1fr); gap:40px; align-items:start; }
.qr-layout [hidden],.media-shell [hidden] { display:none!important; }
.qr-layout input[type=color] { width:100%; height:44px; padding:7px; }
.qr-preview { display:flex; flex-direction:column; align-items:center; padding:12px; min-width:0; }
.qr-preview canvas { display:block; width:100%; max-width:380px; height:auto; border:1px solid var(--line); border-radius:10px; }
.qr-preview .converter-actions { justify-content:center; }
.media-workspace { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; padding:24px 34px 34px; }
.media-shell .pr-header { flex-wrap:wrap; }
.media-stage { min-width:0; }
.media-preview { border:1px solid var(--line); border-radius:14px; background:var(--surface); overflow:hidden; }
.media-preview canvas { display:block; width:100%; height:auto; max-height:52dvh; object-fit:contain; touch-action:none; }
.media-transport,.media-export,.media-section-title { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.media-transport { padding:16px 0; }
.media-transport input[type=range] { flex:1; min-width:100px; accent-color:var(--green); }
.media-transport span { color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
.media-timeline { border:1px solid var(--line); border-radius:14px; background:var(--paper); padding:18px; }
.media-section-title { justify-content:space-between; }
.media-section-title h2 { font-size:14px; margin:0; }
.media-section-title span { font-size:11px; color:var(--muted); }
#media-clips { display:flex; gap:8px; min-height:84px; overflow-x:auto; padding:16px 0 4px; }
.media-clip { display:flex; flex-direction:column; flex-basis:120px; min-width:110px; max-width:360px; gap:12px; text-align:left; padding:14px; background:var(--soft); color:var(--ink); border:1px solid var(--line); border-radius:9px; font-size:11px; }
.media-clip.is-selected { border-color:var(--green); box-shadow:inset 0 0 0 1px var(--green); }
.media-clip span { max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.media-clip small { color:var(--muted); font-size:10px; }
.media-export { margin:20px 0 12px; }
.media-export label { margin:0; min-width:100px; }
.media-export input[type=color] { width:90px; }
.media-inspector { display:flex; flex-direction:column; gap:24px; min-width:0; }
.media-inspector>section { padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--paper); }
.media-inspector h2 { font-size:16px; margin:0 0 14px; }
.media-inspector p,.media-status { color:var(--muted); font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.media-shell label { display:flex; flex-direction:column; gap:8px; font-size:11px; line-height:1.4; margin-bottom:14px; }
.media-shell :is(input:not([type=range]),select,textarea) { background:var(--soft); border:1px solid var(--line); border-radius:8px; color:var(--ink); min-height:38px; padding:9px; width:100%; min-width:0; font-size:12px; font-family:inherit; }
.media-shell textarea { resize:vertical; }
.media-shell input[type=range] { width:100%; accent-color:var(--green); }
.media-shell input[type=color] { padding:5px; }
.media-field-pair,.media-crop-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.media-field-pair .pr-btn { padding:8px 6px; white-space:normal; font-size:10px!important; }
.media-field-pair label { margin-bottom:0; }
.media-crop-fields label { margin:0; }
.media-delete { width:100%; margin-top:8px; }
.media-speech p { margin:12px 0 0; }
.media-shell progress { width:100%; accent-color:var(--green); }
.media-shell a.pr-btn { text-decoration:none; }
@media(max-width:1100px) { .media-workspace { grid-template-columns:minmax(0,1fr); } .media-inspector { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .qr-layout { grid-template-columns:1fr; gap:24px; } .media-workspace { padding:18px; gap:18px; } .media-inspector { grid-template-columns:1fr; } .media-shell .pr-header { padding:52px 18px 20px; } .media-shell .pr-actions { flex-wrap:wrap; } .media-preview canvas { max-height:none; } }

/* Tool detail pages use the exact Productions/Business page shell. */
.tool-workspace .converter-panel { max-width:none; padding:25px; }
.tool-workspace .field label { font-size:12px; }
.tool-workspace .field input,.tool-workspace .field select,.tool-workspace .field textarea { font-size:12px; padding:12px 13px; border-radius:8px; background:var(--soft); }
.tool-workspace input[type=color] { padding:5px; }
@media(max-width:540px){.tool-workspace .converter-panel,.tool-workspace .qr-layout{padding:20px;}}