.chat-workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(350px,1fr);gap:28px;align-items:start}.chat-preview-column{position:sticky;top:22px;display:flex;flex-direction:column;gap:20px;min-width:0}.chat-settings-column{min-width:0}.chat-settings-column .panel{margin-bottom:18px}.chat-settings-column .section-heading{padding-bottom:15px}.chat-settings-column .panel-content{padding-bottom:19px}.chat-preview-tabs{display:flex;gap:8px;padding:0 20px 14px}.chat-preview-tabs .chip{font:11px 'Segoe UI',sans-serif;padding:6px 12px;height:auto}.chat-preview-tabs .button{margin-left:auto}.chat-preview-viewport{position:relative;overflow:hidden;margin:0 20px;height:560px;border:1px solid #334254;border-radius:8px;background-color:#0c1119}.chat-preview-viewport #chat-preview{position:absolute;left:50%;top:50%;transform-origin:center center}.chat-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;background:#101822b0;pointer-events:none;color:#acb9c8;padding:20px}.chat-empty>span{font-size:34px;color:var(--accent)}.chat-empty p{font-size:11px;line-height:1.8}.provider-status{padding:0 20px 17px;display:flex;flex-wrap:wrap;gap:6px}.provider-pill{font-size:10px;padding:3px 8px;border:1px solid #35463f;color:#b1d6bf;border-radius:5px}.provider-pill.unavailable{color:#e9bc7d;border-color:#62523a}.provider-pill.off{opacity:.45;border-color:#3a4351;color:#a8b1bf}.chat-note{padding:0 5px;color:#91a2b5;font-size:12px;line-height:1.8}.chat-note strong{color:#c6d3e0;font-size:13px;font-weight:500}.chat-note p{margin-top:3px}.chat-settings-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between}.chat-settings-column textarea{background:#101721;border:1px solid #354150;border-radius:7px;padding:10px 11px;color:#e3eaf3;width:100%;font:12px/1.5 'Segoe UI',sans-serif;resize:vertical;min-height:68px;margin-top:7px}.chat-check{display:flex;align-items:center;gap:10px;padding:9px 0;color:#c3cedb;font-size:12px}.chat-check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.chat-settings-column input[type=color]{width:100%;height:41px;padding:5px;margin-top:7px}.chat-color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chat-section-desc{color:#8497aa;font-size:11px;line-height:1.7;margin-bottom:16px}.chat-settings-column .field{font-size:11px}.chat-login{max-width:600px;margin:80px auto;min-height:400px}.chat-login h1{font-size:48px}.chat-login p{color:#91a3b6;margin:24px 0;line-height:1.8}.connection-error{color:#ffc295!important}
@media(min-width:1400px){.chat-workspace{grid-template-columns:minmax(480px,.95fr) minmax(400px,1fr);gap:32px}.chat-preview-viewport{height:620px}}
@media(max-width:900px){.chat-workspace{grid-template-columns:1fr}.chat-preview-column{position:static}.chat-preview-viewport{height:500px}.chat-settings-column .field-row{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.chat-color-row{gap:6px}.chat-preview-viewport{margin:0 12px}.chat-preview-tabs{padding:0 12px 12px;gap:5px}.chat-preview-tabs .chip{padding:6px 9px}}
@media(max-height:1000px){.chat-preview-column{position:static}}

.theme-library{margin-bottom:26px}.theme-library summary{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none}.theme-library summary strong{font-size:15px;font-weight:600}.theme-library-hint{font-size:11px;color:var(--muted);margin-left:14px}.theme-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 18px 15px}.theme-card{padding:5px 5px 10px;min-width:0;text-align:left;cursor:pointer;border:1px solid #344253;background:#111923;border-radius:9px;color:#dce4f0;transition:border-color .15s}.theme-card:hover{border-color:#7b9b8a}.theme-card[aria-pressed=true]{border-color:var(--accent);background:#21362d;box-shadow:0 0 0 1px #b7f3c935}.theme-card>strong,.theme-card>small{display:block;padding:0 5px}.theme-card>strong{font:600 12px/1.5 Inter,'Segoe UI',sans-serif;margin-top:7px}.theme-card>small{font:9px/1.5 Inter,'Segoe UI',sans-serif;color:#91a3b6}.theme-library-foot{padding:0 22px 17px;color:#92a4b8;font-size:10px}.theme-swatch{height:72px;border-radius:5px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--swatch-secondary) 12%,#101722),#0c121b);display:flex;align-items:center;justify-content:center;padding:12px 8px;overflow:hidden}.theme-mini-bubble{display:flex;flex-direction:column;gap:4px;padding:6px 9px;border:1px solid var(--swatch-accent);border-radius:7px;background:var(--swatch-bg);font:10px/1.4 Inter,'Segoe UI',sans-serif;color:#edf3fa;min-width:100px;max-width:100%}.theme-mini-bubble b{font-size:8px;color:var(--swatch-accent)}.theme-swatch[data-look=cyber] .theme-mini-bubble{border-radius:0;border-width:0 0 1px 2px;clip-path:polygon(0 0,100% 0,100% 85%,92% 100%,0 100%);color:var(--swatch-accent)}.theme-swatch[data-look=glass] .theme-mini-bubble{background:linear-gradient(140deg,#d3ebff35,#162a4380);border-color:#c3eaff88;border-radius:10px}.theme-swatch[data-look=neon] .theme-mini-bubble{box-shadow:0 0 8px var(--swatch-accent);border-color:var(--swatch-secondary)}.theme-swatch[data-look=aurora] .theme-mini-bubble{background:linear-gradient(125deg,#39826e,#47305e);border-radius:14px 14px 14px 2px}.theme-swatch[data-look=holo] .theme-mini-bubble{border-radius:0;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#70e4ff22 4px);color:var(--swatch-accent)}.theme-swatch[data-look=minimal] .theme-mini-bubble{background:transparent;border:0;border-left:2px solid var(--swatch-accent);border-radius:0}.theme-swatch[data-look=social] .theme-mini-bubble{border:0;border-radius:14px 14px 14px 2px;margin-left:10px;position:relative}.theme-swatch[data-look=social] .theme-mini-bubble::before{content:'E';position:absolute;left:-18px;top:3px;border-radius:50%;background:var(--swatch-accent);color:#17223b;width:15px;height:15px;text-align:center;font-size:9px}.theme-swatch[data-look=sticker] .theme-mini-bubble{color:#272132;border:3px solid #fff;box-shadow:3px 3px #806d91;transform:rotate(-3deg)}.theme-swatch[data-look=sticker] .theme-mini-bubble b{color:#5f4181}.theme-swatch[data-look=terminal] .theme-mini-bubble{font-family:monospace;color:var(--swatch-accent);border-radius:0;border-style:dashed}.theme-swatch[data-look=editorial] .theme-mini-bubble{color:#222;border:0;border-top:3px solid var(--swatch-accent);border-radius:0}.theme-swatch[data-look=editorial] .theme-mini-bubble b{font-family:Georgia,serif;font-style:italic;color:#674627}.theme-swatch[data-look=broadcast] .theme-mini-bubble{border:0;border-left:4px solid var(--swatch-accent);border-radius:0}.theme-swatch[data-look=broadcast] .theme-mini-bubble b{background:var(--swatch-accent);color:#161a24;padding:1px 4px}.theme-swatch[data-look=orbit] .theme-mini-bubble{border-color:var(--swatch-accent);box-shadow:0 0 12px #b5a4ff33;background:radial-gradient(ellipse at top right,#66e2ff33,#151329);border-radius:12px}.chat-color-row{grid-template-columns:repeat(2,1fr)}
@media(max-width:1100px){.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:740px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-library-hint{display:block;margin:3px 0 0}.theme-library summary{padding:15px}.theme-grid{padding:0 12px 12px;gap:7px}}@media(max-width:430px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.advanced-panel>summary{padding:19px 22px;cursor:pointer;font-size:13px;font-weight:600;color:#cbd9e6}.my-designs{border-top:1px solid #2c3948;padding:18px 22px}.my-designs h2{font-size:14px;display:flex;align-items:center;gap:10px}.my-designs p{font-size:10px;color:#93a6ba;margin:7px 0 12px}.my-design-row{display:flex;align-items:end;gap:8px;margin-top:12px;flex-wrap:wrap}.my-design-row .field{flex:1;min-width:180px;margin:0}.my-design-row .field input{margin-top:7px}.my-design-row .button{height:41px}.my-design-row select{margin-top:7px}.advanced-panel .panel-content{padding-top:4px}