.release-studio { --release-green:#344f41; --release-wash:#edf0e6; color:#35443b; grid-column:1/-1; width:100%; min-width:0; padding:30px; background:#fffdf7; border-radius:24px; box-shadow:0 12px 35px rgba(52,67,46,.035); }
.release-studio * { box-sizing:border-box; }
.release-studio h3,.release-studio h4 { font-family:var(--serif,"Songti SC",serif); color:#30483b; }
.workbench-page .release-studio h3 { font-size:clamp(28px,3vw,38px); margin:7px 0 0; line-height:1.45; }
.workbench-page .release-studio h4 { margin:7px 0 0; font-size:24px; line-height:1.45; }
.release-kicker { display:block; color:#8f654f; letter-spacing:1.4px; font-size:12px; }
.release-sourcebar { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.release-source-meta { padding:15px 20px; background:#f1f1e8; border-radius:14px; max-width:46%; overflow-wrap:anywhere; }
.release-source-meta span { display:block; font-weight:500; }
.release-source-meta small { display:block; color:#7a7e70; font-size:12px; margin-top:4px; }
.release-intro { color:#73796c; margin:12px 0 25px; }
.release-forms { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-bottom:29px; }
.release-form-card { position:relative; padding:0 0 12px; border:0; border-radius:15px; overflow:hidden; background:#f4f2e9; color:#34453b; cursor:pointer; text-align:left; min-width:0; transition:transform .15s,box-shadow .15s; font-family:var(--sans,-apple-system,"PingFang SC",sans-serif); }
.release-form-card img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.release-form-card[aria-pressed="true"] { background:#e6edde; box-shadow:0 0 0 2px #537461,0 6px 20px #344c3710; }
.release-form-card:hover { transform:translateY(-3px); }
.release-form-title { display:flex; align-items:center; justify-content:space-between; gap:3px; font-size:16px; font-weight:600; padding:10px 11px 3px; }
.release-form-title i { font-size:17px; font-style:normal; color:#82927e; }
.release-form-card small { display:block; padding:0 11px; font-size:11px; line-height:1.6; color:#7a7e6e; }
.release-form-card em { position:absolute; top:8px; left:8px; font:10px/1.4 var(--sans,sans-serif); border-radius:5px; background:#fffdf2dc; padding:3px 6px; color:#5e6e5d; }
.release-form-placeholder { display:flex; justify-content:center; align-items:center; aspect-ratio:4/3; background:#e9e5d6; font:24px var(--serif,serif); }
.release-preview-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr); gap:24px; align-items:start; }
.release-studio figure { margin:0; min-width:0; }
.release-picture { display:flex; position:relative; align-items:center; justify-content:center; background:#f0eee4; width:100%; aspect-ratio:5/4; overflow:hidden; border-radius:18px; }
.release-picture>img { width:100%; height:100%; object-fit:contain; }
.release-original .release-picture>img { object-fit:cover; }
.release-studio figcaption { display:flex; gap:8px; align-items:baseline; justify-content:space-between; margin:11px 2px 0; }
.release-studio figcaption strong { font-size:14px; }
.release-studio figcaption span { font-size:12px; color:#7e8275; }
.release-preview-tag { position:absolute; top:14px; left:14px; background:#fffdf3e8; border-radius:10px; padding:5px 10px; font-size:11px; color:#7e725f; }
.release-preview-empty,.release-empty-original { width:100%; text-align:center; padding:25px; color:#758372; }
.release-preview-empty>span,.release-empty-original>span { display:block; color:#899981; font:44px/1.4 var(--serif,serif); }
.release-preview-empty strong,.release-empty-original strong { display:block; font:21px/1.6 var(--serif,"Songti SC",serif); }
.release-studio .release-preview-empty p,.release-studio .release-empty-original p { font-size:13px; margin:8px 0; }
.release-empty-original .release-button { margin-top:9px; }
.release-text-original { width:100%; padding:26px; }
.release-text-original>span { font-size:11px; letter-spacing:2px; color:#8d937d; }
.release-text-original blockquote { margin:15px 0; font:25px/1.8 var(--serif,"Songti SC",serif); overflow-wrap:anywhere; max-height:230px; overflow:auto; }
.release-sound-original { text-align:center; }
.release-sound-original>span { display:block; font:78px var(--serif,serif); color:#648b6a; }
.release-sound-original strong { font:25px var(--serif,serif); }
.release-studio .release-sound-original p { font-size:13px; color:#7e8c79; }
.release-studio .release-source-text,.release-studio .release-application-note { font-size:12px; margin:8px 2px; line-height:1.75; color:#7e8172; overflow-wrap:anywhere; }
.release-original-audio { margin-top:16px; border-radius:14px; padding:14px; background:#eff1e8; }
.release-original-audio span { display:block; margin-bottom:8px; font-size:11px; color:#6d7c66; }
.release-studio .release-original-audio p { font-size:11px; line-height:1.6; color:#7e8975; margin:9px 0 0; }
.release-original-audio audio { display:block; width:100%; max-width:100%; height:37px; }
.release-config { display:grid; grid-template-columns:180px minmax(0,1fr); gap:20px; margin-top:30px; padding:25px 24px; background:#f3f3eb; border-radius:18px; }
.release-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 17px; }
.release-fields label { min-width:0; display:block; color:#777b6d; font-size:12px; }
.release-fields input,.release-fields select { display:block; width:100%; min-width:0; border:0; border-radius:9px; margin-top:6px; padding:10px 11px; background:#fffdf7; min-height:44px; color:#38493e; font:13px/1.5 var(--sans,-apple-system,"PingFang SC",sans-serif); }
.release-fields input:focus,.release-fields select:focus { outline:2px solid #779270; outline-offset:3px; }
.release-spec-field { grid-column:span 1; }
.release-decision { margin-top:23px; }
.release-step-buttons { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.release-step-buttons>span { color:#a1ab97; font-size:16px; }
.release-button { border:0; border-radius:11px; color:#fffdf5; background:var(--release-green); padding:13px 18px; min-height:46px; font:14px/1.4 var(--sans,-apple-system,"PingFang SC",sans-serif); cursor:pointer; }
.release-button:hover { background:#446453; }
.release-button.release-secondary { color:#425943; background:#e9eedf; }
.release-button.release-secondary:hover { background:#dfe9d4; }
.release-button:disabled,.release-link:disabled { opacity:.42; cursor:not-allowed; }
.release-button:focus-visible,.release-form-card:focus-visible,.release-link:focus-visible { outline:3px solid #9ab38b; outline-offset:4px; }
.release-studio .release-state { margin:14px 0 9px; color:#767d6c; font-size:12px; min-height:22px; }
.release-export-buttons { display:flex; flex-wrap:wrap; gap:6px 24px; }
.release-link { padding:5px 0; min-height:44px; border:0; background:none; color:#677e60; font:12px/1.6 var(--sans,-apple-system,"PingFang SC",sans-serif); cursor:pointer; }
.release-handoff:empty { display:none; }
.release-handoff { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px; padding:22px 24px; border-radius:18px; margin-top:20px; background:#eaf0e3; }
.release-studio .release-handoff h4 { font-size:21px; }
.release-studio .release-handoff p { font-size:13px; margin:8px 0 0; color:#74806d; }
.release-handoff strong { font-size:14px; }
.release-handoff span:not(.release-kicker) { display:block; margin-top:9px; color:#819077; font-size:11px; }
.release-studio .release-boundary { margin:20px 0 0; font-size:11px; color:#959884; }
@media(max-width:1000px) { .release-studio { padding:24px; }.release-forms { grid-template-columns:repeat(3,minmax(0,1fr)); }.release-config { grid-template-columns:1fr; }.release-config-heading { display:flex; gap:15px; align-items:baseline; }.release-fields { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:650px) { .release-studio { padding:19px 15px; border-radius:18px; }.release-sourcebar { display:block; }.release-source-meta { margin-top:16px; max-width:100%; padding:12px 15px; }.workbench-page .release-studio h3 { font-size:29px; }.release-intro { margin-bottom:20px; font-size:13px; }.release-forms { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.release-form-title { font-size:15px; }.release-form-card small { font-size:11px; }.release-preview-layout { grid-template-columns:minmax(0,1fr); gap:22px; }.release-config { padding:18px 14px; gap:15px; margin-top:22px; }.release-config-heading { display:block; }.release-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }.release-fields label:first-child,.release-fields label:nth-child(2),.release-spec-field { grid-column:1/-1; }.release-step-buttons { display:grid; grid-template-columns:1fr; gap:8px; }.release-step-buttons>span { display:none; }.release-export-buttons { display:grid; grid-template-columns:1fr; gap:0; }.release-link { text-align:left; }.release-handoff { grid-template-columns:minmax(0,1fr); padding:18px; gap:19px; }.release-studio figcaption { flex-wrap:wrap; }.release-picture { border-radius:14px; } }
@media(prefers-reduced-motion:reduce) { .release-form-card { transition:none; }.release-form-card:hover { transform:none; } }
@media print { .release-config,.release-forms,.release-decision,.release-boundary { display:none; }.release-studio { box-shadow:none; }.release-preview-layout { grid-template-columns:1fr 1.5fr; } }