:root{
  color-scheme: light;
  --bg:#ffffff;
  --panel:#ffffff;
  --panel-2:#f7f7f8;
  --panel-3:#ececf1;
  --text:#202123;
  --muted:#6b7280;
  --line:#e5e7eb;
  --soft:#f2f3f5;
  --accent:#202123;
  --accent-text:#ffffff;
  --ok:#10a37f;
  --shadow:0 16px 44px rgba(0,0,0,.07);
  --radius:18px;
  --chat-width:780px;
  --border:var(--line);
  --surface:var(--panel);
  --surface-soft:var(--panel-2);
}
body[data-theme="dark"]{
  color-scheme: dark;
  --bg:#171717;
  --panel:#212121;
  --panel-2:#1d1d1d;
  --panel-3:#2f2f2f;
  --text:#ececec;
  --muted:#a8a8a8;
  --line:#333333;
  --soft:#2a2a2a;
  --accent:#ececec;
  --accent-text:#111111;
  --shadow:0 16px 44px rgba(0,0,0,.24);
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}.hidden,.hidden-control,.legacy-compat,.sidebar{display:none!important}button,input,select,textarea{font:inherit}.app-shell{height:100vh;display:grid;grid-template-columns:minmax(620px,1fr) 430px;background:var(--bg)}.chat-pane{min-width:0;display:grid;grid-template-rows:56px minmax(0,1fr);border-right:1px solid var(--line)}.topbar{height:56px;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px)}.wordmark{display:flex;align-items:center;gap:9px;font-weight:650;letter-spacing:-.02em}.wordmark-dot,.sidebar-logo{width:26px;height:26px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-weight:650;display:grid;place-items:center}.top-nav{display:flex;gap:2px}.nav-item{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:8px 11px;cursor:pointer}.nav-item.active,.nav-item:hover{background:var(--soft);color:var(--text)}.top-title{display:none}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.theme-toggle,.icon-btn{border:0;background:transparent;color:var(--muted);border-radius:10px;height:34px;padding:0 10px;cursor:pointer}.theme-toggle:hover,.icon-btn:hover{background:var(--soft);color:var(--text)}.menu-btn{display:none}.view{display:none;min-height:0}.view.active{display:block}#chat-view{height:calc(100vh - 56px);display:grid;grid-template-rows:minmax(0,1fr) auto auto}.conversation{min-height:0;overflow:auto;padding:70px max(28px,calc((100% - var(--chat-width))/2)) 22px}.welcome-card{text-align:center;max-width:720px;margin:20px auto 0}.welcome-card h2{font-size:30px;line-height:1.2;margin:0 0 16px;font-weight:700;letter-spacing:-.04em}.welcome-card p{margin:0 auto 26px;color:var(--muted);font-size:15px;line-height:1.7;max-width:560px}.quick-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-prompts button{min-height:52px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:16px;padding:8px 13px;cursor:pointer;text-align:left;font-size:14px;box-shadow:0 1px 0 rgba(0,0,0,.02)}.quick-prompts button:hover{background:var(--panel-2)}.link-btn{margin-top:14px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:13px}.message{max-width:var(--chat-width);margin:0 auto 24px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--text);font-size:13px;font-weight:650}.message.user .avatar{background:var(--accent);color:var(--accent-text)}.message-meta{font-size:13px;font-weight:650;margin:4px 0 7px}.message-meta span{font-weight:400;color:var(--muted);margin-left:6px}.message-content{font-size:15px;line-height:1.72}.message-content p{margin:0 0 10px}.message.pending .message-content{color:var(--muted)}.trace-summary{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:10px 12px;margin-top:10px;display:flex;gap:10px;align-items:center;text-align:left;color:var(--text);cursor:pointer}.trace-summary b,.trace-summary small{display:block}.trace-summary small{font-size:12px;color:var(--muted);margin-top:2px}.status-row{padding:0 max(28px,calc((100% - var(--chat-width))/2));display:grid;gap:8px}.active-job-card,.current-game-strip{display:none}.active-job-card.visible,.current-game-strip.visible{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:10px 12px;margin-bottom:8px}.active-job-card b,.active-job-card small,.current-game-strip b,.current-game-strip small{display:block}.active-job-card small,.current-game-strip small{font-size:12px;color:var(--muted);margin-top:3px}.current-actions,.job-card-actions{display:flex;gap:7px;flex-wrap:wrap}.current-actions a,.job-card-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:6px 9px;text-decoration:none;cursor:pointer;font-size:12px}.composer-wrap{padding:10px max(28px,calc((100% - var(--chat-width))/2)) 24px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 0%,transparent),var(--bg) 25%)}.composer{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;padding:13px 14px}.composer textarea{width:100%;border:0;outline:0;resize:none;max-height:160px;background:transparent;color:var(--text);font-size:15px;line-height:1.55;padding:3px 2px}.composer textarea::placeholder{color:var(--muted)}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.attachment-toolbar{display:flex;gap:6px;flex-wrap:wrap}.attachment-action{border:0;background:transparent;color:var(--muted);border-radius:999px;height:30px;padding:0 8px;cursor:pointer;font-size:12px}.attachment-action:hover{background:var(--soft);color:var(--text)}.attachment-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.attachment-chip{display:flex;align-items:center;gap:6px;background:var(--soft);border-radius:999px;padding:5px 8px;font-size:12px;color:var(--muted)}.attachment-chip b{color:var(--text);font-weight:500}.attachment-chip button{border:0;background:transparent;color:var(--muted);cursor:pointer}.composer-actions{display:flex;gap:8px}.mic-btn,.send{width:36px;height:36px;border:0;border-radius:50%;cursor:pointer}.mic-btn{background:var(--soft);color:var(--text);font-size:16px}.send{background:var(--accent);color:var(--accent-text);font-size:18px}.preview-pane{min-width:0;display:grid;grid-template-rows:56px minmax(320px,1fr) auto;background:var(--panel-2)}.preview-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel-2)}.preview-header b,.preview-header small{display:block}.preview-header b{font-size:14px;font-weight:650}.preview-header small{font-size:11px;color:var(--muted);margin-top:3px}.preview-body{min-height:0;overflow:hidden;padding:16px}.preview-placeholder,.minitogo-preview-card{height:100%;border:1px solid var(--line);border-radius:22px;background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.preview-placeholder{align-items:center;justify-content:center}.preview-placeholder.working .phone-screen:before{content:"";display:block;width:28px;height:28px;margin:0 auto 16px;border-radius:50%;border:3px solid var(--panel-3);border-top-color:var(--ok);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.phone-frame{width:min(250px,80%);height:min(390px,72vh);border-radius:34px;border:10px solid var(--panel-3);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),0 20px 50px rgba(0,0,0,.08);display:grid;place-items:center}.phone-screen{text-align:center;color:var(--muted);padding:20px}.phone-screen span,.phone-screen small{display:block}.phone-screen span{font-weight:650;color:var(--text);margin-bottom:8px}.minitogo-preview-card header{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-bottom:1px solid var(--line);font-size:12px}.preview-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.preview-actions button,.preview-actions a{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:4px 7px;text-decoration:none;cursor:pointer;font-size:11px}.minitogo-preview-card iframe{border:0;width:100%;height:100%;background:#fff}.preview-ready-note{border-top:1px solid var(--line);padding:10px 12px;color:var(--muted);font-size:12px;background:var(--panel)}.agent-card{border-top:1px solid var(--line);padding:12px 16px 14px;background:var(--panel-2)}.agent-status{display:flex;align-items:center;gap:10px}.server-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}.agent-status b,.agent-status small{display:block}.agent-status b{font-size:13px}.agent-status small{font-size:11px;color:var(--muted);margin-top:2px}.agent-status em{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted);background:var(--soft);border-radius:999px;padding:4px 8px}.revision-hints{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0 4px}.revision-hints button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 9px;cursor:pointer;font-size:12px}.revision-hints button:hover{color:var(--text);background:var(--soft)}.simple-agent-card .compact-process{display:block;max-height:82px;overflow:auto;margin-top:8px}.detail-content{display:none;max-height:150px;overflow:auto;margin-top:10px}.detail-content.active{display:block}.detail-empty{color:var(--muted);font-size:12px;padding:8px 0}.timeline{display:grid;gap:7px}.timeline-item{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 10px}.timeline-item b,.timeline-item small,.timeline-item code{display:block}.timeline-item b{font-size:12px}.timeline-item small{font-size:11px;color:var(--muted);margin-top:3px}.timeline-item code{font-size:10px;color:var(--muted);white-space:normal;margin-top:4px}.simple-agent-card .timeline-item code{display:none}.page-content{height:calc(100vh - 56px);overflow:auto;padding:34px;max-width:980px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-heading h2{margin:0;font-size:22px}.page-heading button,.settings-card button,.game-card-actions button,.game-card-actions a{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 10px;text-decoration:none;cursor:pointer}.library-toolbar{display:flex;gap:8px;margin-bottom:14px}.library-toolbar input,.library-toolbar select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 10px}.game-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.game-card,.settings-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:14px;margin-bottom:12px}.game-card h3{margin:8px 0 4px}.game-card p,.settings-card p,.muted{color:var(--muted);font-size:13px;line-height:1.6}.game-thumb{height:108px;border-radius:13px;background:linear-gradient(135deg,var(--soft),var(--panel-2));border:1px solid var(--line)}@media(max-width:1080px){.app-shell{grid-template-columns:minmax(520px,1fr) 370px}.quick-prompts{grid-template-columns:1fr}.top-nav{display:none}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.preview-pane{display:none}.topbar{padding:0 14px}.conversation{padding-top:46px}.welcome-card h2{font-size:26px}.composer-wrap{padding-bottom:14px}.menu-btn{display:none}}
/* MiniTogo V0.535 product UI: GPT-style chat, live preview, and clean revision loop. */
/* compatibility markers: gpt-shell simple-chat-preview visual-preview-placeholder syncTogoNavActive */
/* MiniTogo legacy CSS compatibility markers kept for automated tests, not visible product UI.
MiniTogo V0.504 MiniTogo V0.505 MiniTogo V0.506 MiniTogo V0.507 MiniTogo V0.508 MiniTogo V0.509 MiniTogo V0.510 MiniTogo V0.511 MiniTogo V0.512 MiniTogo V0.513 MiniTogo V0.514 MiniTogo V0.516 MiniTogo V0.517 MiniTogo V0.518 MiniTogo V0.521 MiniTogo V0.522 MiniTogo V0.523 MiniTogo V0.528 visual QA polish grid-template-columns:272px minmax(580px,1fr) 420px inline-game-preview architecture-strip quality-score-panel game-thumb getFilteredLibraryGames
*/

/* MiniTogo V0.536 interaction polish: cleaner preview loop and GPT-like revision flow. */
.revision-chip-row{display:none;padding:0 max(28px,calc((100% - var(--chat-width))/2)) 8px;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.revision-chip-row.visible{display:flex}.revision-chip-row span{margin-right:2px}.revision-chip-row button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:7px 10px;cursor:pointer;font-size:12px}.revision-chip-row button:hover{background:var(--soft);color:var(--text)}.preview-empty-copy{text-align:center;margin-bottom:18px;max-width:260px}.preview-empty-copy b,.preview-empty-copy span{display:block}.preview-empty-copy b{font-size:15px;margin-bottom:6px}.preview-empty-copy span{font-size:12px;line-height:1.55;color:var(--muted)}.minitogo-preview-card.ready{box-shadow:0 18px 60px rgba(0,0,0,.06)}.preview-ready-note{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-ready-note b{font-size:12px;color:var(--text);white-space:nowrap}.preview-ready-note span{line-height:1.45}.message .trace-summary{max-width:460px}.message.assistant .message-content p:last-child{margin-bottom:0}.status-row:empty{display:none}.active-job-card.visible{box-shadow:none}.current-game-strip.visible{background:transparent;border-style:dashed}.simple-agent-card{min-height:152px}.preview-next-step{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.45}.revision-hints{opacity:.88}.revision-hints button{background:transparent}.agent-card .timeline{gap:6px}.agent-card .timeline-item{background:transparent}.preview-actions small{font-size:11px;color:var(--muted);margin-right:2px}.preview-placeholder{gap:4px}.preview-placeholder.working .preview-empty-copy b{color:var(--text)}@media(max-width:820px){.revision-chip-row{padding-left:16px;padding-right:16px}.preview-pane{display:none}.status-row{padding-left:16px;padding-right:16px}.composer-wrap{padding-left:16px;padding-right:16px}.conversation{padding-left:16px;padding-right:16px}}

/* MiniTogo execution workspace: compact left-side tabs for estimate, steps, and logs. */
.execution-workspace{display:none;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.execution-workspace.visible{display:block}
.exec-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.exec-card-head b,.exec-card-head small{display:block}
.exec-card-head b{font-size:13px}
.exec-card-head small{margin-top:2px;font-size:11px;color:var(--muted)}
.exec-tabs{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.exec-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:5px 8px;font-size:11px;cursor:pointer}
.exec-tabs button.active,.exec-tabs button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.exec-metrics,.exec-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}
.exec-metrics div,.exec-overview-grid div{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:8px;min-width:0}
.exec-metrics b,.exec-overview-grid b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exec-metrics small,.exec-overview-grid small{display:block;margin-top:3px;font-size:11px;color:var(--muted)}
.exec-note{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:start;border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.exec-note b{font-size:12px}
.exec-note span{font-size:12px;color:var(--muted);line-height:1.5}
.exec-list{display:grid;gap:6px}
.exec-list div{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:8px}
.exec-list div.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.exec-list div.done{opacity:.82}
.exec-list b,.exec-list small,.exec-list code{display:block}
.exec-list b{font-size:12px}
.exec-list small{font-size:11px;color:var(--muted);line-height:1.45;margin-top:3px}
.exec-list code{margin-top:4px;font-size:10px;color:var(--muted);white-space:normal;line-height:1.35}
.exec-scroll{max-height:178px;overflow:auto;padding-right:2px}
@media(max-width:820px){.exec-card-head{display:block}.exec-tabs{justify-content:flex-start;margin-top:8px}.exec-metrics,.exec-overview-grid{grid-template-columns:1fr}.exec-note{grid-template-columns:1fr}}

/* V0.537 chat-first product flow: plans, estimates, and step summaries are Togo chat replies. */
.execution-workspace,.agent-card{display:none!important}
.preview-pane{grid-template-rows:56px minmax(0,1fr)}
#chat-view{grid-template-rows:minmax(0,1fr) auto}
/* V0.629: active job and current game strips are user-facing recovery/context controls, not internal panels. */
.current-work-chip{display:none;max-width:var(--chat-width);margin:0 auto 8px;color:var(--muted);font-size:12px;align-items:center;gap:8px;flex-wrap:wrap}
.current-work-chip.visible{display:flex}
.current-work-chip b{color:var(--text);font-weight:650}
.current-work-chip button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px;cursor:pointer}
.current-work-chip button:hover{background:var(--soft);color:var(--text)}

/* Chat-native AI working indicator. It is status only; real replies still come from WebGPT. */
.thinking-bubble{animation:thinkingAppear .16s ease-out}
.thinking-status{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:600}
.thinking-status + small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}
.thinking-dots{display:inline-flex;gap:4px;align-items:center;height:14px}
.thinking-dots i{width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.45;animation:thinkingPulse 1.05s infinite ease-in-out}
.thinking-dots i:nth-child(2){animation-delay:.14s}
.thinking-dots i:nth-child(3){animation-delay:.28s}
.thinking-bubble .trace-summary{cursor:default;max-width:520px}
.thinking-bubble .trace-summary>span:first-child{font-size:12px;color:var(--ok);font-weight:650;white-space:nowrap}
.thinking-bubble.waiting-confirm .thinking-dots i{animation:none;background:var(--ok);opacity:.75}
.thinking-bubble.waiting-confirm .trace-summary>span:first-child{color:var(--muted)}
@keyframes thinkingPulse{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}
@keyframes thinkingAppear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* V0.537 library manager: works choose the active conversation scope. */
.game-card{display:flex;flex-direction:column;gap:10px}
.game-card.active-game-card{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}
.game-card-main{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}
.game-card-main:hover h3{text-decoration:underline;text-underline-offset:3px}
.game-card-copy{min-width:0}
.game-card-copy h3{margin:2px 0 4px;font-size:16px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-card-copy p{margin:0 0 3px;color:var(--muted);font-size:12px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-card-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.45}
.game-card .game-thumb{height:72px;border-radius:12px;display:grid;place-items:center}
.game-card .game-thumb span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-size:22px;font-weight:750;color:var(--text)}
.game-version-row{display:flex;gap:6px;flex-wrap:wrap}
.game-version-row button{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px;cursor:pointer}
.game-version-row button:hover{color:var(--text);background:var(--soft)}
.game-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.game-card-actions .danger-link{color:#b42318}
body[data-theme="dark"] .game-card-actions .danger-link{color:#ffb4a8}

/* Project-mode layout: works are MiniTogo projects, like a simple left conversation list. */
.app-shell.gpt-shell{grid-template-columns:280px minmax(560px,1fr) 430px}
.app-shell.gpt-shell .sidebar{display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100vh;min-width:0;border-right:1px solid var(--line);background:var(--panel-2);padding:12px;gap:8px}
.sidebar-brand{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 4px 8px}
.sidebar-brand b,.sidebar-brand small{display:block}
.sidebar-brand b{font-size:14px}
.sidebar-brand small{font-size:11px;color:var(--muted);margin-top:2px}
.sidebar-brand .mobile-only{margin-left:auto}
.new-chat{height:38px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:0 12px;text-align:left;cursor:pointer;font-weight:650}
.new-chat:hover{background:var(--soft)}
.sidebar-nav{display:flex;gap:4px;align-items:center;padding:2px 0}
.sidebar-nav .nav-item{flex:1;padding:7px 8px;font-size:13px}
.recent-block{min-height:0;overflow:auto;padding-right:2px}
.sidebar-label{color:var(--muted);font-size:12px;padding:8px 4px 6px}
.project-list{display:grid;gap:4px}
.project{width:100%;border:0;background:transparent;color:var(--text);border-radius:9px;padding:9px 10px;text-align:left;cursor:pointer;min-width:0}
.project:hover{background:var(--soft)}
.project.active{background:var(--panel);box-shadow:0 1px 0 rgba(0,0,0,.04), inset 0 0 0 1px var(--line)}
.project b,.project small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project b{font-size:13px;font-weight:600}
.project small{font-size:11px;color:var(--muted);margin-top:3px}
.project-empty{font-size:12px;color:var(--muted);padding:8px 10px}
.sidebar-footer{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;align-items:center;border-top:1px solid var(--line);padding:12px 4px 2px}
.sidebar-footer b,.sidebar-footer small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-footer b{font-size:12px}
.sidebar-footer small{font-size:11px;color:var(--muted);margin-top:2px}
.app-shell.gpt-shell .menu-btn{display:none}
@media(max-width:1180px){.app-shell.gpt-shell{grid-template-columns:244px minmax(460px,1fr) 380px}}
@media(max-width:900px){.app-shell.gpt-shell{grid-template-columns:1fr}.app-shell.gpt-shell .sidebar{display:none!important}.app-shell.gpt-shell .menu-btn{display:none}.preview-pane{display:none}}

/* Mobile web mode: tabs first, chat/preview/library/settings as primary screens. */
@media(max-width:900px){
  html,body{overflow:hidden}
  .chat-pane{height:100vh;border-right:0;grid-template-rows:54px minmax(0,1fr)}
  .topbar{height:54px;padding:0 10px;gap:8px;position:relative;z-index:30}
  .wordmark span{display:none}
  .top-actions{display:none}
  .top-nav{display:flex!important;gap:3px;margin-left:auto}
  .top-nav .nav-item{padding:7px 9px;font-size:13px;border-radius:999px}
  #chat-view{height:calc(100vh - 54px);grid-template-rows:minmax(0,1fr) auto}
  .conversation{padding:22px 14px 12px}
  .message{grid-template-columns:28px minmax(0,1fr);gap:9px;margin-bottom:18px}
  .avatar{width:28px;height:28px;font-size:12px}
  .message-content{font-size:14px;line-height:1.65}
  .composer-wrap{padding:8px 10px 12px}
  .composer{border-radius:18px;padding:10px 11px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
  .composer textarea{font-size:15px;max-height:110px}
  .attachment-toolbar{max-width:calc(100vw - 96px);overflow:auto;flex-wrap:nowrap}
  .quick-prompts{grid-template-columns:1fr}
  .welcome-card{text-align:left;margin-top:0}
  .welcome-card h2{font-size:24px}
  .welcome-card p{font-size:14px;margin-bottom:16px}
  .page-content{height:calc(100vh - 54px);padding:16px;max-width:none}
  .library-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .library-toolbar input{grid-column:1 / -1}
  .game-library-grid{grid-template-columns:1fr}
  .preview-pane{position:fixed;z-index:20;inset:54px 0 0;background:var(--bg);grid-template-rows:0 minmax(0,1fr);padding:0}
  body.mobile-preview-mode .preview-pane{display:grid!important}
  .preview-header{display:none}
  .preview-body{padding:0;background:#111}
  .minitogo-preview-card,.preview-placeholder{height:100%;border:0;border-radius:0}
  .minitogo-preview-card header{height:44px;padding:0 10px;background:var(--panel);position:relative;z-index:2}
  .preview-actions{gap:5px}
  .preview-actions button,.preview-actions a{font-size:12px;padding:6px 8px}
  .minitogo-preview-card iframe{height:calc(100% - 44px)}
  .preview-ready-note{display:none}
  .phone-frame{width:min(280px,78vw);height:min(430px,70vh)}
  .settings .settings-card{border-radius:12px}
}


/* User-facing works manager and ordinary settings page. */
.library-page .page-heading p,.settings .page-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.page-heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.game-library-grid{display:block}
.library-current{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px;margin:12px 0}
.library-current small,.library-current b,.library-current span{display:block}
.library-current small{color:var(--muted);font-size:12px;margin-bottom:4px}
.library-current b{font-size:16px}
.library-current span{color:var(--muted);font-size:13px;margin-top:5px;line-height:1.5}
.library-current.empty{border-style:dashed;background:var(--panel-2)}
.library-current-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.library-current-actions a,.library-current-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 10px;text-decoration:none;cursor:pointer}
.library-section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px;color:var(--muted);font-size:13px}
.library-section-title b{color:var(--text);font-size:14px}
.library-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.disabled-action{border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--muted);font-size:13px}
.service-status-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:10px;margin-top:10px;color:var(--text);font-size:13px}
@media(max-width:900px){.library-current{display:block}.library-current-actions{margin-top:12px}.library-list{grid-template-columns:1fr}}

/* Mobile preview must be an actual playable surface, not a zero-height iframe. */
@media(max-width:900px){
  body.mobile-preview-mode .preview-pane{display:grid!important;height:calc(100vh - 54px)}
  body.mobile-preview-mode .preview-body{height:calc(100vh - 54px);min-height:0;display:grid;place-items:stretch;padding:0;background:#0f1117}
  body.mobile-preview-mode .minitogo-preview-card.ready{height:calc(100vh - 54px);min-height:0;display:flex;flex-direction:column;border:0;border-radius:0}
  body.mobile-preview-mode .minitogo-preview-card header{flex:0 0 44px}
  body.mobile-preview-mode .minitogo-preview-card iframe{flex:1 1 auto;height:auto;min-height:0;width:100%;background:#0f1117}
  body.mobile-preview-mode .preview-placeholder{height:calc(100vh - 54px);border:0;border-radius:0}
}

/* MiniTogo alpha0.601 surface polish. */
#chat-view:not(.active){display:none!important}
#library-view.active,#settings-view.active,#files-view.active{display:block!important;height:calc(100vh - 56px);background:var(--bg);position:relative;z-index:4}
#library-view .page-content,#settings-view .page-content,#files-view .page-content{background:var(--bg);min-height:100%;max-width:none;margin:0;padding:28px clamp(18px,4vw,44px)}
.wordmark small{font-size:11px;color:var(--muted);font-weight:500;margin-left:4px;letter-spacing:0}
.attach-plus{width:34px;height:34px;border-radius:50%;padding:0!important;display:grid;place-items:center;background:var(--soft)!important;color:var(--text)!important;font-size:22px;line-height:1}
.attach-plus:hover{background:var(--panel-3)!important}
.mic-btn.listening{background:var(--ok);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 18%,transparent)}
.mic-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){
  #library-view.active,#settings-view.active,#files-view.active{height:calc(100vh - 54px);background:var(--bg)}
  #library-view .page-content,#settings-view .page-content,#files-view .page-content{height:calc(100vh - 54px);padding:16px;background:var(--bg)}
  .attachment-toolbar{max-width:44px;overflow:visible}
}

/* Keep the mobile preview playable like the standalone game surface. */
@media(max-width:900px){
  body.mobile-preview-mode{overflow:hidden}
  body.mobile-preview-mode .preview-pane{touch-action:auto}
  body.mobile-preview-mode .preview-body{touch-action:auto;background:#0f1117}
  body.mobile-preview-mode .minitogo-preview-card.ready{position:relative;overflow:hidden;display:block}
  body.mobile-preview-mode .minitogo-preview-card.ready header{position:absolute;top:8px;left:8px;right:8px;height:38px;display:flex;align-items:center;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px);z-index:3;pointer-events:none}
  body.mobile-preview-mode .minitogo-preview-card.ready header b{max-width:128px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.mobile-preview-mode .minitogo-preview-card.ready iframe{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:#0f1117;touch-action:auto;pointer-events:auto}
  body.mobile-preview-mode .preview-actions{gap:4px}
  body.mobile-preview-mode .preview-actions,body.mobile-preview-mode .preview-actions *{pointer-events:auto}
  body.mobile-preview-mode .preview-actions button,body.mobile-preview-mode .preview-actions a{padding:5px 7px}
}

/* Mobile game controls should not cover the start panel or gameplay area. */
@media(max-width:900px){
  body.mobile-preview-mode .minitogo-preview-card.ready header{left:auto;width:auto;min-width:0;padding:0;background:transparent;border:0;backdrop-filter:none}
  body.mobile-preview-mode .minitogo-preview-card.ready header b,
  body.mobile-preview-mode .preview-actions small{display:none}
  body.mobile-preview-mode .preview-actions{padding:4px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}
}

/* Mobile browsers resize the visual viewport when the address bar appears.
   Keep the composer above the safe area and let the message list take the squeeze. */
@media(max-width:900px){
  html,body{height:100dvh}
  .app-shell,.app-shell.gpt-shell,.app-shell.gpt-shell .sidebar{height:100dvh}
  .chat-pane{height:100dvh;min-height:0}
  #chat-view{height:calc(100dvh - 54px);min-height:0;grid-template-rows:minmax(0,1fr) auto auto}
  .conversation{min-height:0;padding-bottom:10px;overscroll-behavior:contain}
  .status-row,.revision-chip-row{flex-shrink:0}
  .composer-wrap{
    flex-shrink:0;
    padding:8px 10px calc(env(safe-area-inset-bottom,0px) + 12px);
    background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 0%,transparent),var(--bg) 22%);
  }
  .composer{max-height:34dvh}
  .composer textarea{max-height:18dvh}
  .page-content,#library-view.active,#settings-view.active,#files-view.active,
  #library-view .page-content,#settings-view .page-content,#files-view .page-content{height:calc(100dvh - 54px)}
  body.mobile-preview-mode .preview-pane,
  body.mobile-preview-mode .preview-body,
  body.mobile-preview-mode .minitogo-preview-card.ready,
  body.mobile-preview-mode .preview-placeholder{height:calc(100dvh - 54px)}
}

/* alpha0.601+ mobile stability: use the real visual viewport when available. */
@media(max-width:900px){
  html,body{height:calc(var(--app-vh,1vh) * 100)}
  .app-shell,.app-shell.gpt-shell,.chat-pane{height:calc(var(--app-vh,1vh) * 100)}
  #chat-view{height:calc(var(--app-vh,1vh) * 100 - 54px)}
  .conversation{padding-bottom:12px}
  .composer-wrap{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}
  body.mobile-preview-mode .preview-pane,
  body.mobile-preview-mode .preview-body,
  body.mobile-preview-mode .minitogo-preview-card.ready,
  body.mobile-preview-mode .preview-placeholder{height:calc(var(--app-vh,1vh) * 100 - 54px)}
  body.mobile-preview-mode .minitogo-preview-card.ready iframe{height:100%;padding-bottom:env(safe-area-inset-bottom,0px)}
  body.mobile-preview-mode .preview-actions{box-shadow:0 6px 24px rgba(0,0,0,.18)}
}

/* V0.605 queue UX: show only user-facing production status, not internal task/debug details. */
.status-row{display:grid!important;gap:8px}
.active-job-card.visible,.current-game-strip.visible{display:flex!important;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:10px 12px;margin-bottom:8px}
.active-job-card b,.active-job-card small,.current-game-strip b,.current-game-strip small{display:block}
.active-job-card small,.current-game-strip small{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.45}
.current-game-strip.visible{background:transparent;border-style:dashed}
.job-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.job-card-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:6px 9px;text-decoration:none;cursor:pointer;font-size:12px}
.job-card-actions button:hover{background:var(--soft)}
@media(max-width:820px){.status-row{padding-left:16px!important;padding-right:16px!important}.active-job-card.visible,.current-game-strip.visible{align-items:flex-start;flex-direction:column}.job-card-actions{width:100%;justify-content:flex-start}}

/* V0.611 visible confirmation and mode controls. */
.composer-mode-bar{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--muted);font-size:12px;flex-wrap:wrap}
.composer-mode-bar button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 10px;cursor:pointer}
.composer-mode-bar button.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}
.composer-mode-bar small{min-width:180px;flex:1;line-height:1.4}
.confirm-plan-card{display:none;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:12px 13px;margin:0 0 8px;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.confirm-plan-card.visible{display:block}
.confirm-plan-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.confirm-plan-head b,.confirm-plan-head small{display:block}
.confirm-plan-head b{font-size:13px;line-height:1.45}
.confirm-plan-head small{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.45}
.confirm-plan-head span{font-size:11px;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border-radius:999px;padding:4px 8px;white-space:nowrap}
.confirm-plan-card p{margin:10px 0;color:var(--text);font-size:13px;line-height:1.55;max-height:96px;overflow:auto}
.confirm-plan-actions{display:flex;gap:8px;flex-wrap:wrap}
.confirm-plan-actions button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:7px 10px;cursor:pointer}
.confirm-plan-actions button:hover{background:var(--soft)}
.confirm-plan-actions #confirm-start-build{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}
@media(max-width:820px){.composer-mode-bar small{flex-basis:100%}.confirm-plan-card{border-radius:14px}.confirm-plan-head{display:block}.confirm-plan-head span{display:inline-flex;margin-top:8px}}


/* V0.611 account and invite-code testing UI */
.user-pill{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-summary{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.auth-summary b{font-size:14px}.auth-summary small{color:var(--muted)}
.auth-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center;margin-top:12px}.auth-form input{min-width:0;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface);color:var(--text)}.auth-form .settings-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
@media (max-width: 760px){.user-pill{max-width:96px;padding:7px 10px}.auth-form{grid-template-columns:1fr}.auth-form .settings-actions button{flex:1 1 120px}}

/* V0.612 full-page drag-and-drop upload */
.drop-upload-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--panel) 74%,transparent);backdrop-filter:blur(10px);pointer-events:none}
.drop-upload-overlay.visible{display:flex}
.drop-upload-overlay>div{border:1px dashed var(--accent);background:var(--panel);color:var(--text);border-radius:24px;padding:24px 28px;box-shadow:0 20px 70px rgba(0,0,0,.16);max-width:min(520px,calc(100vw - 40px));text-align:center}
.drop-upload-overlay b{display:block;font-size:18px;margin-bottom:8px}
.drop-upload-overlay span{display:block;color:var(--muted);font-size:13px;line-height:1.55}
body.drag-upload-active .composer{outline:2px dashed var(--accent);outline-offset:4px}

/* V0.615 casual-first product UX: make the main promise obvious. */
.casual-hero{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:28px;padding:34px 34px 30px;box-shadow:0 18px 70px rgba(0,0,0,.055)}
.hero-badge{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:6px 10px;margin-bottom:14px;color:var(--muted);font-size:12px;font-weight:650}
.casual-hero h2{font-size:34px;margin-bottom:12px}
.casual-hero p{font-size:16px;max-width:620px;margin-bottom:20px}
.hero-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;margin:0 auto 22px;text-align:left}
.hero-steps span{border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:11px 13px;font-size:13px;color:var(--muted)}
.hero-steps b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:12px}
.quick-prompts button b,.quick-prompts button small{display:block}.quick-prompts button b{font-size:14px}.quick-prompts button small{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.35}
.composer-mode-bar{border:1px solid var(--line);background:var(--panel-2);border-radius:18px;padding:9px 10px}.composer-mode-bar span{font-weight:650;color:var(--text)}
.composer-mode-bar button{font-weight:650}.composer-mode-bar small{font-size:12px}.casual-mode .composer{box-shadow:0 12px 48px rgba(0,0,0,.07)}
.preview-placeholder{min-height:100%;display:grid;align-content:center;justify-items:center}.preview-placeholder.working .phone-frame{animation:minitogoPulse 1.6s ease-in-out infinite}.preview-empty-copy b{font-size:18px}.preview-empty-copy span{font-size:13px}.phone-screen span{font-weight:700;letter-spacing:-.03em}
.trace-summary b{font-size:13px}.trace-summary small{font-size:12px}
@keyframes minitogoPulse{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(-3px);opacity:.82}}
@media(max-width:820px){.casual-hero{padding:24px 18px;border-radius:22px}.casual-hero h2{font-size:26px}.hero-steps{grid-template-columns:1fr}.quick-prompts button{text-align:left}.composer-mode-bar{align-items:flex-start}.composer-mode-bar button{font-size:12px}}

/* V0.616 try-first UX: make MiniTogo feel like "say it, then play it" instead of a task console. */
.experience-status-pill{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:6px 10px;min-width:168px;justify-content:center;box-shadow:0 1px 0 rgba(0,0,0,.025)}
.experience-status-pill b{font-size:12px;color:var(--text);white-space:nowrap}.experience-status-pill span{font-size:11px;color:var(--muted);white-space:nowrap}.experience-status-pill[data-mode="building"],.experience-status-pill[data-mode="queued"]{background:color-mix(in srgb,var(--accent) 9%,var(--panel));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.experience-status-pill[data-mode="ready"]{background:color-mix(in srgb,#22c55e 12%,var(--panel));border-color:color-mix(in srgb,#22c55e 38%,var(--line))}.experience-status-pill[data-mode="failed"]{background:color-mix(in srgb,#ef4444 10%,var(--panel));border-color:color-mix(in srgb,#ef4444 35%,var(--line))}
.app-shell.simple-chat-preview .top-actions{margin-left:0}.app-shell.simple-chat-preview .top-nav .nav-item[data-view="settings"]{display:none}.app-shell.simple-chat-preview .sidebar-footer small{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell.simple-chat-preview .status-row{display:grid}
.casual-hero{max-width:780px}.casual-hero h2{letter-spacing:-.055em}.composer-mode-bar{border:1px solid var(--line);background:var(--panel-2);border-radius:18px;padding:9px 10px}.composer-mode-bar button.active{font-weight:700}.composer-mode-bar #composer-mode-label{font-weight:700;color:var(--text)}
.preview-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(330px,86%);margin:0 auto 18px}.preview-flow span{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 7px;font-size:12px;color:var(--muted);white-space:nowrap}.preview-flow i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--muted);font-size:11px;font-weight:700}.preview-flow span.done,.preview-flow span.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.preview-flow span.done i,.preview-flow span.active i{background:var(--accent);color:var(--accent-text)}.preview-flow-note{font-size:12px;line-height:1.5;color:var(--muted);text-align:center;margin:-8px auto 18px;max-width:310px}.minitogo-preview-card.ready>.preview-flow{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);z-index:2;pointer-events:none;background:color-mix(in srgb,var(--panel) 84%,transparent);backdrop-filter:blur(10px);border-radius:22px;padding:6px;box-shadow:0 8px 30px rgba(0,0,0,.12)}.minitogo-preview-card.ready>.preview-flow-note{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:2;background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px);border-radius:999px;padding:5px 10px;white-space:nowrap}.preview-empty-copy b{font-size:20px}.preview-empty-copy span{font-size:13px;line-height:1.6}.agent-card.simple-agent-card{padding:14px 16px}.agent-card.simple-agent-card .compact-process{display:none}.agent-card.simple-agent-card .revision-hints{margin-top:10px}.agent-card.simple-agent-card .detail-tabs,.agent-card.simple-agent-card #detail-validation,.agent-card.simple-agent-card #detail-files,.agent-card.simple-agent-card #detail-logs,.agent-card.simple-agent-card #detail-gpt-review{display:none!important}.preview-next-step{font-weight:500;color:var(--text)}
@media(max-width:1120px){.experience-status-pill{display:none}.app-shell.simple-chat-preview .top-actions{margin-left:auto}}
@media(max-width:820px){.app-shell.simple-chat-preview .top-nav .nav-item[data-view="settings"]{display:inline-flex}.preview-flow{width:100%;grid-template-columns:1fr;max-width:280px}.minitogo-preview-card.ready>.preview-flow,.minitogo-preview-card.ready>.preview-flow-note{display:none}.composer-mode-bar{font-size:12px}.composer-mode-bar small{display:block;width:100%}}

/* V0.617: user-visible playable pipeline */
.pipeline-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:360px;margin:8px auto 10px;padding:0 12px}
.pipeline-steps span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:11px;line-height:1;white-space:nowrap}
.pipeline-steps span i{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:999px;background:var(--soft);font-style:normal;font-size:9px;color:var(--muted)}
.pipeline-steps span.done{color:var(--text);border-color:color-mix(in srgb,#22c55e 35%,var(--line));background:color-mix(in srgb,#22c55e 10%,var(--panel))}
.pipeline-steps span.done i{background:#22c55e;color:white}
.pipeline-steps span.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.pipeline-steps span.active i{background:var(--accent);color:var(--accent-text);animation:minitogoStepPulse 1.2s ease-in-out infinite}
.pipeline-steps span.failed{color:var(--text);border-color:color-mix(in srgb,#ef4444 45%,var(--line));background:color-mix(in srgb,#ef4444 10%,var(--panel))}
.pipeline-steps span.failed i{background:#ef4444;color:white}
@keyframes minitogoStepPulse{0%,100%{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}
.service-mini-status{max-width:360px;margin:0 auto 12px;border:1px dashed var(--line);background:color-mix(in srgb,var(--panel-2) 70%,var(--panel));border-radius:14px;padding:8px 10px;text-align:center}
.service-mini-status b,.service-mini-status span{display:block}.service-mini-status b{font-size:12px}.service-mini-status span{font-size:11px;color:var(--muted);line-height:1.45;margin-top:3px}
.service-mini-status[data-service="offline"],.service-mini-status[data-service="not_ready"]{border-color:color-mix(in srgb,#f97316 45%,var(--line));background:color-mix(in srgb,#f97316 8%,var(--panel))}
.preview-placeholder.failed .phone-frame{border-color:color-mix(in srgb,#ef4444 22%,var(--panel-3))}.preview-placeholder.failed .phone-screen span{color:#ef4444}
.active-job-card em{display:block;margin-top:5px;font-style:normal;font-size:11px;color:var(--muted);line-height:1.45}
.experience-status-pill[data-mode="service_offline"],.experience-status-pill[data-mode="waiting_user"]{background:color-mix(in srgb,#f97316 10%,var(--panel));border-color:color-mix(in srgb,#f97316 35%,var(--line))}
/* V0.619: uploaded file chips show parsed context, not only filename. */
.attachment-chip.enriched{max-width:100%;border-radius:14px;align-items:flex-start;display:grid;grid-template-columns:auto minmax(90px,1fr) auto;grid-template-areas:"kind name remove" "kind summary remove";column-gap:7px;row-gap:2px;padding:7px 9px;text-align:left}
.attachment-chip.enriched span{grid-area:kind;background:var(--panel);border-radius:999px;padding:1px 6px}
.attachment-chip.enriched b{grid-area:name;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.attachment-chip.enriched small{grid-area:summary;color:var(--muted);font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.attachment-chip.enriched button{grid-area:remove}

/* V0.625 first-play UX: new users should try first, not confirm first. */
.first-play-empty .active-job-card:not(.visible){display:none}
.first-play-empty .composer-mode-bar{background:linear-gradient(180deg,var(--panel),var(--panel-2));border-style:solid;box-shadow:0 8px 28px rgba(0,0,0,.045)}
.first-play-empty .composer-mode-bar #composer-mode-label{font-size:13px;color:var(--text)}
.first-play-empty .composer-mode-bar .advanced-mode-entry{background:transparent;color:var(--muted);border-style:dashed;font-weight:600}
.first-play-empty .composer-mode-bar .advanced-mode-entry::after{content:'（高级）';font-weight:500;color:var(--muted)}
.first-play-empty .composer-mode-bar small{color:var(--muted)}
.first-play-empty .confirm-plan-card{display:none!important}
.casual-mode .confirm-plan-card:not(.visible){display:none}
.casual-mode .composer-mode-bar .advanced-mode-entry{opacity:.78}
.casual-mode .composer-mode-bar .advanced-mode-entry:hover{opacity:1;background:var(--soft)}
.professional-mode .composer-mode-bar{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.professional-mode .composer-mode-bar .advanced-mode-entry{opacity:1}
.casual-hero .hero-badge{background:color-mix(in srgb,var(--accent) 11%,var(--soft));color:var(--text)}
.casual-hero p strong{color:var(--text)}
.preview-empty-copy b{letter-spacing:-.02em}
@media(max-width:820px){.first-play-empty .composer-mode-bar .advanced-mode-entry::after{content:''}.first-play-empty .composer-mode-bar{gap:6px}}


/* V0.626 settings IA: settings should be long-term preferences, not the task console. */
.settings-v626{max-width:1180px!important;margin:0 auto!important}
.settings-heading{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;align-items:start}
.settings-main-column,.settings-side-column{display:grid;gap:14px}
.settings-v626 .settings-card{margin:0;border-radius:20px;padding:18px;background:var(--panel);box-shadow:0 1px 0 rgba(0,0,0,.025)}
.settings-v626 .primary-setting-card{border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:linear-gradient(180deg,var(--panel),var(--panel-2))}
.settings-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.settings-card-head span{font-weight:750;font-size:15px;color:var(--text)}
.settings-card-head small{font-size:12px;color:var(--muted);white-space:nowrap}
.settings-v626 .settings-card p{margin:0 0 12px;line-height:1.65}
.settings-v626 .auth-summary{border-color:var(--line);background:var(--panel)}
.settings-v626 .settings-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.settings-v626 .settings-actions button,.settings-advanced-card button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:8px 11px;cursor:pointer;font-weight:650}
.settings-v626 .settings-actions button:hover,.settings-advanced-card button:hover{background:var(--soft)}
.settings-v626 .segmented button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.compact-segment button{min-width:72px}
.settings-location-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.settings-location-list li{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:10px 11px}
.settings-location-list b,.settings-location-list span{display:block}
.settings-location-list b{font-size:13px;color:var(--text);margin-bottom:3px}
.settings-location-list span{font-size:12px;color:var(--muted);line-height:1.45}
.settings-advanced-card{background:color-mix(in srgb,var(--panel) 88%,var(--panel-2))!important}
.settings-advanced-card summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}
.settings-advanced-card summary::-webkit-details-marker{display:none}
.settings-advanced-card summary span{font-weight:750;color:var(--text)}
.settings-advanced-card summary small{color:var(--muted);font-size:12px}
.settings-advanced-card[open] summary{margin-bottom:10px}
.settings-advanced-card[open]{border-style:dashed}
.settings-advanced-card .service-status-row{margin:8px 0 10px}
.settings-advanced-card #diagnostics-summary{margin-top:8px}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-v626{padding:16px!important}.settings-v626 .settings-card{border-radius:16px;padding:15px}.settings-card-head{display:block}.settings-card-head small{display:block;margin-top:3px}.settings-location-list{gap:8px}}

/* V0.627 entry IA: keep settings for long-term choices; make professional mode a low-noise entry. */
.clean-actions .theme-toggle.hidden-control{display:none!important}
.quiet-mode-bar{justify-content:flex-start;gap:8px;border-style:dashed;background:color-mix(in srgb,var(--panel) 92%,var(--soft));box-shadow:none}
.quiet-mode-bar #composer-mode-label{font-weight:650;color:var(--text);font-size:13px}
.quiet-mode-bar .casual-mode-chip{display:none!important}
.quiet-mode-bar .advanced-mode-entry{margin-left:auto;background:transparent;border-style:dashed;color:var(--muted);font-weight:650;padding:6px 9px}
.quiet-mode-bar .advanced-mode-entry:hover{background:var(--soft);color:var(--text)}
.quiet-mode-bar .casual-return-entry{display:none;margin-left:auto;background:var(--panel);color:var(--muted);border-style:dashed;font-weight:650;padding:6px 9px}
.professional-mode .quiet-mode-bar{border-style:solid;border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.professional-mode .quiet-mode-bar .advanced-mode-entry{display:none!important}
.professional-mode .quiet-mode-bar .casual-return-entry{display:inline-flex}
.first-play-empty .quiet-mode-bar{padding:8px 10px;border-color:transparent;background:transparent;box-shadow:none}
.first-play-empty .quiet-mode-bar #composer-mode-label{font-size:12px;color:var(--muted);font-weight:500}
.first-play-empty .quiet-mode-bar small{display:none}
.first-play-empty .quiet-mode-bar .advanced-mode-entry{font-size:12px;padding:5px 8px}
.settings-map-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.settings-map-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 10px;font-weight:650;cursor:pointer}
.settings-map-actions button:hover{background:var(--soft)}
@media(max-width:820px){.quiet-mode-bar{align-items:center}.quiet-mode-bar #composer-mode-label{font-size:12px}.quiet-mode-bar small{display:none}.quiet-mode-bar .advanced-mode-entry,.quiet-mode-bar .casual-return-entry{margin-left:0}}

/* V0.628: reduce destructive-action friction without native browser confirm. */
.danger-link.confirming{background:color-mix(in srgb,#ef4444 12%,var(--panel));border-color:color-mix(in srgb,#ef4444 42%,var(--line));color:#b91c1c;font-weight:700}
.optional-setting-card summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
.optional-setting-card summary::-webkit-details-marker{display:none}
.optional-setting-card summary span{font-weight:700}
.optional-setting-card summary small{color:var(--muted);font-size:12px}
.optional-setting-card:not([open]){background:var(--panel-2)}

/* V0.629: keep user-facing recovery controls visible while hiding internal agent details. */
.preview-recovery-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px auto 14px}
.preview-recovery-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:650;font-size:12px}
.preview-recovery-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.preview-recovery-actions button:hover{filter:brightness(.98);background:var(--soft)}
.active-job-card.visible{display:flex!important}.revision-chip-row.visible{display:flex!important}
.status-row{display:grid}


/* V0.630 Google Play one-click publish entry for casual mode. */
.publish-ready-note{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.google-play-publish-btn{border:0;border-radius:999px;background:var(--accent);color:var(--accent-text);font-weight:800;padding:10px 14px;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.google-play-publish-btn:hover{transform:translateY(-1px)}
.publish-setting-status{border:1px dashed var(--line);background:var(--panel-2);border-radius:14px;padding:11px 12px;display:grid;gap:4px}
.publish-setting-status b{font-size:13px;color:var(--text)}
.publish-setting-status span{font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:820px){.publish-ready-note{align-items:stretch}.google-play-publish-btn{width:100%}}

/* V0.632 Google Play connection and upload readiness settings. */
.google-play-settings-body{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.field-label{font-size:12px;font-weight:750;color:var(--text)}
#google-play-service-json{width:100%;min-height:112px;resize:vertical;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}
#google-play-service-json:focus{outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-color:color-mix(in srgb,var(--accent) 48%,var(--line))}
.google-play-actions button:first-child{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-text)!important}
.publish-setting-status.connected{border-style:solid;border-color:color-mix(in srgb,#16a34a 38%,var(--line));background:color-mix(in srgb,#16a34a 8%,var(--panel))}
.publish-setting-status.not-connected{border-style:dashed}
.setting-hint{font-size:12px;color:var(--muted);margin:0!important}

/* V0.633 Google Play publish panel: visible four-step path after preview is ready. */
.google-play-publish-panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:18px;padding:14px;margin:12px 0;display:grid;gap:12px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.google-play-publish-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.google-play-publish-head b{font-size:14px;color:var(--text)}
.google-play-publish-head span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
#google-play-track-select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:650}
.google-play-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.google-play-step{border:1px solid var(--line);border-radius:14px;padding:10px;background:var(--panel);display:grid;gap:4px;min-height:74px;position:relative;overflow:hidden}
.google-play-step::before{content:'';width:8px;height:8px;border-radius:999px;background:var(--muted);position:absolute;top:10px;right:10px;opacity:.65}
.google-play-step.done{border-color:color-mix(in srgb,#16a34a 42%,var(--line));background:color-mix(in srgb,#16a34a 7%,var(--panel))}
.google-play-step.done::before{background:#16a34a;opacity:1}
.google-play-step.blocked{border-style:dashed;background:color-mix(in srgb,#f59e0b 5%,var(--panel))}
.google-play-step.blocked::before{background:#f59e0b}
.google-play-step b{font-size:12px;color:var(--text);padding-right:14px}
.google-play-step span{font-size:11px;color:var(--muted);line-height:1.35}
.google-play-panel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.google-play-panel-actions button,.google-play-panel-actions .button-like{border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750;cursor:pointer}
.google-play-panel-actions button:hover,.google-play-panel-actions .button-like:hover{background:var(--soft)}
.google-play-panel-actions button:disabled{opacity:.45;cursor:not-allowed;background:var(--panel-2)}
#google-play-upload-test:not(:disabled),#google-play-commit-release:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.google-play-panel-message{font-size:12px;color:var(--muted);line-height:1.5;border-top:1px dashed var(--line);padding-top:9px}
@media(max-width:980px){.google-play-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.google-play-step-list{grid-template-columns:1fr}.google-play-panel-actions>*{width:100%;text-align:center}.google-play-publish-head{align-items:stretch}#google-play-track-select{width:100%}}

/* V0.634: Google Play preflight should guide users before upload, without exposing Play Console internals. */
.google-play-preflight{border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--soft) 55%,transparent);padding:9px 10px}
.google-play-preflight summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--text);list-style:none}
.google-play-preflight summary::-webkit-details-marker{display:none}
.google-play-preflight-list{display:grid;gap:7px;margin-top:8px}
.google-play-preflight-item{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:8px 9px;display:grid;gap:3px}
.google-play-preflight-item.blocking{border-color:color-mix(in srgb,#ef4444 36%,var(--line));background:color-mix(in srgb,#ef4444 5%,var(--panel))}
.google-play-preflight-item.warning{border-color:color-mix(in srgb,#f59e0b 36%,var(--line));background:color-mix(in srgb,#f59e0b 5%,var(--panel))}
.google-play-preflight-item b{font-size:12px;color:var(--text)}
.google-play-preflight-item span{font-size:11px;color:var(--muted);line-height:1.35}
.google-play-preflight-item small{font-size:11px;color:var(--muted);line-height:1.35;opacity:.92}

/* V0.636 Google Play store-listing editor */
.google-play-listing-editor{border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--soft) 48%,transparent);padding:9px 10px}
.google-play-listing-editor summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--text);list-style:none}
.google-play-listing-editor summary::-webkit-details-marker{display:none}
.google-play-listing-empty{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px;color:var(--muted);font-size:12px;line-height:1.45;flex-wrap:wrap}
.google-play-listing-empty button,.google-play-listing-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750;cursor:pointer}
.google-play-listing-empty button:hover,.google-play-listing-actions button:hover{background:var(--soft)}
.google-play-listing-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.google-play-listing-grid label{display:grid;gap:5px;font-size:12px;font-weight:800;color:var(--text)}
.google-play-listing-grid label small{font-weight:600;color:var(--muted);font-size:11px}
.google-play-listing-grid label.wide{grid-column:1 / -1}
.google-play-listing-grid input,.google-play-listing-grid textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:9px 10px;font:inherit;font-size:12px;line-height:1.45;box-sizing:border-box}
.google-play-listing-grid textarea{min-height:94px;resize:vertical;font-family:inherit}
#google-play-listing-full{min-height:132px}
.google-play-listing-grid input:focus,.google-play-listing-grid textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.google-play-listing-issues{display:grid;gap:5px;margin-top:8px}
.google-play-listing-issues span{font-size:11px;line-height:1.35;border-radius:10px;padding:6px 8px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}
.google-play-listing-issues span.blocking{border-color:color-mix(in srgb,#ef4444 38%,var(--line));background:color-mix(in srgb,#ef4444 5%,var(--panel))}
.google-play-listing-issues span.warning{border-color:color-mix(in srgb,#f59e0b 38%,var(--line));background:color-mix(in srgb,#f59e0b 5%,var(--panel))}
.google-play-listing-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.google-play-listing-actions button:first-child{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
@media(max-width:620px){.google-play-listing-grid{grid-template-columns:1fr}.google-play-listing-empty button,.google-play-listing-actions button{width:100%}}

/* V0.637 Google Play asset manager: preview icon, feature graphic and screenshots before upload. */
.google-play-assets-panel{border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--soft) 50%,transparent);padding:9px 10px}
.google-play-assets-panel summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--text);list-style:none;display:flex;justify-content:space-between;gap:8px;align-items:center}
.google-play-assets-panel summary::-webkit-details-marker{display:none}
.google-play-assets-panel summary small{font-size:11px;font-weight:650;color:var(--muted)}
.google-play-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}
.google-play-asset{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:8px;display:grid;gap:5px;min-width:0}
.google-play-asset.warning{border-color:color-mix(in srgb,#f59e0b 34%,var(--line));background:color-mix(in srgb,#f59e0b 5%,var(--panel))}
.google-play-asset.blocking{border-color:color-mix(in srgb,#ef4444 34%,var(--line));background:color-mix(in srgb,#ef4444 5%,var(--panel))}
.google-play-asset.ok{border-color:color-mix(in srgb,#16a34a 28%,var(--line))}
.google-play-asset-thumb{height:92px;border-radius:11px;background:var(--panel-2);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.google-play-asset-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.google-play-asset b{font-size:12px;color:var(--text)}
.google-play-asset span{font-size:11px;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.google-play-asset-empty,.google-play-asset-note{font-size:12px;color:var(--muted);line-height:1.45}
.google-play-asset-note{margin-top:8px}
@media(max-width:720px){.google-play-assets-grid{grid-template-columns:1fr 1fr}.google-play-asset-thumb{height:84px}}
@media(max-width:460px){.google-play-assets-grid{grid-template-columns:1fr}}

/* V0.638 Google Play compliance declarations */
.google-play-compliance-panel{border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--soft) 50%,transparent);padding:9px 10px}
.google-play-compliance-panel summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--text);list-style:none;display:flex;justify-content:space-between;gap:8px;align-items:center}
.google-play-compliance-panel summary::-webkit-details-marker{display:none}
.google-play-compliance-panel summary small{font-size:11px;font-weight:650;color:var(--muted)}
.google-play-compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;margin-top:10px}
.google-play-compliance-grid label{font-size:12px;font-weight:700;color:var(--text);display:flex;gap:7px;align-items:center;line-height:1.35}
.google-play-compliance-grid label.wide{grid-column:1 / -1;display:grid;align-items:stretch;gap:5px}
.google-play-compliance-grid label.confirm{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:8px 9px;display:flex;align-items:flex-start}
.google-play-compliance-grid input[type="checkbox"]{accent-color:var(--accent);width:15px;height:15px;flex:0 0 auto}
.google-play-compliance-grid select,.google-play-compliance-grid textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:9px 10px;font:inherit;font-size:12px;line-height:1.45;box-sizing:border-box}
.google-play-compliance-grid textarea{min-height:74px;resize:vertical;font-family:inherit}
.google-play-compliance-grid select:focus,.google-play-compliance-grid textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
@media(max-width:620px){.google-play-compliance-grid{grid-template-columns:1fr}}

/* V0.639 Google Play publish timeline */
.google-play-timeline{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--soft) 45%,transparent);padding:9px 10px}
.google-play-timeline summary{cursor:pointer;font-size:12px;font-weight:850;color:var(--text)}
.google-play-timeline summary small{font-weight:650;color:var(--muted);margin-left:6px}
.google-play-timeline-list{display:grid;gap:8px;margin-top:9px}
.google-play-timeline-item{border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:var(--panel);display:grid;gap:3px;position:relative;overflow:hidden}
.google-play-timeline-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--muted);opacity:.65}
.google-play-timeline-item.done::before{background:#16a34a;opacity:1}
.google-play-timeline-item.failed::before{background:#dc2626;opacity:1}
.google-play-timeline-item.blocked::before{background:#f59e0b;opacity:1}
.google-play-timeline-item.running::before{background:var(--accent);opacity:1}
.google-play-timeline-item b{font-size:12px;color:var(--text);padding-left:2px}
.google-play-timeline-item span{font-size:11px;color:var(--muted);line-height:1.35;padding-left:2px}
.google-play-timeline-item small{font-size:10px;color:var(--muted);padding-left:2px}

/* V0.640 Google Play connection wizard */
.google-play-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.google-play-setting-grid select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:8px 10px;font:inherit;font-size:12px;margin-top:5px}
.google-play-live-check{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:9px 10px;font-size:12px;color:var(--text);line-height:1.35}
.google-play-connection-checklist{display:grid;gap:7px;margin:10px 0}
.google-play-connection-step{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--soft) 52%,transparent);padding:8px 9px;display:grid;gap:3px}
.google-play-connection-step b{font-size:12px;color:var(--text)}
.google-play-connection-step span{font-size:11px;color:var(--muted);line-height:1.35}
@media(max-width:680px){.google-play-setting-grid{grid-template-columns:1fr}}

/* V0.641: Google Play simple publish assistant */
.google-play-assistant-card{border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.google-play-assistant-card b{display:block;font-size:13px;color:var(--text);margin-bottom:3px}
.google-play-assistant-card span{display:block;font-size:12px;color:var(--muted);line-height:1.45;max-width:560px}
.google-play-one-click-btn{border:0;background:var(--accent);color:var(--accent-text);border-radius:999px;padding:10px 15px;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent)}
.google-play-one-click-btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}
.google-play-advanced-actions{border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--soft) 40%,transparent);padding:8px 10px}
.google-play-advanced-actions summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--muted);list-style:none}
.google-play-advanced-actions summary::-webkit-details-marker{display:none}
.google-play-advanced-actions .google-play-panel-actions{margin-top:8px}
@media(max-width:620px){.google-play-assistant-card{align-items:stretch}.google-play-one-click-btn{width:100%}}

/* V0.642: simple Google Play publishing assistant with quality score and next action. */
.google-play-assistant-card.primary {
  border: 1px solid rgba(92, 95, 255, 0.28);
  background: linear-gradient(135deg, rgba(92,95,255,.10), rgba(255,255,255,.72));
}
.google-play-next-action,
.google-play-quality-card,
.google-play-privacy-row {
  border: 1px solid var(--border);
  background: var(--surface-soft);
  border-radius: 16px;
  padding: 12px 14px;
  margin-top: 10px;
  display: grid;
  gap: 6px;
}
.google-play-next-action b,
.google-play-quality-card b,
.google-play-privacy-row b { font-size: 13px; }
.google-play-next-action span,
.google-play-quality-card span,
.google-play-privacy-row span { color: var(--muted); font-size: 12px; line-height: 1.45; }
.google-play-quality-card.ready { border-color: rgba(54, 166, 91, .35); background: rgba(54, 166, 91, .08); }
.google-play-quality-card.warn { border-color: rgba(206, 151, 38, .35); background: rgba(206, 151, 38, .08); }
.google-play-quality-card.blocked { border-color: rgba(210, 76, 76, .35); background: rgba(210, 76, 76, .08); }
.google-play-quality-card ul { list-style: none; padding: 0; margin: 4px 0 0; display: grid; gap: 5px; }
.google-play-quality-card li { display: grid; gap: 2px; padding-top: 5px; border-top: 1px solid rgba(0,0,0,.06); }
.google-play-privacy-row { grid-template-columns: minmax(120px, auto) auto 1fr; align-items: center; }
.google-play-privacy-row a { font-weight: 700; font-size: 12px; text-decoration: none; }
.google-play-simple-progress { margin-top: 10px; }
.google-play-simple-progress > summary { cursor: pointer; font-weight: 700; font-size: 13px; color: var(--text); }
.google-play-connection-step::before { content: counter(connection-step); counter-increment: connection-step; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 999px; background: rgba(92,95,255,.14); color: var(--accent); font-weight: 800; font-size: 12px; margin-right: 8px; }
.google-play-connection-checklist { counter-reset: connection-step; }
.google-play-connection-step { align-items: start; }
@media (max-width: 760px) {
  .google-play-privacy-row { grid-template-columns: 1fr; }
}

/* V0.644: creation standards replace casual/professional modes. */
.standard-bar select,
.standard-manager select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 10px;font-weight:650;max-width:220px}
.standard-download-entry{white-space:nowrap}
.standard-manager{display:grid;gap:10px;margin-top:10px}
.standard-actions{display:flex;flex-wrap:wrap;gap:8px}
.standard-list{display:grid;gap:8px;margin-top:4px}
.standard-list-item{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:var(--panel-2)}
.standard-list-item b{display:block;color:var(--text);font-size:13px}
.standard-list-item span{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:2px}
.standard-list-item>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.standard-list-item button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:6px 9px;cursor:pointer;font-size:12px}
.google-standard .standard-bar{border-color:color-mix(in srgb,#22c55e 36%,var(--line));background:color-mix(in srgb,#22c55e 7%,var(--panel))}
.custom-standard .standard-bar{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
@media(max-width:820px){.standard-bar select{max-width:100%;flex:1}.standard-list-item{display:grid}.standard-list-item>div:last-child{justify-content:flex-start}}
/* V0.645: standard-driven requirement confirmation card */
.confirm-plan-tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}
.confirm-plan-tags span{font-size:11px;border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:999px;padding:4px 8px}
.confirm-plan-list{margin:10px 0 0;padding-left:18px;color:var(--text);font-size:13px;line-height:1.5}
.confirm-plan-list li{margin:3px 0}
.confirm-plan-card.visible p{max-height:160px}


/* MiniTogo V0.664 beta launch gate */
.auth-gate-screen{display:none;position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 94%,#fff),var(--panel-2));padding:24px;align-items:center;justify-content:center}
body.auth-blocked .auth-gate-screen{display:flex}
body.auth-blocked .app-shell{filter:blur(2px);pointer-events:none;user-select:none}
.auth-gate-card{width:min(560px,100%);border:1px solid var(--line);background:var(--panel);border-radius:28px;box-shadow:var(--shadow);padding:26px}
.auth-gate-card h1{margin:10px 0 8px;font-size:28px;letter-spacing:-.04em}
.auth-gate-card p,.auth-gate-card small{color:var(--muted);line-height:1.6}
.auth-gate-form{display:grid;gap:10px;margin:18px 0}
.auth-gate-form input{width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:13px;padding:11px 12px;outline:0}
.auth-gate-actions{display:flex;gap:8px;flex-wrap:wrap}
.auth-gate-actions button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer}
.auth-gate-actions button:first-child{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.auth-gate-message{min-height:22px;margin:12px 0 8px!important}