/* The application center uses the IU One shell, including its navigation drawer. */
.iuone-app-center-nav { width:100%; display:flex; align-items:center; gap:10px; font:inherit; cursor:pointer; }
#iuone-app-center[hidden], #iuone-app-center [hidden], #iuone-app-sidebar[hidden],
#iuone-app-sidebar [hidden] { display:none !important; }
#iuone-sidebar > #iuone-app-sidebar { display:none; }
body.iuone-app-center-active { --iuone-sidebar-width:236px; }
body.iuone-app-center-active :is(#iuone-landing,#iuone-workbench) { display:none !important; }
body.iuone-app-center-active .main-shell { display:flex; flex-direction:column; height:100dvh; min-height:0; overflow:hidden; }
body.iuone-app-center-active .topbar { flex-shrink:0; }
body.iuone-app-center-active #iuone-app-center {
  flex:1; width:100%; max-width:none; min-height:0; margin:0; padding:0; overflow:hidden;
}
body.iuone-app-center-active #iuone-sidebar { padding:0 !important; gap:0 !important; overflow:hidden !important; }
body.iuone-app-center-active #iuone-sidebar > :not(#iuone-app-sidebar) { display:none !important; }
body.iuone-app-center-active #iuone-sidebar > #iuone-app-sidebar {
  display:flex; flex-direction:column; gap:20px; width:100%; height:100%; max-height:100dvh;
  min-height:0; padding:18px 12px 20px; overflow:auto; scrollbar-width:thin;
}
body.iuone-app-center-active.iuone-app-rail-hidden .nav-stack { grid-template-columns:0 var(--iuone-sidebar-width) !important; }
body.iuone-app-center-active.iuone-app-rail-hidden.iuone-secondary-collapsed-v1 .nav-stack { grid-template-columns:0 0 !important; }
body.iuone-app-center-active.iuone-app-rail-hidden #iuai-rail { width:0 !important; min-width:0 !important; overflow:hidden !important; border:0 !important; }
body.iuone-app-center-active.iuone-app-focus .shell { grid-template-columns:minmax(0,1fr) !important; }
body.iuone-app-center-active.iuone-app-focus .nav-stack { display:none !important; }
body.iuone-app-center-active.iuone-app-focus .main-shell { grid-column:1; margin-left:0 !important; }
#iuone-app-center, #iuone-app-sidebar {
  --ac-tint:color-mix(in srgb,var(--accent) 12%,var(--card));
  --ac-gutter:clamp(16px,2.6vw,44px);
  color:var(--ink); font-family:inherit;
}
#iuone-app-center :where(button,summary,select,input,textarea), #iuone-app-sidebar button { font-family:inherit; }
#iuone-app-center :where(button,summary,a,select,input,textarea):focus-visible,
#iuone-app-sidebar :where(button,a):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
#iuone-app-center :where(h1,h2,h3,p), #iuone-app-sidebar h2 { margin:0; }
#iuone-app-center :where(button,summary), #iuone-app-sidebar button { cursor:pointer; }
#iuone-app-center button:disabled { opacity:.5; cursor:not-allowed; }
#iuone-app-center svg, #iuone-app-sidebar svg { width:18px; height:18px; flex:none; }

.app-back-link, .app-library-back {
  display:inline-flex; align-items:center; gap:8px; width:fit-content; padding:5px 8px;
  color:var(--muted); text-decoration:none; font-size:13px; line-height:1.5;
  background:none; border:0; border-radius:7px;
}
.app-side-top { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.app-side-top button { display:grid; place-items:center; min-width:36px; min-height:36px; padding:6px; border:0; border-radius:8px; background:none; color:var(--muted); }
.app-side-top button:hover { background:var(--soft); color:var(--ink); }
.app-back-link:hover, .app-library-back:hover { color:var(--ink); background:var(--soft); }
#iuone-app-sidebar .app-side-section { display:grid; gap:4px; align-content:start; }
#iuone-app-sidebar .app-side-section h2 {
  color:var(--muted); font-weight:600; font-size:12px; line-height:1.5; padding:0 12px 5px;
}
#iuone-app-sidebar .app-side-link {
  width:100%; min-width:0; min-height:40px; display:flex; align-items:center; gap:10px;
  padding:8px 11px; border:1px solid transparent; border-radius:9px; background:none;
  color:var(--ink); font-size:14px; text-align:start;
}
.app-side-link > svg { color:var(--muted); }
.app-side-link > span:not(.iuone-app-icon) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-side-link small { margin-inline-start:auto; color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; }
#iuone-app-sidebar .app-side-link:hover { background:var(--soft); }
#iuone-app-sidebar .app-side-link[aria-current] {
  background:var(--ac-tint); border-color:color-mix(in srgb,var(--accent) 26%,var(--line));
  color:var(--accent); font-weight:650;
}
.app-side-link[aria-current] :is(svg,small) { color:inherit; }
#iuone-app-sidebar .app-shortcuts { border-top:1px solid var(--line); padding-top:16px; }
#iuone-app-sidebar .app-shortcut { font-size:13px; }
.iuone-app-icon {
  flex:none; display:grid; place-items:center; width:46px; height:46px; padding:10px;
  color:var(--accent); background:var(--ac-tint); border:1px solid var(--line); border-radius:13px;
}
.iuone-app-icon.original { padding:6px; background:var(--soft); }
.iuone-app-icon img { width:100%; height:100%; min-height:0; object-fit:contain; }
#iuone-app-center .iuone-app-icon svg { width:24px; height:24px; }
#iuone-app-sidebar .iuone-app-icon { width:28px; height:28px; padding:4px; border-radius:7px; }
#iuone-app-sidebar .iuone-app-icon svg { width:16px; height:16px; }

.iuone-app-center-layout { height:100%; min-height:0; background:var(--bg); }
.iuone-app-center-main {
  display:flex; flex-direction:column; height:100%; min-height:0; min-width:0;
  container:app-center / inline-size;
}
.iuone-app-center-head {
  flex:none; position:relative; z-index:2; isolation:isolate;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px;
  padding:clamp(20px,2.4vw,36px) max(var(--ac-gutter),calc((100% - 1280px)/2));
  border-bottom:1px solid var(--line);
  background:linear-gradient(110deg,var(--card) 12%,color-mix(in srgb,var(--accent) 9%,var(--card)) 100%);
}
.iuone-app-center-head::before {
  content:""; position:absolute; z-index:-1; pointer-events:none; inset:0 0 0 42%;
  background:radial-gradient(circle,var(--accent) .8px,transparent 1px) 0 0/15px 15px;
  opacity:.16; mask-image:linear-gradient(95deg,transparent,#000);
}
#iuone-app-current-name { font-size:clamp(23px,2.1vw,32px); line-height:1.25; font-weight:680; letter-spacing:-.035em; }
#iuone-app-current-description { margin-top:6px; color:var(--muted); font-size:14px; line-height:1.55; }
#iuone-app-center .app-library-back { margin:0 0 8px; padding:0; font-size:12px; }
.iuone-app-nav { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#iuone-app-center .iuone-app-action {
  display:inline-flex; justify-content:center; align-items:center; gap:7px; min-height:38px;
  padding:7px 13px; border:1px solid var(--line); border-radius:9px; color:var(--ink);
  background:var(--card); font-size:13px; font-weight:550; line-height:1.45; text-decoration:none;
}
#iuone-app-center .iuone-app-action:not(:disabled):hover,
#iuone-app-center summary.iuone-app-action:hover { border-color:var(--accent); }
#iuone-app-center .iuone-app-action.primary { background:var(--accent); color:var(--bg); border-color:transparent; font-weight:700; }
.app-view-menu { position:relative; }
.app-view-menu summary { list-style:none; user-select:none; }
.app-view-menu summary::-webkit-details-marker { display:none; }
.app-view-menu > div {
  position:absolute; z-index:3; top:calc(100% + 6px); inset-inline-end:0; width:max-content; min-width:148px;
  display:grid; padding:5px; border:1px solid var(--line); border-radius:11px; background:var(--card);
  box-shadow:0 10px 28px #0003;
}
.app-view-menu button {
  min-height:38px; border:0; border-radius:7px; padding:8px 12px;
  background:none; color:var(--ink); font-size:13px; text-align:start;
}
.app-view-menu button:hover { background:var(--soft); }
#iuone-app-message {
  margin:8px var(--ac-gutter) 0; padding:8px 12px; border-inline-start:3px solid var(--accent);
  background:var(--soft); font-size:13px; line-height:1.5; overflow-wrap:anywhere;
}
#iuone-app-message:empty { display:none; }
.iuone-app-workspace {
  flex:1; min-height:0; min-width:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin;
  padding:clamp(18px,2.3vw,32px) var(--ac-gutter) calc(32px + env(safe-area-inset-bottom,0px));
}
.app-library, .app-view-content { width:100%; max-width:1280px; margin-inline:auto; min-width:0; }
.app-library-tools, .app-library-filters {
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;
}
.app-library-title { display:flex; align-items:center; gap:9px; }
#iuone-app-library-title { font-size:21px; line-height:1.4; letter-spacing:-.025em; }
#iuone-app-result-count {
  min-width:22px; padding:1px 7px; border-radius:8px; background:var(--soft);
  color:var(--muted); font-size:12px; font-weight:650; text-align:center;
}
#iuone-app-result-count:empty { display:none; }
.iuone-app-search {
  display:flex; align-items:center; gap:8px; width:min(100%,288px); min-height:40px; padding:0 12px;
  background:var(--card); color:var(--muted); border:1px solid var(--line); border-radius:10px;
}
.iuone-app-search:focus-within { border-color:var(--accent); outline:2px solid var(--ac-tint); }
#iuone-app-search {
  flex:1; width:100%; min-width:0; padding:9px 0; color:var(--ink); font-size:14px; line-height:1.5;
  background:none; border:0; outline:0;
}
#iuone-app-search::placeholder { color:var(--muted); }
.app-library-filters { margin:16px 0; }
.app-segment { display:flex; gap:3px; padding:3px; border:1px solid var(--line); border-radius:10px; background:var(--card); }
.app-segment button {
  border:0; border-radius:7px; color:var(--muted); background:none; padding:6px 12px;
  font-size:13px; line-height:1.45; font-weight:550;
}
.app-segment button:hover { color:var(--ink); }
.app-segment button[aria-pressed="true"] { color:var(--accent); background:var(--ac-tint); }
#iuone-app-center .app-refresh { background:transparent; }
.iuone-app-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,254px),1fr)); gap:14px;
}
.app-library-card {
  min-width:0; display:flex; flex-direction:column; padding:20px; border:1px solid var(--line);
  border-radius:16px; background:var(--card);
}
.app-library-card:focus-within, .app-library-card:hover { border-color:color-mix(in srgb,var(--accent) 40%,var(--line)); }
.app-card-top, .app-library-card footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.app-platform { display:inline-flex; align-items:center; gap:5px; color:var(--muted); font-size:12px; }
#iuone-app-center .app-platform svg { width:14px; height:14px; }
#iuone-app-center .app-library-card h3 { margin:15px 0 7px; font-size:18px; line-height:1.45; overflow-wrap:anywhere; }
.app-description, .app-unavailable { font-size:14px; line-height:1.7; color:var(--muted); overflow-wrap:anywhere; }
#iuone-app-center .app-unavailable { margin-top:8px; font-size:12px; }
.app-library-card footer { margin-top:auto; padding-top:18px; }
.app-version { font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#iuone-app-center .app-library-card .iuone-app-action { min-height:34px; background:var(--ac-tint); color:var(--accent); border-color:transparent; }
#iuone-app-center .app-library-card .iuone-app-action:disabled { color:var(--muted); background:var(--soft); }
/* A small catalog can show the application's actual operations next to its setup action. */
.app-library-card.app-single-card {
  grid-column:1 / -1; padding:0; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:0; overflow:hidden;
}
.app-single-summary { min-width:0; display:flex; flex-direction:column; padding:clamp(18px,2.2vw,30px); }
#iuone-app-center .app-single-summary h3 { font-size:22px; }
#iuone-app-center .app-single-summary .iuone-app-action { background:var(--accent); color:var(--bg); }
.app-single-actions {
  align-content:center; display:grid; min-width:0; padding:clamp(18px,2.2vw,30px);
  border-inline-start:1px solid var(--line); background:color-mix(in srgb,var(--accent) 4%,var(--card));
}
.app-single-actions h4 { margin:0 0 10px; color:var(--muted); font-size:13px; font-weight:600; }
.app-single-actions ul { list-style:none; display:grid; gap:12px; padding:0; margin:0; }
.app-single-actions li { border-inline-start:2px solid var(--accent); padding-inline-start:12px; overflow-wrap:anywhere; }
.app-single-actions strong { font-size:15px; color:var(--ink); }
#iuone-app-center .app-single-actions p { margin-top:5px; color:var(--muted); font-size:14px; line-height:1.7; }
@container app-center (max-width:740px) {
  .app-library-card.app-single-card { grid-template-columns:minmax(0,1fr); }
  .app-single-actions { border-inline-start:0; border-top:1px solid var(--line); }
}
.app-empty { padding:clamp(24px,4vw,62px) 20px; display:grid; justify-items:center; gap:10px; text-align:center; border:1px dashed var(--line); border-radius:16px; background:var(--card); }
.app-empty-icon { display:grid; place-items:center; width:42px; height:42px; background:var(--ac-tint); border-radius:12px; color:var(--accent); }
#iuone-app-center .app-empty h3 { font-size:17px; }
.app-empty p { color:var(--muted); line-height:1.7; font-size:14px; overflow-wrap:anywhere; }

.app-view-content > .iuone-app-panel, .app-assignment {
  margin-inline:auto; max-width:980px; min-width:0; padding:clamp(18px,2.4vw,32px);
  border:1px solid var(--line); border-radius:16px; background:var(--card);
}
.app-view-content > .iuone-app-panel { display:grid; gap:14px; justify-items:start; }
#iuone-app-center .app-view-content > .iuone-app-panel h3,
#iuone-app-center .app-assignment h2 { font-size:21px; line-height:1.4; overflow-wrap:anywhere; }
.app-view-content > .iuone-app-panel :is(p,pre), .app-assignment p { font-size:14px; line-height:1.7; color:var(--muted); }
.app-view-content > .iuone-app-panel pre {
  box-sizing:border-box; width:100%; min-width:0; margin:0; padding:14px 16px; background:var(--bg);
  color:var(--ink); border-inline-start:3px solid var(--accent); border-radius:7px; font-family:inherit;
}
.app-view-content > .iuone-app-panel select, .app-assignment :is(select,textarea) {
  min-height:42px; max-width:100%; padding:9px 12px; border:1px solid var(--line); border-radius:9px;
  color:var(--ink); background:var(--bg); font-size:14px;
}
.app-view-content > .iuone-app-panel select { width:min(100%,380px); }
.app-view-content > .iuone-app-panel > .iuone-app-nav { width:100%; padding-top:14px; border-top:1px solid var(--line); }
#iuone-app-center .app-view-content > .iuone-app-panel > .iuone-app-nav button:first-of-type { background:var(--accent); color:var(--bg); border-color:transparent; }
.app-assignment form { display:grid; gap:15px; margin-top:18px; }
.app-assignment label { display:grid; min-width:0; gap:6px; color:var(--ink); font-size:14px; font-weight:600; }
.app-assignment textarea { width:100%; min-height:126px; resize:vertical; }
.app-assignment details { background:var(--bg); border:1px solid var(--line); border-radius:10px; padding:10px 14px; }
.app-assignment summary { font-size:14px; color:var(--ink); }
.app-assignment-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0 4px; }
.app-assignment-status { white-space:pre-wrap; overflow-wrap:anywhere; }
#iuone-app-center .app-assignment-status:not(:empty) { margin:14px 0; }
#iuone-app-close-dialog {
  max-width:min(440px,90vw); padding:24px; background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:16px;
}
#iuone-app-close-dialog::backdrop { background:#0009; }
#iuone-app-close-reason { white-space:pre-wrap; max-height:45vh; overflow:auto; margin:12px 0 18px; color:var(--muted); }
@container app-center (max-width:640px) {
  .iuone-app-center-head { padding:16px; gap:10px; }
  .app-head-copy { flex:1 1 180px; }
  #iuone-app-current-description { font-size:13px; }
  .app-view-menu summary span { display:none; }
  #iuone-app-center .app-view-menu summary { padding-inline:10px; }
  .iuone-app-workspace { padding:16px 12px calc(24px + env(safe-area-inset-bottom,0px)); }
  .app-library-tools { align-items:stretch; }
  .iuone-app-search { width:100%; }
  .app-library-filters { margin:10px 0 14px; }
  .app-segment button { min-height:36px; }
  .app-library-card { padding:16px; }
  .app-assignment-fields { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:700px) {
  #iuone-app-center [data-panel-toggle="rail"] { display:none; }
  body.iuone-app-center-active #nav-stack:not(.open) { box-shadow:none; }
  #iuone-app-center .iuone-app-action, #iuone-app-sidebar .app-side-link { min-height:42px; }
}

/* An opened app takes over the secondary sidebar for the conversation. */
body.iuone-studio-open { --iuone-sidebar-width:clamp(320px,24vw,424px); }
body.iuone-studio-open .iuone-app-center-head, body.iuone-studio-open #iuone-app-sidebar { display:none !important; }
body.iuone-studio-open #iuone-app-workspace { overflow:hidden; padding:0; }
body.iuone-studio-open #iuone-app-message:empty { display:none; }
body.iuone-studio-open #iuone-toggle-secondary-v1 { display:none !important; }
body.iuone-app-center-active.iuone-studio-open #iuone-sidebar > #iuone-studio-chat { display:flex !important; }
body.iuone-studio-open .studio-host {
  width:100%; height:100%; max-width:none; min-height:0; min-width:0; margin:0; display:flex; flex-direction:column;
}
@media(min-width:1101px){
  body.iuone-app-center-active.iuone-studio-open .shell { grid-template-columns:auto minmax(0,1fr) !important; }
  body.iuone-app-center-active.iuone-studio-open .main-shell { grid-column:2 !important; }
  body.iuone-app-center-active.iuone-studio-open .nav-stack { display:grid !important; grid-template-columns:var(--iuai-rail-collapsed) var(--iuone-sidebar-width) !important; }
  body.iuone-app-center-active.iuone-studio-open.iuai-rail-expanded .nav-stack { grid-template-columns:var(--iuai-rail-expanded) var(--iuone-sidebar-width) !important; }
  body.iuone-app-center-active.iuone-studio-open.iuone-app-rail-hidden .nav-stack { grid-template-columns:0 var(--iuone-sidebar-width) !important; }
  body.iuone-app-center-active.iuone-studio-open #iuone-sidebar {
    width:var(--iuone-sidebar-width) !important; min-width:0 !important; opacity:1 !important; transform:none !important; pointer-events:auto !important;
    border-inline-end:1px solid var(--line) !important;
  }
}
.studio-chat, .studio-host { color:var(--ink); font:inherit; }
.studio-chat { height:100%; min-height:0; min-width:0; display:flex; flex-direction:column; background:var(--sidebar,var(--card)); }
.studio-chat :is(h2,p), .studio-host :is(h2,h3,h4,p) { margin:0; }
.studio-chat :is(button,select,input,textarea), .studio-host :is(button,select,input,textarea) { font:inherit; color:inherit; }
.studio-chat :is(button,select), .studio-host :is(button,select) { cursor:pointer; }
.studio-chat :is(button,select,textarea,summary):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.studio-chat [hidden], .studio-host [hidden] { display:none !important; }
.studio-sr { position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden; }
.studio-chat-head { display:flex; align-items:center; gap:10px; padding:18px; min-height:76px; border-bottom:1px solid var(--line); }
.studio-chat-head h2 { font-size:16px; line-height:1.5; font-weight:650; }
.studio-chat-app { color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.studio-chat-mark,.studio-file-icon { flex:none; display:grid;place-items:center; width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--accent) 14%,var(--card)); color:var(--accent); }
.studio-chat svg { width:18px;height:18px; }
.studio-chat-scroll { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 15px;scrollbar-width:thin; }
.studio-chat-empty { margin:clamp(16px,6vh,64px) 6px; }
.studio-chat-empty b { font-size:17px;line-height:1.6; }
.studio-chat-empty p { margin-top:7px;color:var(--muted);font-size:13px;line-height:1.75; }
.studio-turn { min-width:0; width:fit-content; max-width:100%; margin:0 0 16px; }
.studio-turn small { display:block; margin:0 0 4px; color:var(--muted);font-size:11px; }
.studio-turn p { padding:9px 11px; white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.68;background:var(--card);border:1px solid var(--line);border-radius:3px 12px 12px 12px; }
.studio-turn.user { margin-inline-start:auto; max-width:92%; }
.studio-turn.user small { text-align:end; }
.studio-turn.user p { background:color-mix(in srgb,var(--accent) 10%,var(--card));border-radius:12px 3px 12px 12px; }
.studio-chat-bottom { flex:none;max-height:56%;overflow:auto;padding:10px 12px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line); }
.studio-chat-status { font-size:12px;color:var(--muted);line-height:1.55;overflow-wrap:anywhere; }
.studio-chat-status:not(:empty) { padding-bottom:7px; }
.studio-route { margin-bottom:8px; color:var(--muted);font-size:12px; }
.studio-route summary { cursor:pointer;width:fit-content;padding:4px 1px; }
.studio-route label { display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;margin:7px 0; }
.studio-route select,.studio-route button,.studio-composer-foot select { max-width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:6px;background:var(--bg);color:var(--ink);font-size:12px; }
.studio-composer { padding:9px; border:1px solid var(--line);border-radius:13px;background:var(--card); }
.studio-composer:focus-within { border-color:var(--accent); }
.studio-composer textarea { width:100%;display:block;max-height:20vh;min-height:54px;resize:vertical;font-size:14px;line-height:1.6;background:none;border:0;outline:none;color:var(--ink); }
.studio-composer-foot { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.studio-composer-foot button { display:grid;place-items:center;width:35px;height:35px;border:0;border-radius:10px;background:var(--accent);color:var(--bg); }
.studio-composer-foot button svg { transform:rotate(-90deg); }
.studio-chat button:disabled { opacity:.5;cursor:not-allowed; }
.studio-titlebar { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px clamp(14px,2vw,30px);background:var(--card);border-bottom:1px solid var(--line); }
.studio-breadcrumb { display:flex;align-items:center;gap:10px;min-width:0; font-size:13px;color:var(--muted); }
.studio-breadcrumb b { color:var(--ink); overflow-wrap:anywhere; }
.studio-breadcrumb button,.studio-section-line button:not(.iuone-app-action),.studio-inline-link {
  display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent);padding:5px 0;font-size:13px;
}
.studio-desk { flex:1;min-height:0;min-width:0;display:flex;flex-direction:column; }
.studio-tabs { display:flex;gap:4px;align-items:center;flex:none;padding:0 clamp(10px,2vw,26px);border-bottom:1px solid var(--line);overflow-x:auto; }
.studio-tabs button { display:inline-flex;align-items:center;gap:7px;flex:none;padding:13px 12px 11px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:13px; }
.studio-tabs button[aria-pressed="true"] { border-bottom-color:var(--accent);color:var(--ink); }
.studio-desk-scroll { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(14px,2.4vw,36px); }
.studio-document,.studio-install > article {
  min-width:0;max-width:1080px;margin:0 auto;padding:clamp(16px,2.2vw,30px);border:1px solid var(--line);border-radius:15px;background:var(--card);
}
.studio-app-title { display:flex;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid var(--line); }
#iuone-app-center .studio-document h2 { font-size:clamp(19px,1.7vw,26px);line-height:1.5; }
.studio-app-title p,.studio-device-status,.studio-run-detail small,.studio-action-desc,.studio-empty-result,.studio-receipt-note { color:var(--muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere; }
.studio-section-line {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.studio-section-line h3 {font-size:16px;}
.studio-inputs {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;margin:16px 0;}
.studio-field {display:grid;align-content:start;min-width:0;gap:6px;}
.studio-field.wide {grid-column:1/-1;}
.studio-field > span {display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;}
.studio-field small {font-size:11px;font-weight:400;color:var(--muted);}
.studio-field :is(select,input,textarea),.studio-runs select,.studio-install select {box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px 11px;min-height:40px;background:var(--bg);color:var(--ink);font-size:14px;}
.studio-field textarea {resize:vertical;line-height:1.65;}
.studio-action-field {max-width:460px;}
#iuone-app-center .studio-action-desc {margin-top:6px;}
.studio-submit-row {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);}
.studio-runs select {margin-bottom:15px;}
.studio-run-detail {min-width:0;overflow-wrap:anywhere;}
.studio-run-status {color:var(--accent);font-size:13px;}
.studio-final-output,.studio-receipt pre {white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;overflow:auto;font:inherit;font-size:14px;line-height:1.7;}
.studio-receipt {margin-top:18px;padding-top:14px;border-top:1px solid var(--line);}
.studio-receipt :is(summary,p) {font-size:13px;line-height:1.65;}
.studio-receipt details {margin:10px 0;}
.studio-table-scroll {max-height:52vh;overflow:auto;}
.studio-table-scroll table {width:100%;border-collapse:collapse;font-size:13px;}
.studio-table-scroll :is(th,td) {text-align:start;border:1px solid var(--line);padding:7px 9px;min-width:75px;max-width:360px;overflow-wrap:anywhere;}
.studio-table-scroll th {position:sticky;top:0;background:var(--soft);}
#iuone-app-center .studio-evidence {margin-top:8px;color:var(--muted);}
.studio-install > article {display:grid;justify-items:start;gap:14px;}
.studio-install pre {max-width:100%;margin:0;padding:14px;box-sizing:border-box;line-height:1.7;font:inherit;background:var(--bg);border-radius:9px;}
.studio-install p {line-height:1.7;font-size:14px;color:var(--muted);}
.studio-install select {max-width:420px;}
.studio-mobile-switch,.studio-compact-chat { display:none; }
@media (min-width:701px) and (max-width:1100px) {
  body.iuone-app-center-active.iuone-studio-open .nav-stack {grid-template-columns:var(--iuai-rail-collapsed) 0 !important;}
  body.iuone-app-center-active.iuone-studio-open.iuai-rail-expanded .nav-stack {grid-template-columns:var(--iuai-rail-expanded) 0 !important;}
  body.iuone-app-center-active.iuone-studio-open #iuone-sidebar {display:none !important;}
}
@media(max-width:1100px){
  .studio-titlebar {padding:8px 12px;}
  .studio-mobile-switch {display:flex;gap:2px;border:1px solid var(--line);border-radius:8px;padding:2px;}
  .studio-mobile-switch button {min-height:34px;padding:4px 9px;border:0;border-radius:6px;background:transparent;font-size:12px;}
  .studio-mobile-switch button[aria-pressed="true"] {background:var(--ac-tint);color:var(--accent);}
  .studio-host[data-side="chat"] .studio-desk {display:none;}
  .studio-host[data-side="chat"] .studio-compact-chat {display:block;flex:1;min-height:0;}
  .studio-chat-head {min-height:55px;padding:8px 14px;}
  .studio-desk-scroll {padding:12px;}
  .studio-tabs {padding:0 6px;}
  .studio-tabs button {padding:11px 8px;}
}

@media(max-width:700px){body.iuone-app-center-active.iuone-studio-open #iuone-sidebar > #iuone-app-sidebar {display:flex !important;}}

.studio-work-status:not(:empty) {color:var(--ink);font-size:13px;padding:8px 0;}