/* Selected V4 presentation, using the server's semantic colors and real controls. */
html:root[data-theme] body .home .hero-cube {
  width:min(65vw,740px);height:min(82vh,860px);object-fit:contain;
}
html:root[data-theme] body .login-page {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);
  align-items:center;gap:5vw;min-height:100dvh;height:auto;
  padding:calc(var(--rf-topbar-height,80px) + 36px) max(5vw,24px) 40px;
  background:var(--rf-color-canvas,#090d15);overflow:hidden;
}
html:root[data-theme] body .login-page::after {display:none}
html:root[data-theme] body .login-page .login-art {
  position:relative;inset:auto;aspect-ratio:auto;align-self:center;
  width:100%;height:min(600px,65vh);overflow:visible;pointer-events:none;
}
html:root[data-theme] body .login-page .login-art img {
  display:block;position:absolute;top:-12%;left:-18%;width:130%;height:125%;max-width:none;margin:0;
  object-fit:contain;transform:none;filter:none;animation:none;
}
html:root[data-theme] body .login-page .login-panel {
  display:block;position:relative;inset:auto;transform:none;margin:0;
  width:100%;max-width:400px;padding:24px 0;
  background:transparent;border:0;box-shadow:none;color:var(--rf-color-text,#edf1f7);
}
html:root[data-theme] body .login-panel h1 {text-align:left;font-size:30px;line-height:1.3;margin:0 0 26px;color:inherit}
html:root[data-theme] body .login-panel input {min-height:46px}
html:root[data-theme] body .login-panel .login-divider {margin:22px 0}
html:root[data-theme] body .login-panel .gradient-button {min-height:46px;height:auto;padding:10px 14px}
html:root[data-theme] body .login-panel .login-links {display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
html:root[data-theme] body :is(.workbench,.projects-page) {position:relative;isolation:isolate}
html:root[data-theme] body :is(.workbench,.projects-page)::before {
  content:"";position:absolute;z-index:-1;inset:0 0 auto;height:330px;pointer-events:none;
  background:radial-gradient(ellipse at 8% 0%,#3769be38,transparent 48%),radial-gradient(ellipse at 55% 0%,#a04f8830,transparent 48%),radial-gradient(ellipse at 95% 0%,#a5793b24,transparent 45%);
  mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent);
}
html:root[data-theme] body .work-prompt {width:min(900px,calc(100% - 48px));max-width:900px;margin-top:clamp(40px,7vh,84px)}
html:root[data-theme] body .work-prompt h1 {font-size:clamp(28px,3.4vw,40px);line-height:1.3}
html:root[data-theme] body .work-prompt>p {max-width:65ch;margin-inline:auto;line-height:1.65}
html:root[data-theme] body .prompt-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;margin:28px 0 16px}
html:root[data-theme] body .prompt-tabs button {min-width:0;white-space:normal;line-height:1.5;padding:10px 12px;min-height:44px}
html:root[data-theme] body .prompt-box {border-radius:18px;box-shadow:none}
html:root[data-theme] body .prompt-box textarea {min-height:136px;padding:22px;line-height:1.7}
html:root[data-theme] body .prompt-box>div {flex-wrap:wrap;min-width:0}
html:root[data-theme] body .prompt-box .round-submit {flex-shrink:0;width:44px;height:44px}
html:root[data-theme] body .prompt-box .upload-name {font-size:12px;color:var(--rf-color-secondary,#9eabc0)}
html:root[data-theme] body .prompt-hint {line-height:1.7;color:var(--rf-color-secondary,#9eabc0)}
html:root[data-theme] body .rf-creation-feedback {margin:16px 0;padding:16px;text-align:left;border:1px solid var(--rf-color-border,#394150);border-radius:12px;background:var(--rf-color-surface,#141a26);color:var(--rf-color-text,#edf1f7);line-height:1.6;overflow-wrap:anywhere}
html:root[data-theme] body .rf-creation-feedback strong {font-size:16px}
html:root[data-theme] body .rf-creation-feedback p {margin:8px 0 0;font-size:14px;color:var(--rf-color-secondary,#9eabc0)}
html:root[data-theme] body .rf-creation-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
html:root[data-theme] body .rf-creation-actions:empty {display:none}
html:root[data-theme] body .rf-creation-actions .btn {min-width:0;white-space:normal}
html:root[data-theme] body .continue-work {margin-top:64px}
html:root[data-theme] body .continue-head {gap:16px;flex-wrap:wrap}
html:root[data-theme] body .continue-head h2 {display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:24px}
html:root[data-theme] body .continue-head h2 span {margin:0}
html:root[data-theme] body .projects-head>div:first-child {flex:1;min-width:0}
html:root[data-theme] body .project-tools {flex:0 1 520px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
html:root[data-theme] body .project-tools input {width:min(260px,100%);min-width:0}
html:root[data-theme] body .project-filters {flex-wrap:wrap;align-items:center}
html:root[data-theme] body .project-grid {grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
html:root[data-theme] body .project-grid.is-list {grid-template-columns:1fr}
html:root[data-theme] body .project-grid.is-list .project-copy>.meta:first-child {padding-right:44px}
html:root[data-theme] body .project-card {border-radius:14px}
html:root[data-theme] body :is(.project-card,.continue-card):hover {transform:none}
html:root[data-theme] body .project-image {height:126px}
html:root[data-theme] body .project-copy {padding:16px 18px}
html:root[data-theme] body .project-copy h3 {font-size:19px;line-height:1.5;overflow-wrap:anywhere}
html:root[data-theme] body .rf-file-tray {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  list-style:none;margin:0;padding:0 20px 16px;text-align:left;
}
html:root[data-theme] body .rf-file-tray[hidden] {display:none}
html:root[data-theme] body .rf-file-card {
  display:flex;align-items:center;gap:10px;min-width:0;padding:8px;
  border:1px solid var(--rf-color-border,#394150);border-radius:10px;
  background:var(--rf-color-surface,#141a26);color:var(--rf-color-text,#edf1f7);
}
html:root[data-theme] body .rf-file-preview {
  display:grid;place-items:center;flex:0 0 44px;height:48px;overflow:hidden;
  background:var(--rf-color-hover,#242d3d);border-radius:6px;
  font-size:10px;font-weight:600;color:var(--rf-color-secondary,#9eabc0);
}
html:root[data-theme] body .rf-file-preview img {width:100%;height:100%;object-fit:contain}
html:root[data-theme] body .rf-file-copy {display:grid;gap:5px;min-width:0;flex:1}
html:root[data-theme] body .rf-file-copy strong {font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root[data-theme] body .rf-file-copy small {font-size:11px;color:var(--rf-color-secondary,#9eabc0)}
html:root[data-theme] body .rf-file-card button {flex:0 0 32px;min-height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:22px;cursor:pointer}
html:root[data-theme] body .rf-file-card button:hover:not(:disabled) {background:var(--rf-color-hover,#242d3d)}
html:root[data-theme] body :is(.prompt-box,.prompt-tabs,.project-tools,.login-panel) :is(button,a,input,textarea):focus-visible {outline:2px solid var(--rf-color-focus,#6ca7ff);outline-offset:3px}
@media(max-width:1050px) {
  html:root[data-theme] body .site-header:not(.chat-editor-header) .header-inner {gap:12px}
  html:root[data-theme] body .site-header:not(.chat-editor-header) .main-nav {position:absolute;top:100%;left:0;right:0;transform:none;margin:0;display:none;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px;background:var(--rf-color-surface,#141a26);border-bottom:1px solid var(--rf-color-border,#394150)}
  html:root[data-theme] body .site-header.menu-open .main-nav {display:flex}
  html:root[data-theme] body .site-header .main-nav a {padding:12px;height:auto;display:block}
  html:root[data-theme] body .site-header:not(.chat-editor-header) .mobile-menu {display:block;flex-shrink:0;width:36px}
  html:root[data-theme] body .projects-head {align-items:flex-start;flex-direction:column;gap:12px}
  html:root[data-theme] body .project-tools {flex:initial;justify-content:flex-start;width:100%}
}
@media(max-width:760px) {
  html:root[data-theme] body .home .hero-cube {width:100%;height:72vh}
  html:root[data-theme] body .login-page {display:block;padding:calc(var(--rf-topbar-height,66px) + 20px) 24px 32px;min-height:100dvh}
  html:root[data-theme] body .login-page .login-art {position:absolute;inset:70px auto auto -40%;width:120%;height:460px;opacity:.12}
  html:root[data-theme] body .login-page .login-panel {max-width:400px;width:100%;margin:auto;padding:24px 0}
  html:root[data-theme] body .work-prompt {width:calc(100% - 32px);margin-top:36px}
  html:root[data-theme] body .prompt-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}
  html:root[data-theme] body .rf-file-tray {grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 14px}
  html:root[data-theme] body .prompt-box>div {padding:0 14px 14px;gap:8px}
  html:root[data-theme] body .project-filters .filter-spacer {display:none}
}
@media(max-width:480px) {
  html:root[data-theme] body .rf-file-tray {grid-template-columns:1fr}
  html:root[data-theme] body .project-tools input {width:100%}
  html:root[data-theme] body .project-filters button {min-width:0}
  html:root[data-theme] body .project-grid.is-list .project-card-link {display:block}
  html:root[data-theme] body .project-grid.is-list .project-image {height:100px}
}
@media(max-width:760px) {
  html:root[data-theme]:is([data-page-scale="125"],[data-page-scale="150"]) body .site-header:not(.chat-editor-header) {height:104px}
  html:root[data-theme]:is([data-page-scale="125"],[data-page-scale="150"]) body .site-header:not(.chat-editor-header) .header-inner {
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px;gap:0;padding-block:8px;
  }
  html:root[data-theme]:is([data-page-scale="125"],[data-page-scale="150"]) body .site-header .brand {grid-row:1;grid-column:1}
  html:root[data-theme]:is([data-page-scale="125"],[data-page-scale="150"]) body .site-header :is(.header-actions,.login-header-actions) {grid-row:2;grid-column:1/-1;justify-content:flex-end;margin:0}
  html:root[data-theme]:is([data-page-scale="125"],[data-page-scale="150"]) body .site-header .mobile-menu {grid-row:1;grid-column:2}
  html:root[data-theme]:is([data-page-scale="125"],[data-page-scale="150"]) body :is(.workbench,.projects-page,.inner-page) {padding-top:128px}
  html:root[data-theme]:is([data-page-scale="125"],[data-page-scale="150"]) body .login-page {padding-top:120px}
}
@media(prefers-reduced-motion:reduce) {
  html:root[data-theme] body :is(.login-art img,.project-card,.continue-card,.prompt-tabs button) {animation:none;transition:none;transform:none}
}