/* 短视频智造工厂 · 三步创作视觉系统 */
:root { --primary:#0066cc; --primary-dark:#005bb8; --primary-soft:#eaf2ff; --bg:#fff; --card:#fff; --text:#17191c; --muted:#626a76; --line:#e5e7eb; --success:#178653; --warning:#9a6700; --danger:#c93434; --radius:16px; --shadow:none; }
body { background:#fff; color:var(--text); font-size:16px; line-height:1.5; }
#app { background:#fff; box-shadow:none; }
.page { padding:20px 20px calc(88px + env(safe-area-inset-bottom)); }
.page.no-tab { padding-bottom:calc(36px + env(safe-area-inset-bottom)); }
.tabbar { min-height:60px; border-top:1px solid var(--line); box-shadow:0 -2px 14px rgba(20,28,40,.02); }
.tab { min-height:60px; padding:8px 0 5px; gap:2px; color:#465164; font-size:12px; font-weight:500; }
.tab-icon { font-size:25px; line-height:25px; }
.tab.active { color:var(--primary); }
.tab.active .tab-icon { font-weight:600; }
.btn { min-height:44px; border:1px solid var(--line); background:#fff; color:var(--text); border-radius:12px; font-size:16px; }
.btn-primary { border-color:#202328; background:#202328; color:#fff; }
.chip.active { border-color:#bed5f7; background:#eaf2ff; color:#0066cc; font-weight:600; }
.btn-danger { color:var(--danger); border-color:#f1caca; }
.btn-ghost { border:0; }
.btn-sm { min-height:40px; font-size:14px; }
.btn:disabled, button:disabled { opacity:.48; cursor:not-allowed; }
.card { border:1px solid var(--line); border-radius:16px; box-shadow:none; }
.card-title { font-size:18px; line-height:26px; font-weight:600; }
.muted { color:var(--muted); font-size:14px; line-height:20px; }
.section-title { font-size:18px; line-height:26px; font-weight:600; }
.section-title .more { font-size:14px; }
.field label { font-size:14px; }
.field input[type="text"], .field input[type="datetime-local"], .field textarea, .field select { min-height:52px; background:#f5f6f8; border-color:#e5e7eb; border-radius:12px; font-size:16px; }
.field textarea { min-height:120px; }
.field input:focus, .field textarea:focus, .field select:focus { outline:2px solid #b7d5fa; border-color:var(--primary); }
.progress { background:#e9edf3; }
.progress > div { background:var(--primary); }
.toast { background:#202328; }
.toast.warning { background:var(--warning); }
.toast.success { background:var(--success); }
.modal-mask { background:rgba(12,17,25,.32); }
.modal { border-radius:20px 20px 0 0; padding:24px 20px calc(24px + env(safe-area-inset-bottom)); }
.modal h3 { font-size:18px; line-height:26px; }
.studio-page { --studio-gap:24px; }
.studio-page button, .studio-page input, .studio-page textarea { font:inherit; }
.studio-page button { cursor:pointer; }
.studio-page button:focus-visible, .studio-page a:focus-visible, .studio-page input:focus-visible, .studio-page textarea:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.studio-page button:active { transform:scale(.985); }
.studio-page h1, .studio-page h2, .studio-page h3 { letter-spacing:-.025em; }
.studio-home-head { display:flex; align-items:center; gap:8px; min-height:56px; margin:-10px 0 10px; }
.studio-brand { font-size:18px; line-height:26px; font-weight:650; white-space:nowrap; }
.studio-industry { margin-left:auto; height:40px; display:flex; align-items:center; gap:4px; padding:0 12px; border:0; border-radius:20px; background:#f5f6f8; color:var(--text); font-size:14px !important; white-space:nowrap; }
.studio-industry i { font-size:16px; }
.studio-account { display:flex; justify-content:center; align-items:center; flex:0 0 44px; width:44px; height:44px; color:var(--text); text-decoration:none; font-size:25px; }
.studio-headline { font-size:24px; line-height:32px; font-weight:600; margin:0 0 4px; }
.studio-lead { font-size:14px; line-height:20px; color:var(--muted); margin:0 0 16px; }
.studio-segment { height:44px; padding:4px; display:flex; background:#f5f6f8; border-radius:14px; margin-bottom:4px; }
.studio-segment button { flex:1; border:0; border-radius:11px; background:transparent; color:var(--muted); font-size:16px; font-weight:500; }
.studio-segment button.selected { color:var(--primary); background:var(--primary-soft); font-weight:600; }
.studio-topic-box { min-height:120px; padding:12px 16px; background:#f5f6f8; border:1px solid #eceef2; border-radius:16px; display:flex; flex-direction:column; }
.studio-topic-box:focus-within { border-color:#0066cc; box-shadow:0 0 0 2px #eaf2ff; }
.studio-label { display:block; font-size:14px; line-height:20px; color:var(--muted); margin-bottom:8px; }
.studio-topic-box textarea { width:100%; min-height:52px; resize:none; overflow:hidden; flex:none; border:0; outline:0; background:transparent; color:var(--text); font-size:16px; line-height:24px; }
.studio-topic-box textarea:focus-visible { outline:0; }
.studio-topic-box textarea::placeholder { color:#737c89; opacity:1; }
.studio-topic-foot { display:flex; align-items:center; justify-content:space-between; margin-top:4px; }
.studio-text-icon { display:inline-flex; gap:8px; align-items:center; border:0; background:transparent; color:var(--muted); font-size:14px !important; padding:6px 0; }
.studio-text-icon i { font-size:23px; }
.studio-input-hint { font-size:12px; color:#737c89; }
.studio-count-row { display:flex; align-items:center; justify-content:space-between; min-height:58px; color:var(--muted); font-size:14px; }
.studio-home > .studio-count-row { margin-top:8px; }
.studio-stepper { display:flex; align-items:center; border:1px solid var(--line); border-radius:12px; overflow:hidden; height:44px; background:#fff; }
.studio-stepper button { width:44px; height:44px; border:0; background:transparent; color:#465164; font-size:24px; line-height:1; }
.studio-stepper strong { width:42px; text-align:center; border-left:1px solid var(--line); border-right:1px solid var(--line); font-size:16px; font-weight:600; }
.studio-settings { border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:8px; }
.studio-config-row { width:100%; min-height:48px; display:flex; align-items:center; gap:12px; text-align:left; border:0; background:#fff; color:var(--text); padding:4px 0; }
.studio-config-row + .studio-config-row { border-top:1px solid var(--line); }
.studio-config-icon { flex:0 0 32px; text-align:center; color:#536177; font-size:24px; }
.studio-config-avatar { width:40px; flex-basis:40px; height:40px; overflow:hidden; border-radius:50%; }
.studio-config-avatar img { width:100%; height:100%; object-fit:cover; }
.studio-config-copy { flex:1; min-width:0; display:block; }
.studio-config-copy strong { display:block; font-size:16px; line-height:24px; font-weight:500; }
.studio-config-copy small { display:block; font-size:14px; color:var(--muted); }
.studio-status { color:var(--success); font-size:14px; white-space:nowrap; }
.studio-status.pending { color:var(--warning); }
.studio-status i { vertical-align:-1px; }
.studio-chevron { color:#697585; font-size:18px; }
.studio-primary { min-height:52px; width:100%; border:1px solid #202328; border-radius:12px; background:#202328; color:#fff; font-size:16px !important; font-weight:600 !important; display:flex; align-items:center; justify-content:center; gap:12px; text-decoration:none; padding:10px 18px; }
.studio-primary i { margin-left:auto; font-size:20px; }
.studio-home-cta { margin:8px 0 24px; }
.studio-section-head { display:flex; justify-content:space-between; align-items:center; margin:24px 0 12px; }
.studio-section-head h2 { font-size:18px; line-height:26px; font-weight:600; }
.studio-section-head a { font-size:14px; color:var(--primary); text-decoration:none; }
.studio-recent-work { width:100%; display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:8px; text-align:left; }
.studio-recent-work + .studio-recent-work { margin-top:10px; }
.studio-recent-work img { width:104px; height:70px; object-fit:contain; background:#202328; border-radius:10px; }
.studio-recent-work span { flex:1; min-width:0; }
.studio-recent-work strong { display:block; font-size:16px; line-height:24px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.studio-recent-work small { display:block; font-size:14px; color:var(--muted); margin-top:4px; }
.studio-recent-work > i { font-size:17px; color:var(--muted); }
.studio-empty { padding:20px; border:1px solid var(--line); border-radius:16px; color:var(--muted); font-size:14px; }
.studio-suggestions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.studio-suggestion { position:relative; height:124px; border:0; overflow:hidden; border-radius:12px; background:#f5f6f8; text-align:left; }
.studio-suggestion img { width:100%; height:100%; object-fit:cover; }
.studio-suggestion img.studio-presenter { object-fit:contain; object-position:center 30%; background:#edf0f3; }
.studio-suggestion:after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.55)); pointer-events:none; }
.studio-suggestion strong { position:absolute; z-index:1; left:12px; bottom:10px; color:#fff; font-size:16px; font-weight:600; }
.publish-tabs { display:flex; gap:8px; overflow-x:auto; padding:18px 0 12px; }
.publish-tab { flex:1; min-width:96px; min-height:44px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; color:#626a76; font-size:14px; font-weight:600; white-space:nowrap; }
.publish-tab.active { border-color:#0066cc; background:#eaf2ff; color:#0066cc; }
.publish-editor { padding:20px; border:1px solid #e5e7eb; border-radius:16px; }
.publish-auth-row { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#626a76; font-size:14px; }
.publish-select { display:flex; align-items:center; gap:10px; min-height:48px; margin:10px 0; font-weight:600; }
.publish-field { display:block; margin:16px 0; color:#17191c; }
.publish-field-head { display:flex; justify-content:space-between; margin-bottom:8px; }
.publish-field-head small { color:#626a76; font-weight:400; }
.publish-field input,.publish-field textarea { display:block; width:100%; min-height:52px; padding:13px 14px; box-sizing:border-box; border:1px solid #e5e7eb; border-radius:12px; background:#f5f6f8; color:#17191c; font-size:16px; }
.publish-field textarea { min-height:116px; resize:vertical; }
.publish-field input:focus,.publish-field textarea:focus { outline:2px solid #0066cc; outline-offset:1px; }
.publish-time { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:22px 0; }
.publish-time input[type=datetime-local] { flex-basis:100%; min-height:48px; }
.publish-submit { width:100%; }
.studio-shot-timeline { border-top:1px solid #e5e7eb; margin:24px 0; padding-top:12px; }
.studio-shot-timeline summary { cursor:pointer; min-height:44px; display:flex; align-items:center; color:#0066cc; font-weight:600; }
.studio-shot-row { padding:12px 0; border-bottom:1px solid #e5e7eb; }
.studio-shot-row p { margin:6px 0; }
.studio-shot-row small { color:#626a76; }
.studio-nav { height:56px; display:flex; align-items:center; justify-content:space-between; margin:-8px -8px 0; }
.studio-nav strong { font-size:18px; line-height:26px; font-weight:600; }
.studio-nav-spacer, .studio-icon-button { width:44px; height:44px; flex:0 0 44px; }
.studio-icon-button { display:grid; place-items:center; border:0; background:transparent; color:#263143; font-size:24px !important; }
.studio-link { border:0; background:transparent; color:var(--primary); font-size:14px !important; font-weight:500; padding:8px; min-height:44px; }
.studio-eyebrow { font-size:14px; color:var(--muted); margin-bottom:6px; }
.studio-plan .studio-lead { margin-bottom:10px; }
.studio-plan-summary { padding:12px; border:1px solid #e3ebfa; background:#f7f9fd; border-radius:16px; margin-bottom:4px; }
.studio-plan-summary > strong { display:block; font-size:18px; line-height:26px; font-weight:600; }
.studio-summary-head { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.studio-summary-head strong { flex:1; font-size:18px; line-height:26px; font-weight:600; }
.studio-summary-head .studio-link { white-space:nowrap; padding:0; }
.studio-plan-summary > small { display:block; font-size:14px; line-height:20px; color:var(--muted); margin-top:0; }
.studio-plan-summary .studio-count-row { margin-top:4px; }
.studio-plan-list { margin-top:4px; }
.studio-plan-item { border-bottom:1px solid var(--line); }
.studio-plan-item-top { width:100%; min-height:90px; display:flex; align-items:center; gap:14px; border:0; padding:8px 0; background:#fff; text-align:left; }
.studio-plan-item-top img { flex:0 0 96px; width:96px; height:74px; object-fit:cover; border-radius:10px; }
.studio-plan-item-top span { flex:1; min-width:0; }
.studio-plan-item-top strong { display:block; font-size:18px; line-height:26px; font-weight:600; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.studio-plan-item-top strong em { font-style:normal; margin-right:4px; }
.studio-plan-item-top small { display:block; color:var(--muted); font-size:14px; line-height:20px; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-plan-item-top > i { color:#697585; font-size:18px; }
.studio-plan-item-top.expanded > i { transform:rotate(90deg); }
.studio-plan-detail { padding:0 0 16px 110px; font-size:14px; color:#3d4654; }
.studio-plan-detail p { line-height:22px; }
.studio-plan-actions { display:flex; gap:8px; margin-top:6px; }
.studio-plan-actions .studio-link { padding-left:0; padding-right:12px; }
.studio-caution { color:var(--warning); margin-top:8px; }
.studio-section-heading { font-size:18px; line-height:26px; font-weight:600; margin:8px 0 0; }
.studio-plan .studio-settings { margin-top:4px; }
.studio-plan-note { margin-top:8px; color:var(--muted); font-size:14px; }
.studio-plan { padding-top:12px; padding-bottom:calc(134px + env(safe-area-inset-bottom)) !important; }
.studio-plan-summary .studio-count-row { min-height:44px; }
.studio-summary-head strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.studio-fixed { position:fixed; z-index:45; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:480px; padding:10px 20px calc(16px + env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:#fff; }
.studio-fixed-detail { font-size:14px; color:var(--muted); margin-bottom:8px; }
.studio-fixed-row { display:flex; gap:10px; align-items:center; }
.studio-fixed-row .studio-primary { flex:1; width:auto; }
.studio-secondary { display:inline-flex; justify-content:center; align-items:center; min-height:44px; border:1px solid #cbd1da; border-radius:12px; background:#fff; color:#344052; font-size:14px !important; font-weight:600; text-decoration:none; padding:8px 14px; }
.studio-sheet { padding-top:12px; }
.studio-sheet-handle { width:36px; height:4px; border-radius:9px; background:#d7dce5; margin:0 auto 18px; }
.studio-sheet h3 { margin-bottom:4px; }
.studio-help { font-size:14px; color:var(--muted); line-height:20px; margin-bottom:16px; }
.studio-sheet .studio-label { margin-top:16px; }
.studio-choice-row { display:flex; flex-wrap:wrap; gap:8px; }
.studio-choice { min-height:44px; padding:9px 14px; border:1px solid var(--line); border-radius:12px; background:#f5f6f8; color:var(--text); font-size:14px !important; }
.studio-choice.selected { border-color:#bed5f7; background:var(--primary-soft); color:var(--primary); }
.studio-material-note { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 0; margin-top:16px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.studio-material-note strong, .studio-material-note small { display:block; }
.studio-material-note strong { font-size:14px; font-weight:600; }
.studio-material-note small { font-size:13px; color:var(--muted); margin-top:2px; }
.studio-material-note a { color:var(--primary); font-size:14px; text-decoration:none; white-space:nowrap; }
.studio-sheet-done { margin-top:24px; }
.studio-industry-list .studio-config-row { border-bottom:1px solid var(--line); }
.studio-blue { color:var(--primary); }
.studio-planning { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; color:var(--text); }
.studio-planning i { color:var(--primary); font-size:32px; animation:studio-spin 1s linear infinite; }
.studio-planning strong { font-size:18px; }
.studio-planning p { color:var(--muted); font-size:14px; max-width:280px; }
@keyframes studio-spin { to { transform:rotate(360deg); } }
.studio-preview { padding-bottom:calc(148px + env(safe-area-inset-bottom)) !important; }
.studio-preview .studio-nav { margin-bottom:4px; }
.studio-preview-title { font-size:24px; line-height:32px; font-weight:600; margin-bottom:2px; }
.studio-preview-meta { display:flex; align-items:center; gap:6px; font-size:14px; color:var(--muted); margin-bottom:8px; }
.studio-preview-meta i { color:var(--success); font-size:16px; }
.studio-player { position:relative; display:flex; justify-content:center; align-items:center; height:min(90vw,400px); border-radius:16px; background:#202328; overflow:hidden; margin:0 -8px; }
.studio-player video { width:100%; height:100%; object-fit:contain; }
.studio-player-caption { position:absolute; left:12%; right:12%; bottom:12px; background:rgba(0,0,0,.55); border-radius:6px; color:#fff; text-align:center; font-size:14px; line-height:21px; pointer-events:none; }
.studio-player-caption:empty { display:none; }
.studio-player-controls { display:flex; align-items:center; gap:8px; min-height:56px; }
.studio-player-controls .studio-icon-button { width:36px; flex-basis:36px; font-size:21px !important; }
.studio-time { white-space:nowrap; color:#495668; font-size:13px; }
.studio-seek { flex:1; min-width:0; height:5px; appearance:none; border-radius:9px; background:linear-gradient(to right,var(--primary) var(--seek-progress, 0%),#e5e9f0 var(--seek-progress, 0%)); }
.studio-seek::-webkit-slider-thumb { appearance:none; width:18px; height:18px; border:3px solid #fff; box-shadow:0 1px 5px #0003; border-radius:50%; background:var(--primary); }
.studio-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:0; }
.studio-tool { min-height:72px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid var(--line); border-radius:12px; background:#fff; color:#344052; font-size:14px !important; }
.studio-tool i { font-size:27px; }
.studio-tool.selected { border-color:var(--primary); background:#f7fbff; color:var(--primary); }
.studio-tool-panel { border-top:1px solid var(--line); margin-top:16px; padding-top:16px; }
.studio-tool-panel h3 { font-size:18px; line-height:26px; margin-bottom:12px; }
.studio-subtitle-row { display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--line); padding:8px 0; }
.studio-subtitle-row small { font-size:13px; color:var(--muted); }
.studio-subtitle-row input { flex:1; min-width:0; min-height:44px; padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:#f5f6f8; font-size:14px !important; }
.studio-trim-row { display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:14px; }
.studio-trim-row input { width:72px; min-height:44px; padding:8px; border:1px solid var(--line); border-radius:10px; }
.studio-covers { display:flex; gap:10px; overflow-x:auto; margin-bottom:12px; }
.studio-cover-choice { position:relative; border:2px solid transparent; background:transparent; border-radius:12px; padding:2px; flex:0 0 80px; height:102px; }
.studio-cover-choice.selected { border-color:var(--primary); }
.studio-cover-choice img { width:100%; height:100%; object-fit:cover; border-radius:8px; }
.studio-cover-choice i { display:none; position:absolute; right:4px; bottom:4px; color:#fff; background:var(--primary); border-radius:50%; }
.studio-cover-choice.selected i { display:block; }
.studio-upload { cursor:pointer; }
.studio-batch-switch { border-top:1px solid var(--line); margin-top:12px; padding-top:12px; }
.studio-batch-switch strong { font-size:16px; font-weight:600; }
.studio-batch-buttons { display:flex; gap:8px; margin-top:12px; }
.studio-batch-buttons .studio-secondary { flex:1; }
.studio-download { min-height:52px; min-width:84px; }
.studio-save-status { margin-top:16px; color:var(--muted); font-size:14px; }
.studio-save-status i { color:var(--success); }
.studio-save-status.saving i { color:var(--primary); }
.studio-save-status.error, .studio-save-status.error i { color:var(--danger); }
@media (max-width:360px) { .studio-brand { font-size:16px; } .studio-industry { padding:0 8px; } .studio-plan-item-top img { width:80px; flex-basis:80px; } .studio-plan-detail { padding-left:94px; } .studio-time { font-size:12px; } }
@media (prefers-reduced-motion:reduce) { .studio-planning i { animation:none; } .studio-page button:active { transform:none; } }
/* 账号入口沿用创作页的轻量表单规范 */
.auth-page { padding-top:20px; }
.auth-brand { padding:36px 0 28px; }
.auth-mark { background:#eaf2ff; color:#0066cc; font-size:30px; }
.auth-brand h1 { font-size:24px; line-height:32px; font-weight:600; margin:16px 0 4px; }
.auth-brand p { font-size:14px; line-height:20px; }
.auth-card { padding:24px 20px; margin-bottom:16px; }
.auth-card .card-title { margin:0 0 20px; font-size:18px; line-height:26px; }
.auth-card .field { margin-bottom:16px; }
.auth-card .field label { margin-bottom:8px; font-size:14px; line-height:20px; }
.field input[type="password"], .field input[type="tel"], .field input[type="number"] {
  width:100%; min-height:52px; padding:12px 14px; border:1px solid #e5e7eb;
  border-radius:12px; background:#f5f6f8; color:#17191c; font:inherit; font-size:16px;
}
.field input::placeholder { color:#737c89; opacity:1; }
.auth-page .field input[type="text"] { padding:12px 14px; }
.field input[type="password"]:focus, .field input[type="tel"]:focus, .field input[type="number"]:focus {
  outline:2px solid #b7d5fa; border-color:#0066cc;
}
.auth-code-row { display:flex; align-items:stretch; gap:8px; }
.auth-code-row input { min-width:0; flex:1; }
.auth-send-code { flex:0 0 120px; min-height:52px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; color:#0066cc; font:inherit; font-size:14px; cursor:pointer; }
.auth-send-code:disabled { color:#626a76; }
.auth-card .btn-primary { min-height:52px; margin-top:8px; }
.auth-switch { min-height:44px; margin:4px auto; font-size:14px; }
.auth-method-switch { color:#626a76; }
.auth-page .auth-error { font-size:14px; line-height:20px; }
@media (max-width:360px) { .auth-code-row { gap:6px; } .auth-send-code { flex-basis:108px; font-size:13px; } }
.onboarding-field-label { display:flex !important; align-items:center; justify-content:space-between; gap:8px; }
.onboarding-field-label small { color:#626a76; font-size:14px; font-weight:400; }
.onboarding-field-label > span { display:inline-flex; align-items:center; gap:8px; }
.onboarding-ai-link { min-height:44px; padding:6px 8px; border:0; background:transparent; color:#0066cc; font:inherit; font-size:14px; cursor:pointer; }
.onboarding-city-row { display:grid; grid-template-columns:120px minmax(0,1fr); gap:8px; }
.onboarding-city-row select, .onboarding-city-row input { min-width:0; }
.onboarding-logo-picker { width:100%; min-height:104px; display:flex !important; align-items:center; justify-content:center; flex-direction:column; gap:4px; border:1px dashed #b7c2d1; border-radius:12px; background:#f5f6f8; background-size:contain; background-repeat:no-repeat; background-position:center; color:#626a76; font-size:14px; cursor:pointer; }
.onboarding-logo-picker i { font-size:28px; }
.onboarding-logo-picker.has-image > i, .onboarding-logo-picker.has-image > span { visibility:hidden; }
.onboarding-photo-guide { display:flex; align-items:center; gap:12px; margin:16px 0; padding:10px; border:1px solid #e5e7eb; border-radius:12px; background:#f5f6f8; }
.onboarding-photo-guide img { width:92px; height:110px; flex:0 0 92px; object-fit:contain; object-position:center top; border-radius:8px; background:#fff; }
.onboarding-photo-guide strong, .onboarding-photo-guide small { display:block; }
.onboarding-photo-guide strong { font-size:14px; }
.onboarding-photo-guide small { margin-top:4px; font-size:14px; line-height:20px; color:#626a76; }
.onboarding-voice-row { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:52px; border-bottom:1px solid #e5e7eb; }
.onboarding-optional-voice { margin-top:16px; padding-top:12px; border-top:1px solid #e5e7eb; }
.onboarding-optional-voice summary { min-height:44px; display:flex; align-items:center; color:#0066cc; font-size:14px; cursor:pointer; }
.me-code-field { display:grid; grid-template-columns:minmax(0,1fr) 120px; gap:8px; align-items:end; }
.me-code-field label { grid-column:1 / -1; margin:0 !important; }
.me-code-field input { min-width:0; }
.me-code-field .me-send-code { width:120px; }
.me-details summary { min-height:44px; display:flex; align-items:center; color:#17191c; font-size:16px; font-weight:500; }
.studio-cover-download { display:flex; justify-content:center; align-items:center; min-height:52px; text-decoration:none; margin-top:8px; }
.studio-manual-assets { max-height:180px; overflow:auto; border-block:1px solid #e5e7eb; margin:12px 0; }
.studio-manual-knowledge { max-height:220px; overflow:auto; border-block:1px solid #e5e7eb; margin:10px 0 16px; }
.studio-knowledge-search { width:100%; min-height:52px; padding:12px 16px; border:1px solid #e5e7eb; border-radius:12px; background:#f5f6f8; color:#17191c; font:inherit; font-size:16px; outline:none; }
.studio-knowledge-search:focus { border-color:#0066cc; box-shadow:0 0 0 3px #eaf2ff; }
.studio-knowledge-count { float:right; color:#0066cc; font-size:14px; font-weight:500; }
.studio-manual-knowledge .studio-manual-item small { display:block; margin-top:2px; color:#626a76; font-size:12px; }
.studio-manual-item { display:flex; align-items:center; gap:12px; min-height:48px; padding:8px 4px; border-bottom:1px solid #e5e7eb; font-size:14px; }
.studio-manual-item:last-child { border:0; }
.studio-manual-item input { width:20px; height:20px; accent-color:#0066cc; }
.studio-manual-templates { display:flex; gap:8px; overflow:auto; padding:8px 0 16px; }
.studio-manual-templates button { flex:none; }
.studio-bgm-choices { display:flex; gap:8px; overflow:auto; padding:8px 0 16px; }
.studio-bgm-choices button { flex:none; }