.studio-processing-workspace {
  width:100%;
  min-width:0;
  max-width:960px;
  margin:0 auto 20px;
  padding:clamp(12px, 2.5vw, 26px);
  border:1px solid var(--stroke, #6b5943);
  border-radius:16px;
  background:var(--panel, #242019);
  color:var(--text, #f7f0e4);
}
.studio-processing-workspace [hidden],
.studio-processing-workspace[hidden] { display:none !important }
.studio-processing-workspace .studio-tool-workspace-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px 10px;
}
.studio-processing-workspace .studio-tool-workspace-header h2 {
  margin:0;
  min-width:0;
  font-size:clamp(21px, 3vw, 28px);
  line-height:1.18;
  letter-spacing:-.03em;
}
.studio-processing-workspace .studio-tool-return {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:44px;
  flex:none;
  text-align:left;
}
.studio-processing-workspace .studio-tool-workspace-meta {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px 10px;
  margin:7px 0 15px;
}
.studio-processing-workspace .studio-tool-workspace-meta p {
  margin:0;
  color:var(--muted, #c0b39f);
  font-size:13px;
  line-height:1.45;
}
.studio-processing-workspace .studio-tool-price {
  display:inline-block;
  width:max-content;
  max-width:100%;
  padding:3px 8px;
  border-radius:6px;
  border:1px solid var(--accent-border, #806345);
  background:var(--accent-soft, #30271d);
  color:var(--accent, #efbd7b);
  font-size:12px;
  font-weight:700;
}
.studio-processing-workspace .studio-tool-panel {
  display:block;
  min-width:0;
  padding:clamp(12px, 2vw, 20px);
  border:1px solid var(--stroke, #6b5943);
  border-radius:12px;
  background:var(--surface, #1b1813);
}
.studio-processing-workspace .studio-tool-panel h3 {
  margin:0 0 4px;
  font-size:clamp(19px, 2.5vw, 24px);
  line-height:1.25;
  letter-spacing:-.025em;
}
.studio-processing-workspace .studio-tool-description,
.studio-processing-workspace .studio-tool-guide li,
.studio-processing-workspace .studio-tool-guide p,
.studio-processing-workspace .studio-tool-technical p {
  margin:0;
  color:var(--muted, #c0b39f);
  font-size:14px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.studio-processing-workspace .studio-tool-guide { margin:2px 0 8px }
.studio-processing-workspace .studio-tool-guide summary,
.studio-processing-workspace .studio-tool-technical summary {
  width:max-content;
  max-width:100%;
  padding:11px 0;
  color:var(--accent, #efbd7b);
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.studio-processing-workspace .studio-tool-guide ol { margin:0 0 8px; padding-left:20px }
.studio-processing-workspace .studio-tool-guide li + li { margin-top:4px }
.studio-processing-workspace .studio-tool-fields {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 205px), 1fr));
  align-items:end;
  gap:11px;
}
.studio-processing-workspace .studio-tool-fields label {
  display:block;
  min-width:0;
  margin:0;
  color:var(--text, #f7f0e4);
  font-size:14px;
  font-weight:650;
  overflow-wrap:anywhere;
}
.studio-processing-workspace .studio-tool-fields :is(input, select) {
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:44px;
  margin:4px 0 0;
  padding:8px;
  border:1px solid var(--stroke, #6b5943);
  border-radius:8px;
  background:var(--panel, #242019);
  color:var(--text, #f7f0e4);
  font:inherit;
  font-weight:400;
}
.studio-processing-workspace .studio-tool-fields input[type=file] { padding:5px 7px; font-size:14px }
.studio-processing-workspace .studio-tool-fields input[type=file]::file-selector-button {
  max-width:100%;
  margin-right:6px;
  padding:7px 8px;
  overflow:hidden;
  border:1px solid var(--stroke, #6b5943);
  border-radius:6px;
  background:var(--surface-raised, #342d24);
  color:var(--text, #f7f0e4);
  font:inherit;
  text-overflow:ellipsis;
}
.studio-processing-workspace .studio-tool-fields input[type=range] { accent-color:var(--accent, #efbd7b) }
.studio-processing-workspace .studio-tool-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 0;
}
.studio-processing-workspace .studio-tool-actions :is(button, a) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  max-width:100%;
  min-height:44px;
  white-space:normal;
  text-align:center;
  overflow-wrap:anywhere;
  cursor:pointer;
}
.studio-processing-workspace .studio-tool-actions :disabled { cursor:default }
.studio-processing-workspace .studio-tool-status,
.studio-processing-workspace .studio-tool-video-note {
  margin:9px 0 0;
  color:var(--muted, #c0b39f);
  font-size:13px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.studio-processing-workspace .studio-tool-status.error { color:var(--text, #f7f0e4); font-weight:700 }
.studio-processing-workspace .studio-tool-result {
  display:block;
  width:auto;
  max-width:100%;
  max-height:460px;
  height:auto;
  margin-top:12px;
  border-radius:8px;
}
.studio-processing-workspace audio.studio-tool-result { width:100% }
.studio-processing-workspace .studio-tool-technical { margin-top:6px }
.studio-processing-workspace .studio-tool-technical p + p { margin-top:5px }
.studio-processing-workspace :is(button, a, summary, input, select):focus-visible {
  outline:2px solid var(--accent, #efbd7b);
  outline-offset:2px;
}
@media (max-width:640px) {
  .studio-processing-workspace .studio-tool-return { padding-inline:8px; font-size:12px }
  .studio-processing-workspace .studio-tool-fields :is(input:not([type=file]), select) { font-size:16px }
}