:root{--s6-panel:#11161b;--s6-line:#2a343d;--s6-soft:#8ea2b3;--s6-accent:#7dd3fc}.s6-coding-tools,.s6-zorqelia-tools{display:flex;gap:7px;flex-wrap:wrap;padding:7px 10px;max-width:min(900px,calc(100% - 28px));margin:0 auto 5px}.s6-coding-tools button,.s6-zorqelia-tools button,.s6-spy-bar button{border:1px solid var(--s6-line);background:#11161b;color:#e8f3f8;border-radius:9px;padding:7px 10px;font:inherit;cursor:pointer}.s6-coding-tools button:hover,.s6-zorqelia-tools button:hover,.s6-spy-bar button:hover,.s6-coding-tools button.active{border-color:#6b8798;background:#172029}.s6-coding-tools small{display:block;color:var(--s6-soft);font-size:9px}.s6-dialog,.s6-workspace-dialog{border:1px solid var(--s6-line);border-radius:15px;background:#090d11;color:#e8f3f8;padding:0;box-shadow:0 24px 80px #000b}.s6-dialog{width:min(920px,calc(100vw - 28px));max-height:88vh}.s6-workspace-dialog{width:min(1250px,calc(100vw - 24px));height:min(820px,calc(100vh - 24px))}.s6-dialog::backdrop,.s6-workspace-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.s6-dialog-shell,.s6-workspace-shell{padding:18px;box-sizing:border-box}.s6-dialog-shell>header,.s6-workspace-shell>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--s6-line);padding-bottom:13px;margin-bottom:15px}.s6-dialog-shell>header div{display:grid;gap:2px}.s6-dialog-shell>header span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#76c8ef}.s6-dialog-shell>header strong,.s6-workspace-shell>header strong{font-size:20px}.s6-dialog-shell>header button,.s6-workspace-shell>header button{border:0;background:transparent;color:#adc0cf;font-size:22px;cursor:pointer}.s6-dialog-actions{display:flex;gap:9px;margin-top:14px}.s6-dialog-actions button{border:1px solid var(--s6-line);border-radius:9px;background:#11161b;color:#e8f3f8;padding:9px 13px}.s6-dialog-actions button:disabled{opacity:.42;cursor:not-allowed}.s6-sandbox-dialog{width:min(1200px,calc(100vw - 24px))}.s6-sandbox-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(400px,1.3fr);gap:12px;height:min(650px,72vh)}.s6-sandbox-grid iframe{width:100%;height:100%;border:1px solid var(--s6-line);border-radius:11px;background:white}.s6-task-log{height:calc(100% - 62px);overflow:auto;border:1px solid var(--s6-line);border-radius:11px;background:#06090c;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.s6-task-log div{padding:5px 0;border-bottom:1px dashed #1c252c}.s6-log-step::before{content:'› ';color:#67d5ff}.s6-log-warn{color:#f7cb65}.s6-log-error{color:#ff8585}.s6-log-done{color:#76e5b8}.s6-progress{height:8px;border-radius:99px;background:#1c252c;overflow:hidden;margin-bottom:7px}.s6-progress span{display:block;height:100%;background:#78d5ff}.s6-pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.s6-pm-grid section{border:1px solid var(--s6-line);border-radius:11px;padding:12px;background:#0e1318;max-height:260px;overflow:auto}.s6-pm-grid h3{margin:0 0 9px;font-size:13px}.s6-pm-grid p{font-size:12px;color:#b8c7d2;border-top:1px solid #1d262e;padding-top:7px}.s6-dialog pre{white-space:pre-wrap;border:1px solid var(--s6-line);background:#05080b;padding:10px;border-radius:9px;color:#c6ebff}.s6-template-grid,.s6-mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-bottom:14px}.s6-template-grid label,.s6-mood-grid button{border:1px solid var(--s6-line);border-radius:10px;background:#10161b;color:#e7f2f8;padding:12px;cursor:pointer}.s6-template-grid input{margin-right:7px}.s6-mood-grid button.active{border-color:#70d2ff;box-shadow:inset 0 0 0 1px #70d2ff}.s6-field{display:grid;gap:6px}.s6-field span{font-size:11px;color:#9eb0bd}.s6-field textarea,.s6-field input{border:1px solid var(--s6-line);border-radius:9px;background:#070b0e;color:#fff;padding:10px;min-height:70px}.s6-workspace-shell{height:100%;display:flex;flex-direction:column}.s6-workspace-grid{display:grid;grid-template-columns:1.1fr 1fr 260px;grid-template-rows:1fr 260px;gap:10px;min-height:0;flex:1}.s6-workspace-grid>section,.s6-workspace-grid>aside{border:1px solid var(--s6-line);border-radius:12px;padding:12px;background:#0d1216;overflow:auto}.s6-workspace-grid h3{margin:0 0 9px;font-size:13px}.s6-workspace-grid textarea{width:100%;height:calc(100% - 30px);box-sizing:border-box;resize:none;border:0;background:#070b0e;color:#e8f3f8;border-radius:8px;padding:10px}.s6-workspace-grid aside{grid-column:3;grid-row:1/3}.s6-workspace-grid aside input,.s6-image-zone input{width:100%;box-sizing:border-box;border:1px solid var(--s6-line);border-radius:8px;background:#060a0d;color:#fff;padding:9px;margin:5px 0}.s6-workspace-grid aside button{width:100%;margin:4px 0;border:1px solid var(--s6-line);border-radius:8px;background:#12191f;color:#e8f3f8;padding:8px;text-align:left}.s6-image-zone{grid-column:1/3;display:grid;grid-template-columns:1fr 250px;grid-template-rows:auto 1fr;gap:8px}.s6-image-zone h3{grid-column:1/-1}.s6-image-zone img{max-height:190px;max-width:250px;border-radius:10px;object-fit:contain}.s6-timeline{display:grid;gap:8px}.s6-timeline>div{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:center;border:1px solid var(--s6-line);border-radius:9px;padding:10px;background:#0d1216}.s6-timeline span{color:#70d2ff;font-size:11px}.s6-timeline small{color:#8ea2b3}.s6-timeline-next{border-style:dashed!important}.s6-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px;margin-bottom:15px}.s6-collection h3{grid-column:1/-1;margin:0}.s6-collection button{border:1px solid var(--s6-line);border-radius:9px;background:#0f151a;color:#e8f3f8;padding:10px;text-align:left}.s6-collab-actions{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin-top:12px}.s6-collab-actions input{border:1px solid var(--s6-line);border-radius:9px;background:#070b0e;color:#fff;padding:9px}.s6-invite-code{display:flex;align-items:center;gap:9px;border:1px solid var(--s6-line);border-radius:9px;padding:10px}.s6-invite-code strong{font-family:ui-monospace,monospace;font-size:18px;letter-spacing:.06em}.s6-spy-bar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:0 0 7px;padding:7px 9px;border:1px solid #354956;border-radius:10px;background:#0d151a}.s6-spy-bar>span{font-size:11px;color:#9eddf9;margin-right:auto}.s6-spy-bar button{padding:5px 7px;font-size:10px}.s6-spy-bar.hidden{display:none!important}.hidden{display:none!important}@media(max-width:820px){.s6-coding-tools,.s6-zorqelia-tools{overflow-x:auto;flex-wrap:nowrap;max-width:calc(100vw - 24px)}.s6-coding-tools button,.s6-zorqelia-tools button{white-space:nowrap}.s6-sandbox-grid{grid-template-columns:1fr;height:auto}.s6-sandbox-grid iframe{height:360px}.s6-pm-grid{grid-template-columns:1fr}.s6-workspace-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.s6-workspace-grid{grid-template-columns:1fr;grid-template-rows:auto}.s6-workspace-grid>aside,.s6-image-zone{grid-column:1;grid-row:auto}.s6-workspace-grid>section{min-height:280px}.s6-timeline>div{grid-template-columns:80px 1fr}.s6-timeline small{grid-column:2}.s6-collab-actions{grid-template-columns:1fr}.s6-spy-bar{margin-left:0;margin-right:0}}

/* Zorqelia chat layout polish */
@media (min-width:1101px){
  .chat-main:not(.zordex-active){grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto minmax(0,1fr) auto}
  .chat-main:not(.zordex-active)>.chat-header{grid-column:1/-1;grid-row:1}
  .chat-main:not(.zordex-active)>.conversation-stage{grid-column:1;grid-row:2;min-height:0;overflow:hidden}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools{grid-column:2;grid-row:2/4;display:grid;grid-template-columns:1fr;align-content:start;gap:8px;width:auto;max-width:none;min-width:0;margin:0;padding:18px 14px;overflow-y:auto;border-left:1px solid var(--border);background:#0b0d0e}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools::before{content:'AI TOOLS';display:block;margin:0 2px 6px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.1em}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:10px 11px;border-color:rgba(255,255,255,.11);background:#11161b}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools button:hover{transform:translateY(-1px);border-color:#496879;background:#172029}
  .chat-main:not(.zordex-active)>.composer{grid-column:1;grid-row:3;justify-self:center;width:min(960px,calc(100% - 44px));margin:0 0 18px;padding:8px 10px;border:1px solid var(--border);border-radius:16px;background:rgba(16,16,16,.97);box-shadow:0 14px 38px rgba(0,0,0,.34)}
  .chat-main:not(.zordex-active)>.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));box-shadow:0 16px 44px rgba(0,0,0,.42)}
  .chat-main:not(.zordex-active) .conversation-stage>.message-list{height:100%;padding:28px clamp(24px,5vw,72px) 34px;align-items:center;scrollbar-gutter:stable}
  .chat-main:not(.zordex-active) .message{width:min(920px,100%);max-width:920px}
  .chat-main:not(.zordex-active) .message.assistant{align-self:center}
  .chat-main:not(.zordex-active) .message.user{width:auto;max-width:min(720px,82%);align-self:flex-end}
}
@media (min-width:1500px){
  .chat-main:not(.zordex-active){grid-template-columns:minmax(0,1fr) 270px}
  .chat-main:not(.zordex-active) .message{width:min(980px,100%);max-width:980px}
  .chat-main:not(.zordex-active)>.composer{width:min(1000px,calc(100% - 54px))}
}
@media (max-width:1100px){
  .chat-main:not(.zordex-active){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}
  .chat-main:not(.zordex-active)>.chat-header{grid-column:1;grid-row:1}
  .chat-main:not(.zordex-active)>.conversation-stage{grid-column:1;grid-row:2;min-height:0;overflow:hidden}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools{grid-column:1;grid-row:3;display:flex;overflow-x:auto;flex-wrap:nowrap;width:calc(100% - 20px);max-width:none;margin:0 auto 8px;padding:7px 4px;border:0;background:transparent}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools::before{display:none}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools button{white-space:nowrap}
  .chat-main:not(.zordex-active)>.composer{grid-column:1;grid-row:4}
}

/* Zorqelia layout polish v2: use spacing and tone instead of borders */
@media (min-width:1101px){
  body:not(.zordex-app-mode) .app-shell{grid-template-columns:260px minmax(0,1fr)}
  body:not(.zordex-app-mode) .sidebar{padding:16px 14px;gap:10px}
  body:not(.zordex-app-mode) .side-nav{gap:3px}
  body:not(.zordex-app-mode) .nav-item{border:0;background:transparent;border-radius:9px;padding:10px 11px}
  body:not(.zordex-app-mode) .nav-item:hover{background:rgba(255,255,255,.045)}
  body:not(.zordex-app-mode) .nav-item.active{border:0;background:rgba(255,255,255,.075);box-shadow:none}
  body:not(.zordex-app-mode) .nav-item-upgrade{border:0;background:rgba(250,204,21,.045)}
  body:not(.zordex-app-mode) .sidebar-model-control{border:0;background:#151515;border-radius:10px;margin:2px 4px 8px;padding:10px 11px}
  body:not(.zordex-app-mode) .chat-item{border:0;background:transparent;border-radius:10px}
  body:not(.zordex-app-mode) .chat-item:hover{background:rgba(255,255,255,.04)}
  body:not(.zordex-app-mode) .chat-item.active{border:0;background:rgba(255,255,255,.07);box-shadow:none}
  body:not(.zordex-app-mode) .profile-menu-button{border:0!important;background:rgba(255,255,255,.055)!important}

  .chat-main:not(.zordex-active){grid-template-columns:minmax(0,1fr) 214px;grid-template-rows:auto minmax(0,1fr) auto;background:#050505}
  .chat-main:not(.zordex-active)>.chat-header{border-bottom:0;padding:18px 22px 12px}
  .chat-main:not(.zordex-active) .mode-badge{border:0;background:#101516;padding:7px 10px}
  .chat-main:not(.zordex-active)>.conversation-stage{background:#050505}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools{grid-column:2;grid-row:2/4;gap:2px;padding:16px 10px;background:#080a0b;border-left:1px solid rgba(255,255,255,.055);scrollbar-width:thin;scrollbar-color:#333 transparent}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools::before{margin:2px 8px 8px;color:#777;font-size:.64rem}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools button{min-height:38px;border:0!important;background:transparent!important;border-radius:8px;padding:9px 10px;color:#dfe4e8;box-shadow:none!important}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools button:hover{transform:none;background:rgba(255,255,255,.06)!important}

  .chat-main:not(.zordex-active) .conversation-stage>.message-list{height:100%;padding:28px clamp(30px,7vw,110px) 36px;align-items:stretch;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}
  .chat-main:not(.zordex-active) .conversation-stage>.message-list::-webkit-scrollbar{width:6px}
  .chat-main:not(.zordex-active) .conversation-stage>.message-list::-webkit-scrollbar-track{background:transparent}
  .chat-main:not(.zordex-active) .conversation-stage>.message-list::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:999px}
  .chat-main:not(.zordex-active) .message{width:auto;max-width:none}
  .chat-main:not(.zordex-active) .message.assistant{width:min(860px,100%);max-width:860px;align-self:center;border:0!important;background:transparent!important;border-radius:0;padding:4px 0 18px;box-shadow:none!important}
  .chat-main:not(.zordex-active) .message.user{width:auto;max-width:min(640px,78%);align-self:flex-end;border:0!important;background:#1f1f1f!important;border-radius:18px;padding:10px 14px;box-shadow:none!important}
  .chat-main:not(.zordex-active) .message button{border:0!important;box-shadow:none!important}

  .chat-main:not(.zordex-active)>.composer{grid-column:1;grid-row:3;justify-self:center;width:min(780px,calc(100% - 46px));margin:0 auto 16px;padding:7px 9px;border:0!important;border-radius:24px;background:#1f1f1f;box-shadow:none}
  .chat-main:not(.zordex-active)>.composer:focus-within{border:0!important;box-shadow:none}
  .chat-main:not(.zordex-active)>.composer textarea{border:0!important;background:transparent!important;padding:9px 10px}
  .chat-main:not(.zordex-active)>.composer .tool-button{border:0!important;background:transparent!important}
  .chat-main:not(.zordex-active)>.composer .send-button{border:0!important;box-shadow:none!important}
}
@media (min-width:1500px){
  .chat-main:not(.zordex-active){grid-template-columns:minmax(0,1fr) 220px}
  .chat-main:not(.zordex-active) .message.assistant{width:min(900px,100%);max-width:900px}
  .chat-main:not(.zordex-active)>.composer{width:min(820px,calc(100% - 52px))}
}
@media (max-width:1100px){
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools{border:0;background:transparent}
  .chat-main:not(.zordex-active)>.s6-zorqelia-tools button{border:0!important;background:#11161b}
  .chat-main:not(.zordex-active)>.composer{border:0!important;background:#1f1f1f;box-shadow:none}
  .chat-main:not(.zordex-active) .message.assistant{border:0!important;background:transparent!important}
}