.project-studio{font-size:1rem;line-height:1.55;min-width:0}.studio-head>span{font-size:.8rem;letter-spacing:.1em;color:var(--muted,#a3b7b6)}.studio-head h2{margin:.25rem 0 1rem;overflow-wrap:anywhere}.project-studio-tabs{display:flex;gap:.4rem;overflow-x:auto;padding:.25rem 0 .8rem;position:relative;top:0;background:#0b1317;z-index:2}.project-studio button,.project-studio input,.project-studio select,.project-studio textarea{font:inherit;color:inherit}.project-studio button,.studio-upload{min-height:44px;padding:.65rem .9rem;border:1px solid #37524f;border-radius:.7rem;background:#152824;color:#edf9f5;cursor:pointer}.project-studio button[aria-pressed=true]{background:#43ddb3;color:#05140e}.project-studio button:disabled{opacity:.45;cursor:wait}.project-studio-tabs button{white-space:nowrap}.studio-controls{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;margin:.8rem 0}.project-studio label{display:flex;flex-direction:column;gap:.35rem;margin:.8rem 0;min-width:0}.project-studio input:not([type=checkbox]):not([type=color]),.project-studio select,.project-studio textarea{width:100%;box-sizing:border-box;background:#081115;border:1px solid #37524f;border-radius:.55rem;padding:.7rem}.project-studio input[type=checkbox]{width:20px;height:20px;accent-color:#43ddb3}.studio-canvas{width:100%;margin:auto;background:white;border-radius:.8rem;overflow:hidden}.studio-canvas iframe{width:100%;height:540px;border:0;display:block}.project-studio-panel{min-width:0}.studio-code{min-height:350px;tab-size:2;font-family:monospace!important;font-size:.9rem!important;white-space:pre;overflow:auto}.studio-diff{max-height:500px;overflow:auto;border:1px solid #37524f;border-radius:.5rem;padding:.5rem;font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.studio-diff span{display:block}.studio-diff .added{background:#14382b;color:#acffd3}.studio-diff .removed{background:#421e22;color:#ffbdc3}.studio-checks{padding:0;list-style:none;display:grid;gap:.65rem}.studio-checks li,.studio-turn,.studio-release{padding:1rem;border:1px solid #37524f;border-radius:.8rem;display:grid;gap:.4rem;margin:.7rem 0}.studio-checks li[data-result=failed]{border-color:#d06b75}.studio-checks li[data-result=blocked]{border-color:#d5a054}.studio-checks span,.studio-turn p{white-space:pre-wrap;overflow-wrap:anywhere}.studio-image{max-width:100%;max-height:320px;object-fit:contain}.project-studio [data-studio-status]{min-height:1.6em;color:#a1ebcf;overflow-wrap:anywhere}.studio-upload input{max-width:230px}.project-studio a{color:#8df1d2}.project-studio details{margin:1rem 0}.settings-sheet:has(.project-studio){width:min(1100px,calc(100vw - 24px));max-width:1100px}.studio-test-summary{font-size:.9rem;line-height:1.5;margin:.7rem 0;color:#b4c9c1}@media(max-width:600px){.studio-canvas iframe{height:480px}.studio-controls>*{flex:1 1 auto}.project-studio-tabs{top:0}.project-studio-panel p{overflow-wrap:anywhere}.project-studio{font-size:1rem}.studio-head h2{font-size:1.45rem}}
.project-studio button:focus-visible,.project-studio a:focus-visible,.project-studio input:focus-visible,.project-studio select:focus-visible,.project-studio textarea:focus-visible{outline:3px solid #8df1d2;outline-offset:3px}
.project-studio [hidden]{display:none!important}.project-studio-panel{display:block}.project-studio *{box-sizing:border-box}.project-studio [data-preview-status],.project-studio [data-draft-status],[data-build-preview-status]{font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}.project-studio .studio-controls>*{min-width:0;max-width:100%}.project-studio [data-draft-status]{padding:.65rem .8rem;border-left:3px solid #43ddb3;background:#10231e}.studio-release{overflow-wrap:anywhere}.project-studio [data-code]{font-size:1rem!important}.build-progress{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:.8rem 0;padding:.8rem 1rem;border:1px solid #37524f;border-radius:.8rem}.build-progress p{flex:1;min-width:180px;line-height:1.5}.build-progress button{min-height:44px;padding:.65rem .9rem;border:1px solid #37524f;background:#152824;color:#edf9f5;border-radius:.7rem;font:inherit}.build-progress button:focus-visible{outline:3px solid #8df1d2;outline-offset:3px}
@media(max-width:600px){.project-studio .studio-controls>button{flex:1 1 140px}.studio-canvas iframe{height:clamp(300px,65dvh,520px)}.project-studio select{max-width:100%}.project-studio-tabs{overscroll-behavior-x:contain}.project-studio .studio-code{min-height:260px}.project-studio [data-netlify-token]{font-size:16px}}
.publish-status{padding:12px;border-radius:10px;border:1px solid #30535d;background:#10252a;overflow-wrap:anywhere;position:relative}.publish-status:empty{display:none}.publish-status[data-error=true],[data-studio-status][data-error=true]{color:#ffbdbd;border-color:#92555b}[data-netlify-connection]{font-size:14px;line-height:1.6}
#settingsOverlay:has(.project-studio),#settingsOverlay:has(.task-center){align-items:stretch!important;padding:0!important;overflow:hidden!important}#settingsOverlay:has(.project-studio) .settings-sheet,#settingsOverlay:has(.task-center) .settings-sheet{display:flex!important;flex-direction:column!important;width:min(100%,1100px)!important;max-width:1100px!important;height:100dvh!important;max-height:100dvh!important;min-width:0!important;overflow:hidden!important;margin:0 auto!important;border-radius:0!important}#settingsOverlay:has(.project-studio) .settings-body,#settingsOverlay:has(.task-center) .settings-body{flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px))!important}.project-studio,.project-studio-panel,.task-center,.task-list,.task-card{min-width:0;max-width:100%;box-sizing:border-box}.project-studio-panel{overflow-x:hidden}.project-studio-tabs{max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}.project-studio-tabs::-webkit-scrollbar{display:none}.project-studio select,.project-studio input,.project-studio textarea{max-width:100%}.task-center{display:grid;gap:12px;width:100%}.task-center>header h2{margin:0 0 4px;font-size:20px}.task-center>header p{margin:0;color:var(--muted,#91a4aa);font-size:13px;line-height:1.45}.task-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:end;min-width:0}.task-controls button,.task-controls label,.task-controls select,[data-more]{min-width:0;max-width:100%;box-sizing:border-box}.task-controls button,[data-more]{min-height:44px;padding:9px 12px;border:1px solid #31525a;border-radius:10px;background:#10252a;color:#e5f6f8;font:inherit}.task-controls label{display:grid;gap:5px;flex:1 1 150px;font-size:12px;color:var(--muted,#91a4aa)}.task-controls select{width:100%;min-height:44px;padding:8px 10px;border:1px solid #31525a;border-radius:10px;background:#081619;color:#e5f6f8;font:inherit}.task-list{display:grid;gap:10px;width:100%}.task-card{display:grid;gap:9px;padding:12px;border:1px solid #29464d;border-radius:14px;background:#09171c;overflow:hidden}.task-card>div{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0}.task-card h3,.task-card p,.task-card small,.task-card time{overflow-wrap:anywhere;word-break:break-word}.task-card h3{margin:0;font-size:14px;line-height:1.45}.task-card button{width:100%;min-height:44px;padding:9px 12px;border:1px solid #31525a;border-radius:10px;background:#10252a;color:#e5f6f8;font:inherit}.task-earlier{min-width:0}.task-earlier summary{cursor:pointer;overflow-wrap:anywhere}.task-earlier>div{min-width:0;padding:10px 0;border-top:1px solid #20363e}
@media(min-width:700px){#settingsOverlay:has(.project-studio),#settingsOverlay:has(.task-center){align-items:center!important;padding:20px!important}#settingsOverlay:has(.project-studio) .settings-sheet,#settingsOverlay:has(.task-center) .settings-sheet{height:min(92dvh,900px)!important;max-height:min(92dvh,900px)!important;border-radius:24px!important}}
@media(max-width:600px){.project-studio-tabs{margin-inline:-2px;padding-inline:2px}.project-studio-tabs button{flex:0 0 auto;min-height:42px;padding:.55rem .75rem}.project-studio .studio-code{width:100%!important;max-width:100%!important;min-height:220px;white-space:pre;overflow:auto}.studio-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch}.project-studio .studio-controls>*,.studio-upload,.studio-upload input{width:100%!important;max-width:100%!important}.task-controls{display:grid;grid-template-columns:minmax(0,1fr)}.task-card>div{align-items:flex-start;flex-direction:column}}

/* Compact project-room section selector. The active section is the single
   trigger; tapping it opens the rest vertically, matching the Projects menu. */
@media(max-width:699px){
  .project-studio-tabs{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0!important;overflow:visible!important;padding:0!important;margin:0 0 14px!important;border:1px solid #315b5a;border-radius:16px;background:#071519!important;position:relative;isolation:isolate}
  .project-studio-tabs button{display:none;width:100%;min-height:54px!important;margin:0!important;padding:12px 52px 12px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#e9f5f4!important;text-align:left;white-space:normal!important;font-weight:760;position:relative}
  .project-studio-tabs button[aria-pressed=true]{display:block!important;order:-1;background:#102923!important;color:#e9f5f4!important;border-radius:15px!important}
  .project-studio-tabs:not([data-expanded=true]) button[aria-pressed=true]::after{content:'⌄';position:absolute;right:17px;top:50%;transform:translateY(-53%);font-size:25px;line-height:1;color:#dff8f1}
  .project-studio-tabs[data-expanded=true] button{display:block!important;border-bottom:1px solid #1e3a3b!important}
  .project-studio-tabs[data-expanded=true] button:last-child{border-bottom:0!important}
  .project-studio-tabs[data-expanded=true] button[aria-pressed=true]::after{content:'⌃';position:absolute;right:17px;top:50%;transform:translateY(-48%);font-size:25px;line-height:1;color:#dff8f1}
  .project-studio-tabs[data-expanded=true] button:not([aria-pressed=true]){padding-left:28px!important}
}

/* Global command search: keep focus clear without drawing an inner cyan box. */
.command-overlay input:focus,
.command-overlay input:focus-visible,
#commandOverlay input:focus,
#commandOverlay input:focus-visible{
  outline:0!important;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}