.studio-shell { max-width: 1160px; margin: auto; padding: 0 24px 48px; }
.studio-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.studio-account { display: flex; align-items: center; gap: 16px; min-width: 0; font-size: 12px; color: var(--muted); }
.studio-account span { overflow: hidden; text-overflow: ellipsis; max-width: 220px; }
.studio-account button { color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 8px; padding: 8px 12px; cursor: pointer; white-space: nowrap; }
.studio-intro { padding: 32px 0 24px; }
.studio-intro h1 { font-size: 32px; letter-spacing: -.035em; margin: 0 0 12px; }
.studio-intro p { font-size: 14px; line-height: 1.8; color: var(--muted); margin: 0; }
.studio-banner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; border: 1px solid var(--line); border-radius: 10px; background: rgba(142,200,255,.06); color: var(--accent); padding: 12px 16px; margin: 0 0 24px; font-size: 12px; line-height: 1.7; }
.studio-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.studio-panel { background: var(--bg-2); border: 1px solid var(--line); border-radius: 16px; padding: 24px; }
.studio-panel h2 { font-size: 18px; font-weight: 600; margin: 0 0 20px; }
.studio-panel label { display: block; font-size: 13px; margin: 20px 0 8px; }
.studio-panel input, .studio-panel select, .studio-panel textarea { width: 100%; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--paper); color: var(--ink); padding: 12px; font: inherit; font-size: 14px; }
.studio-panel textarea { resize: vertical; min-height: 120px; }
.studio-panel .mx-btn { width: 100%; margin-top: 24px; height: 46px; }
.studio-panel button:disabled { opacity: .55; cursor: not-allowed; }
.studio-hint { color: var(--muted); font-size: 12px; line-height: 1.8; margin: 10px 0 0; }
.studio-result { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.9; color: #c6cedb; font-family: var(--sans); margin: 0; }
.studio-empty { display: flex; min-height: 320px; flex-direction: column; justify-content: center; text-align: center; color: var(--muted); font-size: 14px; line-height: 1.9; }
.studio-empty span { display: block; font-size: 32px; color: var(--accent); margin-bottom: 12px; }
.studio-result-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.studio-result-actions button { padding: 10px 16px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--paper); font-size: 13px; cursor: pointer; }
.studio-message { color: #ffb7a6; font-size: 13px; line-height: 1.7; margin: 14px 0 0; }
.studio-message:empty { display: none; }
.studio-history { margin-top: 36px; }
.studio-history h2 { font-size: 20px; margin: 0 0 16px; }
.studio-history-list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.studio-history-list button { padding: 18px; text-align: left; background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px; cursor: pointer; }
.studio-history-list button:hover { border-color: var(--line-strong); }
.studio-history-list b { display: block; font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio-history-list small { display: block; color: var(--muted); font-size: 11px; margin-top: 10px; }
.studio-history-list p { color: var(--muted); font-size: 13px; }
[hidden] { display: none !important; }
@media(max-width:760px) { .studio-shell { padding-inline: 18px; } .studio-header .mx-brand em { display:none; } .studio-account { gap: 8px; } .studio-account span { max-width: 135px; } .studio-grid { grid-template-columns: 1fr; } .studio-panel { padding: 22px 18px; } .studio-history-list { grid-template-columns: 1fr; } .studio-intro h1 { font-size: 28px; } }

.studio-input-preview{width:100%;max-height:200px;object-fit:contain;margin:12px 0;border-radius:12px;background:#15191f}.studio-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.studio-image-pair figure{margin:0;min-width:0}.studio-image-pair figcaption{font-size:12px;color:#aeb9c9;margin-bottom:8px}.studio-image-pair img{width:100%;aspect-ratio:1;object-fit:contain;background:#161b22;border-radius:12px}.studio-panel input[type=file]{width:100%;font-size:13px}.studio-panel input[type=file]::file-selector-button{border:1px solid #495568;background:#1d2735;color:#eaf2ff;padding:10px;border-radius:8px;margin-right:10px;cursor:pointer}#prompt-details{margin-top:18px}#prompt-details summary{cursor:pointer;color:#aeb9c9;font-size:13px}.studio-history-list button small{white-space:normal}.studio-history-list button.is-selected{border-color:#aaccff}