.workspace-switch{border-bottom:1px solid var(--border,#dce8e7);background:#fff9;flex-shrink:0;gap:6px;padding:12px 24px;display:flex}.workspace-switch button{color:var(--muted,#657c80);font:inherit;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:600;display:flex}.workspace-switch button[aria-pressed=true]{color:#205b59;background:#e3f3ef;border-color:#c8e5de}.workspace-switch button:disabled{opacity:.55;cursor:wait}.workspace-pane{flex:1;min-height:0;overflow:auto}.workspace-pane[hidden]{display:none!important}.builder-workspace{max-width:1500px;color:var(--text,#23474b);margin:auto;padding:30px clamp(16px,3vw,42px) 45px}.builder-heading{justify-content:space-between;align-items:center;gap:20px;margin:8px 0 24px;display:flex}.builder-heading h1{margin:8px 0;font-size:clamp(28px,3vw,40px)}.builder-heading p{color:var(--muted,#71868b);margin:0;line-height:1.8}.builder-status{background:#f6faf9;border:1px solid #dce9e7;border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.builder-status p{flex:1;margin:0;font-size:13px}.builder-status span{color:#bfa467}.builder-status span.ready{color:#3c9b7f}.builder-workspace button{color:#335e61;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce7e6;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:inline-flex}.builder-workspace button:hover{background:#edf7f4}.builder-workspace button:disabled{opacity:.48;cursor:not-allowed}.builder-workspace input,.builder-workspace textarea,.builder-workspace select{font:inherit;color:inherit;background:#fff;border:1px solid #d9e5e3;border-radius:10px;min-width:0;padding:11px}.builder-workspace textarea{resize:vertical}.builder-brief{background:#ffffffba;border:1px solid #d8e8e4;border-radius:18px;gap:13px;padding:20px;display:grid}.builder-brief label{gap:8px;font-size:13px;display:grid}.builder-actions{flex-wrap:wrap;gap:8px;display:flex}.builder-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:15px;margin:22px 0 12px;display:flex}.builder-toolbar label{gap:6px;font-size:12px;display:grid}.builder-toolbar input{width:240px}.builder-grid{background:#fff;border:1px solid #dce7e6;border-radius:18px;grid-template-columns:minmax(280px,.95fr) minmax(280px,1.05fr);display:grid;overflow:hidden}.builder-code{background:#152b30;flex-direction:column;min-width:0;min-height:470px;display:flex}.builder-code nav{border-bottom:1px solid #ffffff15;gap:5px;padding:10px;display:flex;overflow:auto}.builder-code nav button{color:#a9c4c5;white-space:nowrap;background:0 0;border:0}.builder-code nav button[aria-pressed=true]{color:#e4f5ef;background:#2b484c}.builder-code textarea{color:#dcece8;resize:vertical;tab-size:2;background:0 0;border:0;border-radius:0;flex:1;width:100%;min-height:390px;padding:18px;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.builder-run{flex-wrap:wrap;gap:6px;padding:10px;display:flex}.builder-run select{padding:7px;font-size:11px}.builder-preview{background:#edf3f1;flex-direction:column;min-width:0;display:flex}.builder-preview header{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:12px;display:flex}.builder-preview header select{padding:7px;font-size:11px}.builder-canvas{flex:1;justify-content:center;min-height:390px;padding:12px;display:flex;overflow:auto}.builder-canvas iframe{background:#fff;border:0;border-radius:8px;min-height:390px}.builder-preview>button{align-self:center;margin:12px}.builder-preview>small{text-align:center;color:#668080;padding:0 16px 14px;font-size:10px;line-height:1.8}.builder-no-preview{text-align:center;color:#718c8c;align-self:center;padding:25px}.builder-note{color:#72888c;margin:14px 0;font-size:12px;line-height:1.9}.builder-note a{color:#286d69;text-decoration:underline}.builder-alert{background:#fcf7e9;border:1px solid #e6dcbf;border-radius:12px;padding:12px 15px;font-size:13px;line-height:1.8}.builder-output{color:#d5ece5;background:#142c30;border-radius:14px;margin-top:16px;padding:18px;font-size:13px}.builder-output pre{white-space:pre-wrap;word-break:break-word;max-height:340px;overflow:auto}.builder-output small{color:#a3bdb8}.builder-assets{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.builder-assets figure{background:#fff;border:1px solid #dbe8e4;border-radius:12px;width:150px;margin:0;padding:8px}.builder-assets img{object-fit:cover;border-radius:8px;width:100%;height:90px}.builder-assets figcaption{font-size:11px;line-height:1.8}.builder-assets code{overflow-wrap:anywhere;direction:ltr;display:block}.builder-asset-requests{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.builder-asset-requests h3{width:100%;font-size:15px}.builder-mobile-tabs{display:none}@media (max-width:850px){.workspace-switch{gap:5px;padding:10px 12px}.workspace-switch button{flex:1;padding:10px 9px;font-size:12px}.builder-workspace{padding:20px 12px 32px}.builder-grid{grid-template-columns:1fr}.builder-mobile-tabs{gap:8px;margin:12px 0;display:flex}.builder-mobile-tabs button[aria-pressed=true]{background:#dff0e9}.builder-grid.mobile-preview .builder-code,.builder-grid.mobile-code .builder-preview{display:none}.builder-toolbar .builder-actions{gap:5px}.builder-heading>svg{display:none}.builder-canvas,.builder-canvas iframe{min-height:440px}}.chat-pane{flex-direction:column;display:flex;overflow:hidden}.chat-pane>.messages{flex:1;min-height:0}.media-studio{min-height:100%}.runtime-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.runtime-fields label{flex-wrap:wrap;gap:8px;display:flex}.runtime-fields input[type=number]{border:1px solid #d5e3df;border-radius:8px;width:100%;padding:10px}.runtime-panel details{margin-top:16px;font-size:12px}.runtime-panel li{direction:ltr;margin:6px 0}.topbar{flex-shrink:0;gap:12px;height:66px;min-height:66px;padding:10px 20px}.topbar .workspace-switch{scrollbar-width:thin;white-space:nowrap;background:0 0;border:0;flex:1;align-items:center;gap:4px;min-width:0;padding:0;display:flex;overflow-x:auto}.topbar .workspace-switch button{color:#66817c;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;min-height:40px;padding:9px 11px;font-size:12px}.topbar .workspace-switch button[aria-pressed=true]{color:#245f50;background:#e1f1ea;border-color:#c9e4d8}.topbar .workspace-switch .browser-launch{color:#376e65;background:#eff9f6;border-color:#d6e7e2;margin-inline-start:3px}.topbar .top-actions{flex:none}.topbar .workspace-switch button:focus-visible{outline-offset:-2px;outline:2px solid #388f7b}@media (max-width:1100px){.topbar{padding-inline:12px}.topbar .workspace-switch button{padding-inline:9px;font-size:11px}.topbar .language-switch{display:none}}@media (max-width:700px){.topbar{gap:6px;height:58px;min-height:58px;padding:7px 8px}.topbar .workspace-switch{gap:2px}.topbar .workspace-switch button{gap:5px;min-height:40px;padding:8px 9px;font-size:11px}.topbar .workspace-switch button svg{width:15px;height:15px}.topbar .export-button{display:none}.topbar .top-actions{gap:2px}}.topbar .workspace-switch{scrollbar-width:none;background:#140f2ba6;border:1px solid #8b5cff2e;border-radius:16px;gap:5px;padding:5px}.topbar .workspace-switch button{color:#8e87aa;background:0 0;border:1px solid #0000;border-radius:11px;min-height:40px;padding:0 12px}.topbar .workspace-switch button:hover{color:#fff;background:#8b5cff1a}.topbar .workspace-switch button[aria-pressed=true]{color:#fff;background:linear-gradient(110deg,#58f7ff24,#8b5cff38);border-color:#58f7ff57;box-shadow:0 0 22px #58f7ff14}.topbar .workspace-switch .browser-launch{color:#b6afcd;background:#ff3daf0f;border-color:#ff3daf47}.topbar .workspace-switch .browser-launch[aria-pressed=true]{color:#fff;background:linear-gradient(110deg,#8b5cff33,#ff3daf33);border-color:#ff3daf73}.topbar .top-actions .icon-button{color:#9c94bd;background:#0d0a1e;border-color:#8b5cff29}.topbar .top-actions .icon-button:hover{color:#58f7ff;background:#58f7ff12;border-color:#58f7ff4d}.topbar .language-switch{background:#0d0a1e;border:1px solid #8b5cff2b;border-radius:12px;padding:4px}.topbar .language-switch button{color:#79728f;background:0 0}.topbar .language-switch button.selected{color:#fff;background:#261b4d;box-shadow:inset 0 0 0 1px #8b5cff59}.builder-workspace{color:#e9e6f5}.builder-heading p,.builder-note,.builder-no-preview{color:#938ca9}.builder-status,.builder-brief,.builder-grid{background:#120e26e0;border-color:#8b5cff38}.builder-workspace button{color:#bdb6d1;background:#17122d;border-color:#8b5cff40}.builder-workspace button:hover{color:#fff;background:#251b4a}.builder-workspace .primary{color:#080611;background:linear-gradient(135deg,#5cf5fb,#8b5cff 56%,#ff3daf);border-color:#7c57ee}.builder-workspace input,.builder-workspace textarea,.builder-workspace select{color:#f1eefb;background:#0c091b;border-color:#8b5cff47}.builder-code,.builder-output{background:#070612}.builder-preview{background:#100d22}.builder-preview header{color:#aaa3bf}.builder-assets figure{background:#100d22;border-color:#8b5cff38}@media (max-width:700px){.topbar .workspace-switch{background:0 0;border:0;padding:2px}.topbar .workspace-switch button{padding-inline:8px}.topbar .workspace-switch .browser-launch{background:#ff3daf0f}}.compact-reply-language{display:none}@media (max-width:1100px){.compact-reply-language{align-items:center;gap:7px;font-size:11px;display:flex}}.administrator-entry{color:#386951;background:#eaf4ed;border:1px solid #d2e6da;border-radius:11px;align-items:center;gap:9px;margin:16px 0;padding:13px 18px;font-size:12px;text-decoration:none;display:flex}.administrator-link{color:#9dbdaf;padding:12px 6px;font-size:10px;text-decoration:none;display:block}