/* Member workspace: compact editorial header, visual workshops, genuine destinations. */
.workspace-home{max-width:1180px;margin-inline:auto;padding:22px 0 32px}
.workspace-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.workspace-welcome .eyebrow{font-size:10px;letter-spacing:.15em;color:var(--brand-text)}
.workspace-welcome h1{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.045em;margin:10px 0}
.workspace-welcome p{margin:0;color:var(--muted);font-size:14px}
.ws-library{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:44px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--surface);font-size:13px;font-weight:600;text-decoration:none}
.ws-library svg{width:18px;height:18px;stroke-width:1.5;color:var(--brand-text)}
.workspace-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px}
.workspace-section-head h2{font-size:16px;margin:0}.workspace-section-head>span{font-size:12px;color:var(--muted)}
.workspace-atelier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.workspace-atelier-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-align:start;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:16px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.workspace-atelier-card:hover{transform:translateY(-3px);border-color:var(--brand-text);box-shadow:0 10px 28px #0001}
.ws-art{position:relative;display:flex;align-items:center;justify-content:center;height:126px;overflow:hidden;background:color-mix(in srgb,var(--brand-text) 8%,var(--surface-2));isolation:isolate}
.ws-art>img{height:100%;width:100%;object-fit:cover}.ws-image .ws-art>img{object-position:center 58%}.ws-mesh .ws-art>img{object-fit:contain;background:#081420}
.ws-conversation .ws-art>img{object-position:center 75%}.ws-code .ws-art>img{object-position:center 58%}
.ws-card-copy{display:block;padding:17px 19px 19px}.ws-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.ws-card-heading strong{font-size:16px;font-weight:650}.workspace-atelier-icon{display:inline-flex;color:var(--brand-text)}.workspace-atelier-icon svg{height:19px;width:19px;stroke-width:1.6}
.workspace-card-arrow{margin-inline-start:auto;color:var(--muted);font-size:19px;line-height:1}
.ws-description{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.ws-play{display:grid;place-items:center;position:absolute;width:40px;height:40px;border-radius:50%;background:#071826a8;border:1px solid #ffffff80;backdrop-filter:blur(5px)}.ws-play svg{width:20px;height:20px;fill:white}
.ws-filmstrip{position:absolute;inset:auto 0 0;height:12px;border-block:3px solid #081421;background:repeating-linear-gradient(90deg,#ced9de 0 9px,#081421 9px 17px);opacity:.8}
.ws-image-frame{position:absolute;inset:12px;border:1px solid #ffffff60;border-radius:4px}
.workspace-projects{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.workspace-projects>a{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);text-decoration:none}
.workspace-projects>a>span:last-child{margin-inline-start:auto;color:var(--muted)}.workspace-projects strong{display:block;font-size:13px}.workspace-projects small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--muted)}.ws-project-symbol{color:var(--brand-text);font-size:22px;white-space:nowrap}
.workspace-projects>a:hover,.ws-library:hover{border-color:var(--brand-text);background:var(--surface)}
@media(min-width:1600px){.ws-art{height:146px}}
@media(max-width:1100px){.workspace-atelier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.workspace-home{padding-top:12px}.workspace-welcome{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.workspace-welcome h1{font-size:29px}.workspace-atelier-grid{gap:12px}.ws-art{height:100px}.ws-card-copy{padding:12px}.ws-card-heading{gap:6px}.ws-card-heading strong{font-size:14px}.ws-description{font-size:11px}.workspace-projects{grid-template-columns:1fr;gap:10px}.workspace-section-head>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.workspace-atelier-card{transition:none}.workspace-atelier-card:hover{transform:none}}

.chat-history-panel .history-row { position: relative; align-items: flex-start; gap: 4px; padding: 8px 4px 8px 10px; }
.chat-history-panel .history-row-main { padding: 6px 0; min-height: 54px; }
.chat-history-panel .history-row-main strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow-wrap: anywhere; font-size: 14px; line-height: 1.45; }
.chat-history-panel .history-row-main strong:has(input) { display: block; }
.chat-history-panel .history-row-main small { font-size: 11px; line-height: 1.5; }
.chat-history-panel .history-row-actions { display: block; position: static; opacity: 1; }
.history-row-actions > summary { display: grid; place-items: center; list-style: none; width: 44px; height: 44px; border-radius: 10px; color: var(--muted); font-size: 24px; cursor: pointer; }
.history-row-actions > summary::-webkit-details-marker { display: none; }
.history-row-actions > summary:hover, .history-row-actions[open] > summary { background: var(--surface); color: var(--ink); }
.history-action-menu { position: absolute; z-index: 8; top: 48px; inset-inline-end: 4px; min-width: 155px; padding: 6px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 8px 24px #0003; }
.history-row:has(details[open]) { z-index: 10; padding-bottom: 100px; }
.history-action-menu .result-action { display: block; width: 100%; min-height: 44px; padding: 10px 12px; text-align: start; font-size: 13px; color: var(--ink); }
.workspace-home :focus-visible, .history-row :focus-visible { outline: 2px solid var(--brand-text); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .workspace-atelier-card { transition: none; } }

/* Keep navigation stationary; decorative content gives way on short screens. */
@media (min-width:761px) and (max-height:900px) and (min-height:501px),(min-width:761px) and (max-height:900px) and (pointer:fine),(min-width:761px) and (max-height:900px) and (pointer:none){
  .studio-side-garden { min-height: 0; height: clamp(0px, calc(100dvh - 740px), 150px); }
  .studio-side-garden p { font-size: 13px; }
  .studio-sidebar-footer { padding-top: 6px; }
}
@media (min-width:761px) and (max-height:750px) and (min-height:501px),(min-width:761px) and (max-height:750px) and (pointer:fine),(min-width:761px) and (max-height:750px) and (pointer:none){ .studio-side-garden, .studio-sidebar-footer > small { display: none; } }
@media (min-width:761px) and (max-height:650px) and (min-height:501px),(min-width:761px) and (max-height:650px) and (pointer:fine),(min-width:761px) and (max-height:650px) and (pointer:none){
  .studio-sidebar-footer { display: none; }
  nav.tabbar#tabbar { gap: 2px; padding-block: 6px; margin-block: 8px; }
}
@media (min-width:761px) and (max-height:575px) and (min-height:501px),(min-width:761px) and (max-height:575px) and (pointer:fine),(min-width:761px) and (max-height:575px) and (pointer:none){
  nav.tabbar#tabbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:4px; }
  nav.tabbar#tabbar > button { flex-direction:column; gap:4px; padding:7px 2px; font-size:10px; min-height:56px; text-align:center; }
}
@media (min-width:761px) and (max-height:425px) and (pointer:fine),(min-width:761px) and (max-height:425px) and (pointer:none){
  nav.tabbar#tabbar > button {min-height:40px;padding-block:3px;gap:2px;font-size:9px;line-height:1.2}
  nav.tabbar#tabbar > button svg {height:16px;width:16px}
}
@media (max-width:760px),(max-height:500px) and (pointer:coarse){
  nav.tabbar#tabbar,body.studio-menu-open nav.tabbar#tabbar {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;min-height:0;overflow:clip;gap:2px;padding:4px 4px calc(4px + env(safe-area-inset-bottom))}
  nav.tabbar#tabbar>button,body.studio-menu-open nav.tabbar#tabbar>button {width:100%;min-width:0;min-height:48px;padding:4px 2px;gap:3px;font-size:9px;line-height:1.25}
  nav.tabbar#tabbar>button svg {width:18px;height:18px}
}
[dir="rtl"] .provider-picker-chevron {margin-inline-start:auto;margin-inline-end:0}
@media (min-width:761px) and (min-height:501px),(min-width:761px) and (pointer:fine),(min-width:761px) and (pointer:none){
  .studio-sidebar-footer{min-height:0;overflow:clip;flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end}
  .studio-sidebar-footer .studio-side-garden{flex:1 1 auto;min-height:0;max-height:150px;height:auto}
  .studio-sidebar-footer>a,.studio-sidebar-footer>small{flex:0 0 auto}
  .phone>main{padding-inline-start:0;padding-inline-end:22px}
}
@media (min-width:761px) and (max-height:650px) and (min-height:501px),(min-width:761px) and (max-height:650px) and (pointer:fine),(min-width:761px) and (max-height:650px) and (pointer:none){.studio-sidebar-footer{display:none}}

.workspace-projects .ws-project-art{display:flex;align-items:center;justify-content:center;gap:12px;min-height:128px;padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-text) 9%,var(--surface)),var(--surface));border-bottom:1px solid var(--line)}
.workspace-projects .ws-project-art>span{display:grid;place-items:center;width:65px;height:65px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--brand-text);font-size:28px;box-shadow:0 6px 18px #0001}
.workspace-projects .ws-project-art i{font-style:normal;color:var(--muted)}
.workspace-projects .ws-film-art>span{width:84px;height:66px;align-items:end;justify-items:start;padding:10px;font-size:12px;border-radius:8px;background:linear-gradient(150deg,transparent 35%,color-mix(in srgb,var(--brand-text) 20%,var(--surface)) 36% 65%,var(--surface) 66%)}
.workspace-projects .ws-film-art>span:nth-child(2){transform:translateY(-8px);background:linear-gradient(30deg,var(--surface),color-mix(in srgb,var(--brand-text) 25%,var(--surface)))}
.workspace-projects>a>.ws-project-copy{position:relative;display:flex;flex:1;flex-direction:column;gap:12px;margin:0;padding:22px;color:var(--ink)}
.workspace-projects .ws-project-copy small{margin:0;color:var(--brand-text);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.workspace-projects .ws-project-copy strong{font-size:clamp(18px,1.6vw,23px);line-height:1.35}
.workspace-projects .ws-project-copy>span{font-size:14px;line-height:1.65;color:var(--muted)}
.workspace-projects .ws-project-copy b{margin-top:auto;padding-top:8px;padding-inline-end:24px;color:var(--brand-text);font-size:14px}
.workspace-projects .ws-project-copy i{position:absolute;bottom:22px;inset-inline-end:22px;font-style:normal;color:var(--brand-text)}
@media(max-width:600px){.workspace-projects .ws-project-art{padding:18px 10px;gap:8px;min-height:110px}.workspace-projects .ws-project-copy{padding:18px}.workspace-projects .ws-film-art>span{width:70px}}