.site-studio-template-fullscreen{z-index:1100;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--text);background:radial-gradient(980px 520px at 8% -18%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 62%), radial-gradient(720px 380px at 92% -8%, color-mix(in srgb, var(--surface2) 85%, transparent), transparent 58%), radial-gradient(640px 420px at 70% 110%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 55%, var(--bg)), var(--bg) 42%);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.site-studio-template-fullscreen-header{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:center;gap:18px;padding:14px 18px;display:grid}.site-studio-template-fullscreen-nav{align-items:center;gap:12px;min-width:0;display:flex}.site-studio-template-fullscreen-nav h3{margin:0;font-size:1.15rem;font-weight:650}.site-studio-template-fullscreen-preview-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.site-studio-template-fullscreen-center{justify-content:center;display:flex}.site-studio-template-fullscreen-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.site-studio-template-fullscreen-body{min-height:0;padding:16px 18px 18px;display:grid;overflow:hidden}.site-studio-template-fullscreen-error{color:var(--danger);margin:0 0 12px}.site-studio-template-picker{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:stretch;gap:18px;height:100%;min-height:0;display:grid}.site-studio-template-grid{grid-template-columns:1fr;align-content:start;gap:14px;height:100%;min-height:0;max-height:none;padding-right:2px;display:grid;overflow:auto}.site-studio-template-live{min-width:0;min-height:0;display:grid}.site-studio-template-live .site-studio-preview-shell{animation:none}.site-studio-template-live-loading,.site-studio-template-live-empty{text-align:center;background:radial-gradient(420px 240px at 50% 38%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 90%, transparent), color-mix(in srgb, var(--surface) 94%, transparent));color:var(--text);z-index:1;place-content:center;padding:24px;display:grid;position:absolute;inset:0}.site-studio-template-live-empty{min-height:280px;position:relative}@media (width<=960px){.site-studio-template-fullscreen-header{grid-template-columns:1fr;gap:12px}.site-studio-template-fullscreen-preview-row{grid-template-columns:1fr;justify-items:center}.site-studio-template-fullscreen-actions{justify-content:stretch}.site-studio-template-fullscreen-actions>*{width:100%}.site-studio-template-fullscreen-body{overflow:auto}.site-studio-template-picker{grid-template-columns:1fr;height:auto}.site-studio-template-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));height:auto}.site-studio-template-live .site-studio-preview-frame,.site-studio-template-live-empty{min-height:52vh}}.site-studio-template-card{text-align:left;border:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:linear-gradient(165deg, color-mix(in srgb, var(--bg-elevated) 96%, transparent), color-mix(in srgb, var(--bg) 90%, var(--surface)));color:inherit;cursor:pointer;transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);border-radius:18px;gap:12px;padding:14px;animation:.42s cubic-bezier(.22,1,.36,1) both site-studio-fade-rise;display:grid;box-shadow:0 10px 28px -22px #280c1c47}.site-studio-template-card:first-child{animation-delay:40ms}.site-studio-template-card:nth-child(2){animation-delay:80ms}.site-studio-template-card:nth-child(3){animation-delay:.12s}.site-studio-template-card:nth-child(4){animation-delay:.16s}.site-studio-template-card:nth-child(5){animation-delay:.2s}.site-studio-template-card:nth-child(n+6){animation-delay:.24s}.site-studio-template-card:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));transform:translateY(-2px);box-shadow:0 18px 36px -24px #280c1c57}.site-studio-template-card.is-active{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 16px 34px -22px color-mix(in srgb, var(--accent) 35%, transparent)}.site-studio-template-preview{aspect-ratio:4/3;background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), linear-gradient(145deg, color-mix(in srgb, var(--text) 6%, transparent), transparent), var(--surface,#fff);border-radius:14px;place-items:center;font-size:2rem;font-weight:600;display:grid;overflow:hidden}.site-studio-template-preview img{object-fit:cover;width:100%;height:100%;display:block}.site-studio-template-body strong{margin-bottom:4px;display:block}.site-studio-template-body p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.site-studio-template-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.site-studio-template-tags span{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:999px;padding:3px 8px;font-size:11px}.site-studio-page-root{background:radial-gradient(980px 520px at 8% -18%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 62%), radial-gradient(720px 380px at 92% -8%, color-mix(in srgb, var(--surface2) 85%, transparent), transparent 58%), radial-gradient(640px 420px at 70% 110%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 55%, var(--bg)), var(--bg) 42%);box-sizing:border-box;height:100vh;max-height:100vh;overflow:hidden}.site-studio-page{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.site-studio-workspace{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.site-studio-toolbar{background:0 0;border-bottom:0;grid-template-columns:minmax(340px,400px) minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px 4px;animation:.48s cubic-bezier(.22,1,.36,1) both site-studio-drop-in;display:grid}.site-studio-toolbar-nav{align-items:center;min-width:0;display:flex}.site-studio-toolbar-preview-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.site-studio-toolbar-left,.site-studio-toolbar-center,.site-studio-toolbar-right{align-items:center;gap:8px;min-width:0;display:flex}.site-studio-toolbar-center{justify-content:center}.site-studio-toolbar-right{justify-content:flex-end}.site-studio-auto-reload-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted,#6b7280);letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.site-studio-auto-reload-toggle>button{background:var(--border,#d1d5db);cursor:pointer;border:none;border-radius:999px;width:36px;height:20px;padding:0;transition:background .18s;position:relative}.site-studio-auto-reload-toggle>button[aria-checked=true]{background:var(--accent,#2563eb)}.site-studio-auto-reload-toggle__thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000002e}.site-studio-auto-reload-toggle>button[aria-checked=true] .site-studio-auto-reload-toggle__thumb{left:18px}.site-studio-glyph{flex-shrink:0;place-items:center;width:1.15em;height:1.15em;line-height:0;display:inline-grid}.site-studio-glyph-face{transform-origin:50%;grid-area:1/1;place-items:center;line-height:0;animation:.28s cubic-bezier(.22,1,.36,1) both site-studio-glyph-swap;display:inline-grid}.site-studio-glyph svg{transform-origin:50%;transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1);display:block}.site-studio-toolbar-btn{font:inherit;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;line-height:1;transition:background .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1),filter .2s cubic-bezier(.22,1,.36,1),opacity .16s cubic-bezier(.22,1,.36,1);display:inline-flex;transform:translateY(0)}.site-studio-toolbar-btn:disabled{opacity:.45;cursor:not-allowed}.site-studio-toolbar-btn.is-secondary{color:var(--text);border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff73}.site-studio-toolbar-btn.is-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--accent-soft) 48%, var(--bg-elevated));border-color:color-mix(in srgb, var(--accent) 32%, var(--border-strong));box-shadow:0 1px 0 #fff9 inset, 0 8px 18px -12px color-mix(in srgb, var(--accent) 32%, transparent);transform:translateY(-1px)}.site-studio-toolbar-btn.is-secondary:active:not(:disabled){background:color-mix(in srgb, var(--accent-soft) 62%, var(--bg-elevated));transform:translateY(0);box-shadow:inset 0 1px #fff6}.site-studio-toolbar-btn.is-primary{color:var(--text-on-accent,#fff);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 92%, #fff), var(--accent));box-shadow:0 1px 0 #ffffff38 inset, 0 10px 22px -12px color-mix(in srgb, var(--accent) 65%, transparent);padding:8px 16px}.site-studio-toolbar-btn.is-primary:hover:not(:disabled){background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 72%, #fff), color-mix(in srgb, var(--accent) 94%, var(--accent-hover)));box-shadow:0 1px 0 #ffffff52 inset, 0 14px 28px -14px color-mix(in srgb, var(--accent) 68%, transparent);transform:translateY(-1px)}.site-studio-toolbar-btn.is-primary:active:not(:disabled){background:linear-gradient(160deg, var(--accent), var(--accent-hover));box-shadow:0 1px 0 #ffffff1f inset, 0 8px 16px -12px color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(0)}.site-studio-icon-btn:hover:not(:disabled) .site-studio-glyph.is-back svg{transform:translate(-3px)}.site-studio-icon-btn:hover:not(:disabled) .site-studio-glyph.is-refresh svg{transform:rotate(70deg)}.site-studio-icon-btn:hover:not(:disabled) .site-studio-glyph.is-external svg{transform:translate(1.5px,-1.5px)}.site-studio-icon-btn:hover:not(:disabled) .site-studio-glyph.is-globe svg{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 35%, transparent));transform:scale(1.06)}.site-studio-icon-btn:hover:not(:disabled) .site-studio-glyph.is-trash svg{opacity:.85;transform:translateY(1px)}.site-studio-toolbar-btn:hover:not(:disabled) .site-studio-glyph.is-save svg{transform:translateY(-1px)scale(1.06)}.site-studio-toolbar-btn:hover:not(:disabled) .site-studio-glyph.is-publish svg{transform:translateY(-2px)scale(1.05)}.site-studio-toolbar-btn:active:not(:disabled) .site-studio-glyph.is-save svg,.site-studio-toolbar-btn:active:not(:disabled) .site-studio-glyph.is-publish svg{transform:none}button:hover:not(:disabled) .site-studio-glyph.is-sparkles{animation:.7s ease-in-out site-studio-twinkle}button:hover:not(:disabled) .site-studio-glyph.is-sparkles svg{transform:scale(1.05)}button:hover:not(:disabled) .site-studio-glyph.is-undo svg{transform:rotate(-14deg)}button:hover:not(:disabled) .site-studio-glyph.is-check svg{transform:scale(1.08)}.site-studio-chat-send:hover:not(:disabled) .site-studio-glyph.is-send svg{transform:translate(2px,-2px)}.site-studio-chat-send:active:not(:disabled) .site-studio-glyph.is-send svg{transform:translate(0)}.site-studio-toolbar-brand{align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:650;display:inline-flex}.site-studio-toolbar-brand>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-studio-toolbar-divider{background:var(--border);width:1px;height:22px;margin:0 2px}.site-studio-toolbar .sliding-switch,.site-studio-side-panel-header .sliding-switch{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg-elevated) 62%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:inset 0 1px #ffffff8c}.site-studio-toolbar .sliding-switch-pill,.site-studio-side-panel-header .sliding-switch-pill{border-radius:11px}.site-studio-toolbar .sliding-switch-btn,.site-studio-side-panel-header .sliding-switch-btn{border-radius:11px;padding:7px 12px;transition:color .2s cubic-bezier(.22,1,.36,1)}.site-studio-toolbar .sliding-switch-btn:hover:not(.is-active),.site-studio-side-panel-header .sliding-switch-btn:hover:not(.is-active){color:var(--text)}.site-studio-viewport-switch .sliding-switch-btn svg{transform-origin:50%;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .24s cubic-bezier(.22,1,.36,1)}.site-studio-viewport-switch .sliding-switch-btn:not(.is-active) svg{opacity:.55;transform:scale(.94)}.site-studio-viewport-switch .sliding-switch-btn.is-active svg{opacity:1;transform:scale(1.06)}.site-studio-viewport-switch .sliding-switch-btn:hover:not(.is-active) svg{opacity:.8;transform:scale(1)}.site-studio-side-panel-header .sliding-switch-btn svg{transform-origin:50%;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s}.site-studio-side-panel-header .sliding-switch-btn:not(.is-active) svg{opacity:.65;transform:scale(.96)}.site-studio-side-panel-header .sliding-switch-btn.is-active svg{opacity:1;transform:scale(1.04)}.site-studio-icon-btn{border:1px solid color-mix(in srgb, var(--border-strong) 55%, transparent);background:color-mix(in srgb, var(--bg-elevated) 55%, transparent);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;place-items:center;padding:0;transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),opacity .16s cubic-bezier(.22,1,.36,1);display:inline-grid}.site-studio-icon-btn svg{display:block}.site-studio-icon-btn:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--bg-elevated) 94%, transparent);border-color:color-mix(in srgb, var(--border-strong) 88%, transparent);box-shadow:inset 0 1px #ffffff80}.site-studio-icon-btn:active:not(:disabled) svg,.site-studio-icon-btn:active:not(:disabled) .site-studio-glyph svg{transition-duration:90ms;transform:scale(.9)}.site-studio-icon-btn:disabled{opacity:.45;cursor:not-allowed}.site-studio-icon-btn.is-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 28%, var(--border));background:color-mix(in srgb, var(--danger) 5%, transparent)}.site-studio-icon-btn.is-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 12%, var(--bg-elevated));border-color:color-mix(in srgb, var(--danger) 48%, var(--border))}.site-studio-icon-btn.is-select-active{color:var(--accent)}.site-studio-icon-btn.is-select-active:hover:not(:disabled){color:var(--accent-hover)}.site-studio-icon-btn:hover:not(:disabled) .site-studio-glyph.is-select svg{transform:scale(1.08)}.site-studio-status-pill{border-radius:var(--radius-pill);letter-spacing:.02em;text-transform:uppercase;background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--text-secondary);align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:650;display:inline-flex}.site-studio-status-pill.is-running{background:color-mix(in srgb, var(--success,#1f7a4d) 14%, transparent);color:var(--success,#1f7a4d)}.site-studio-status-pill.is-starting,.site-studio-status-pill.is-idle{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-text)}.site-studio-banner-row{gap:6px;padding:8px 16px 0;display:grid}.site-studio-page-alert{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin:0;padding:9px 12px;font-size:13px;animation:.28s cubic-bezier(.22,1,.36,1) both site-studio-alert-in}.site-studio-page-alert.is-error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:color-mix(in srgb, var(--danger) 6%, var(--bg-elevated))}.site-studio-page-alert.is-ok{color:var(--success,#1f7a4d);border-color:color-mix(in srgb, var(--success,#1f7a4d) 35%, var(--border));background:color-mix(in srgb, var(--success,#1f7a4d) 6%, var(--bg-elevated))}.site-studio-editor-layout{flex:1;grid-template-columns:minmax(340px,400px) minmax(0,1fr);gap:16px;min-height:0;padding:8px 16px 16px;display:grid;overflow:hidden}@media (width<=960px){.site-studio-toolbar{grid-template-columns:1fr;justify-items:stretch}.site-studio-toolbar-preview-row{grid-template-columns:1fr}.site-studio-toolbar-left,.site-studio-toolbar-center,.site-studio-toolbar-right{flex-wrap:wrap;justify-content:flex-start}.site-studio-toolbar-right{justify-content:flex-start}.site-studio-editor-layout{grid-template-rows:minmax(280px,42vh) minmax(0,1fr);grid-template-columns:1fr}}.site-studio-side-panel{height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);animation:.56s cubic-bezier(.22,1,.36,1) 40ms both site-studio-from-left;display:grid;overflow:hidden}.site-studio-side-panel.has-config-footer{grid-template-rows:auto minmax(0,1fr) auto}.site-studio-side-panel-header{background:0 0;border-bottom:0;flex-direction:column;flex-shrink:0;align-items:stretch;gap:10px;padding:4px 4px 10px;display:flex}.site-studio-side-panel-tools{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.site-studio-side-panel-history{flex:none;align-items:center;gap:6px;display:flex}.site-studio-side-panel-regen{flex:none;padding:7px 12px;font-size:13px}.site-studio-side-panel-tabs{align-items:center;min-width:0;display:flex}.site-studio-side-panel-tabs .sliding-switch{width:fit-content;max-width:100%}.site-studio-side-panel-header-left{flex:auto;align-items:center;min-width:0;display:flex}.site-studio-side-panel-header-right{flex:none;align-items:center;gap:8px;margin-left:auto;animation:.32s cubic-bezier(.22,1,.36,1) both site-studio-fade-rise;display:flex}.site-studio-side-panel-footer{background:0 0;border-top:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 4px 4px;animation:.28s cubic-bezier(.22,1,.36,1) both site-studio-footer-in;display:flex}.site-studio-side-panel-scroll{height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.site-studio-side-panel-pane{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;height:100%;min-height:0;transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s;display:grid;overflow:hidden;transform:translate(0)}.site-studio-side-panel-pane.is-chat:not(.is-active){transform:translate(-14px)scale(.985)}.site-studio-side-panel-pane.is-config:not(.is-active),.site-studio-side-panel-pane.is-brand:not(.is-active){transform:translate(14px)scale(.985)}.site-studio-side-panel-pane.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1),visibility linear;transform:translate(0)scale(1)}.site-studio-chat-done-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent);border-radius:999px;flex-shrink:0;animation:1.4s ease-out infinite site-studio-dot-pulse}.site-studio-side-panel-body{height:100%;min-height:0;padding:14px;overflow:auto}.site-studio-preview-shell{justify-content:center;align-items:stretch;min-width:0;height:100%;min-height:0;animation:.6s cubic-bezier(.22,1,.36,1) 80ms both site-studio-from-right;display:flex;overflow:hidden}.site-studio-preview-frame{border:1px solid color-mix(in srgb, var(--border) 75%, transparent);will-change:max-width, border-radius;background:#0f0a0c;border-radius:20px;width:100%;max-width:100%;height:100%;margin-inline:auto;transition:max-width .56s cubic-bezier(.32,.72,0,1),border-radius .56s cubic-bezier(.32,.72,0,1),box-shadow .56s cubic-bezier(.32,.72,0,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c,0 28px 64px -32px #280c1c61,0 10px 24px -16px #280c1c29}.site-studio-preview-frame.is-desktop{border-radius:20px;max-width:100%}.site-studio-preview-frame.is-mobile{border-radius:28px;max-width:390px;box-shadow:inset 0 1px #ffffff8c,0 32px 70px -28px #280c1c6b,0 12px 28px -14px #280c1c2e}.site-studio-preview-frame.is-switching .site-studio-preview-iframe{animation:.56s cubic-bezier(.22,1,.36,1) site-studio-preview-settle}.site-studio-preview-frame.is-loading .site-studio-preview-iframe{filter:saturate(.92)brightness(.985);opacity:.96}.site-studio-preview-iframe{background:#fff;border:0;width:100%;height:100%;transition:filter .28s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1)}.site-studio-preview-loading{background:radial-gradient(420px 240px at 50% 38%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 90%, transparent), color-mix(in srgb, var(--surface) 94%, transparent));color:var(--text);z-index:2;place-content:center;justify-items:center;gap:14px;animation:.24s cubic-bezier(.22,1,.36,1) both site-studio-fade-in;display:grid;position:absolute;inset:0}.site-studio-preview-loading-orbit{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;width:56px;height:56px;animation:1.8s ease-in-out infinite site-studio-orbit-breathe;display:grid;box-shadow:inset 0 1px #ffffffb3,0 12px 28px -14px #280c1c38}.site-studio-preview-loading p{margin:0;font-size:14px;font-weight:600;animation:.36s cubic-bezier(.22,1,.36,1) 80ms both site-studio-fade-rise}.site-studio-inline-loading{align-items:center;gap:10px;animation:.32s cubic-bezier(.22,1,.36,1) both site-studio-fade-rise;display:flex}.site-studio-config-panel{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.site-studio-config-feedback{flex-shrink:0;margin:0;padding:8px 14px;font-size:13px}.site-studio-config-feedback.is-ok{color:var(--success,#1f7a4d)}.site-studio-config-feedback.is-error{color:var(--danger)}.site-studio-config-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:24px;display:grid}.site-studio-config-grid.is-panel{overscroll-behavior:contain;flex:1;grid-template-columns:1fr;gap:10px;min-height:0;margin-top:0;padding:12px 14px 16px;overflow:auto}.site-studio-brand-editor{gap:18px}.site-studio-brand-editor-section{border-bottom:1px solid color-mix(in srgb, var(--border,#d8d8d8) 80%, transparent);gap:12px;padding:0 0 16px;display:grid}.site-studio-brand-editor-section:last-child{border-bottom:0;padding-bottom:0}.site-studio-brand-editor-section h3{letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin:0;font-size:12px;font-weight:650}.site-studio-brand-section-head{justify-content:flex-start;align-items:center;gap:10px;display:flex}.site-studio-brand-logo-preview{border:1px solid color-mix(in srgb, var(--border,#d8d8d8) 85%, transparent);border-radius:var(--radius,10px);background-color:#f3f4f6;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;min-height:160px;padding:24px;display:grid;overflow:hidden}.site-studio-brand-logo-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:120px;display:block}.site-studio-brand-logo-preview span{opacity:.55;font-size:13px}.site-studio-brand-color-grid{border:1.5px solid var(--border);border-radius:var(--radius,10px);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:140px;display:grid;overflow:hidden}.site-studio-brand-color-field{text-align:left;cursor:pointer;min-width:0;min-height:88px;font:inherit;border:1px solid #00000014;border-top:0;border-left:0;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px;display:flex}.site-studio-brand-color-field:nth-child(2n){border-right:0}.site-studio-brand-color-field:nth-last-child(-n+2){border-bottom:0}.site-studio-brand-color-field strong{font-size:12px;font-weight:700}.site-studio-brand-color-field code{opacity:.85;font-size:11px}.site-studio-side-panel-pane.is-config.is-active .site-studio-config-field{animation:.36s cubic-bezier(.22,1,.36,1) backwards site-studio-fade-in}.site-studio-side-panel-pane.is-config.is-active .site-studio-config-field:first-child{animation-delay:30ms}.site-studio-side-panel-pane.is-config.is-active .site-studio-config-field:nth-child(2){animation-delay:60ms}.site-studio-side-panel-pane.is-config.is-active .site-studio-config-field:nth-child(3){animation-delay:90ms}.site-studio-side-panel-pane.is-config.is-active .site-studio-config-field:nth-child(4){animation-delay:.12s}.site-studio-side-panel-pane.is-config.is-active .site-studio-config-field:nth-child(5){animation-delay:.15s}.site-studio-side-panel-pane.is-config.is-active .site-studio-config-field:nth-child(6){animation-delay:.18s}.site-studio-side-panel-pane.is-config.is-active .site-studio-config-field:nth-child(n+7){animation-delay:.2s}.site-studio-config-field{border:1px solid #0000;border-radius:14px;gap:8px;padding:12px;transition:border-color .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(0)}.site-studio-config-field:hover{background:color-mix(in srgb, var(--text) 2.5%, transparent);transform:translateY(-2px)}.site-studio-config-field.is-selected{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent) 7%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(0)}.site-studio-config-textarea{gap:6px;display:grid}.site-studio-config-textarea span,.site-studio-config-field>label{color:var(--text-secondary);font-size:13px}.site-studio-config-textarea textarea{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);width:100%;color:inherit;font:inherit;resize:vertical;transition:border-color var(--transition), box-shadow var(--transition);border-radius:12px;padding:10px 12px}.site-studio-config-textarea textarea:focus{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 0 0 3px var(--accent-ring);outline:none}.site-studio-config-thumb{aspect-ratio:16/10;object-fit:cover;background:var(--bg);border:1px solid var(--border);border-radius:12px;width:100%}.site-studio-config-thumb.is-empty{color:var(--text-tertiary);place-items:center;font-size:13px;display:grid}.site-studio-config-image-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.site-studio-config-image-actions .btn,.site-studio-config-image-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;width:100%;padding-left:8px;padding-right:8px;display:inline-flex}.site-studio-config-image-actions>.site-studio-config-upload-btn{grid-column:1/-1}.site-studio-brand-editor .site-studio-config-image-actions{grid-template-columns:1fr}.site-studio-brand-editor .site-studio-config-image-actions>.site-studio-config-upload-btn{grid-column:auto}.site-studio-gallery-switch.sliding-switch{scrollbar-width:none;border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg-elevated) 62%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-wrap:nowrap;width:100%;max-width:100%;overflow-x:auto;box-shadow:inset 0 1px #ffffff8c}.site-studio-gallery-switch.sliding-switch::-webkit-scrollbar{display:none}.site-studio-gallery-switch .sliding-switch-pill{border-radius:11px}.site-studio-gallery-switch .sliding-switch-btn{white-space:nowrap;border-radius:11px;flex:none;padding:7px 12px;transition:color .2s cubic-bezier(.22,1,.36,1)}.site-studio-gallery-switch .sliding-switch-btn:hover:not(.is-active){color:var(--text)}.site-studio-config-upload-btn{box-sizing:border-box;border:1.5px dashed color-mix(in srgb, var(--border-strong) 85%, var(--accent));background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 7%, var(--bg-elevated)), color-mix(in srgb, var(--bg-elevated) 92%, transparent));width:100%;min-height:56px;color:var(--text);cursor:pointer;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;transition:border-color .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.site-studio-config-upload-btn:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 12%, var(--bg-elevated)), color-mix(in srgb, var(--bg-elevated) 96%, transparent));box-shadow:0 10px 22px -16px color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-1px)}.site-studio-config-upload-btn:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 0 3px var(--accent-ring)}.site-studio-config-upload-btn__icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:34px;height:34px;color:var(--accent);border-radius:11px;flex-shrink:0;place-items:center;display:inline-grid}.site-studio-config-upload-btn__copy{gap:2px;min-width:0;display:grid}.site-studio-config-upload-btn__copy strong{letter-spacing:-.01em;font-size:13.5px;font-weight:650}.site-studio-config-upload-btn__copy em{color:var(--text-secondary);font-size:12px;font-style:normal}.site-studio-config-upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.site-studio-image-screen{grid-template-rows:auto minmax(0,1fr);gap:14px;height:100%;min-height:0;padding:4px 2px 10px;animation:.32s cubic-bezier(.22,1,.36,1) both site-studio-fade-rise;display:grid}.site-studio-image-screen.has-bottombar{grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:0}.site-studio-image-screen.is-pixabay,.site-studio-image-screen.is-gallery{grid-template-rows:auto minmax(0,1fr)}.site-studio-image-screen.is-pixabay.has-bottombar,.site-studio-image-screen.is-gallery.has-bottombar{grid-template-rows:auto minmax(0,1fr) auto}.site-studio-image-screen__top{flex-shrink:0;gap:12px;min-width:0;display:grid}.site-studio-image-screen__header{gap:8px;display:grid}.site-studio-image-screen__header.is-row{align-items:center;gap:8px;display:flex}.site-studio-image-screen__actions .btn,.site-studio-image-screen__actions button,.site-studio-image-screen__bottombar .btn,.site-studio-image-screen__bottombar button,.site-studio-pixabay-search .btn,.site-studio-pixabay-search button{align-items:center;gap:8px;display:inline-flex}.site-studio-image-screen__header h3{margin:0;font-size:1.05rem}.site-studio-image-screen__back{width:fit-content;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.site-studio-image-screen__back:hover{color:var(--text)}.site-studio-image-screen__body{align-content:start;gap:12px;min-height:0;display:grid;overflow:auto}.site-studio-image-screen__results{overscroll-behavior:contain;align-content:start;gap:12px;min-height:0;padding-right:2px;display:grid;overflow:auto}.site-studio-image-screen__loading{text-align:center;place-content:center;justify-items:center;gap:10px;min-height:220px;display:grid}.site-studio-image-screen__loading h4{margin:0}.site-studio-image-screen__spinner{width:40px;height:40px;color:var(--accent);transform-origin:50%;place-items:center;animation:.9s linear infinite site-studio-spin;display:inline-grid}.site-studio-image-screen__spinner svg{display:block;animation:none!important}.site-studio-image-screen__loading-step{min-height:1.4em;margin:0}.site-studio-image-screen__saved{color:var(--success,#1f7a4d);margin:0}.site-studio-image-screen__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.site-studio-image-screen__actions.is-result{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:8px;display:grid}.site-studio-image-screen__actions.is-result .btn,.site-studio-image-screen__actions.is-result button{white-space:nowrap;justify-content:center;width:100%;padding-left:10px;padding-right:10px}.site-studio-image-screen__advanced-toggle{color:var(--text-secondary);text-align:left;font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.site-studio-image-screen__advanced{gap:10px;display:grid}.site-studio-image-screen__select{color:var(--text-secondary);gap:6px;font-size:13px;display:grid}.site-studio-image-screen__select select{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);width:100%;color:inherit;font:inherit;border-radius:12px;padding:10px 12px}.site-studio-image-screen__bottombar{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:1fr 1fr;gap:8px;padding:10px 2px 4px;display:grid}.site-studio-image-screen__bottombar .btn,.site-studio-image-screen__bottombar button{justify-content:center;width:100%}.site-studio-image-screen__preview{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);background:var(--bg);border-radius:14px;width:100%}.site-studio-pixabay-search{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;display:grid}.site-studio-pixabay-search .site-studio-icon-btn{justify-content:center;align-self:end;place-items:center;gap:0;width:40px;height:40px;margin-bottom:0;display:inline-grid}.site-studio-pixabay-selected{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--bg) 70%, transparent);box-shadow:0 10px 28px -18px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:14px;position:relative;overflow:hidden}.site-studio-pixabay-selected img{object-fit:cover;background:var(--bg);width:100%;max-height:min(180px,28vh);display:block}.site-studio-pixabay-selected__busy{color:#fff;background:#111111b8;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex;position:absolute;inset:auto 10px 10px auto}.site-studio-pixabay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.site-studio-pixabay-card{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);color:inherit;cursor:pointer;transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);border-radius:12px;padding:0;display:block;overflow:hidden}.site-studio-pixabay-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.site-studio-pixabay-card.is-selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent)}.site-studio-pixabay-card:disabled{opacity:.7;cursor:wait}.site-studio-pixabay-card img{aspect-ratio:4/3;object-fit:cover;background:var(--bg);width:100%;display:block}.site-studio-chat-body{grid-template-rows:minmax(0,1fr) auto;gap:0;height:100%;min-height:0;display:grid;overflow:hidden}.site-studio-chat-list{overscroll-behavior:contain;align-content:start;gap:12px;min-height:0;padding:8px 4px 14px;display:grid;overflow:auto}.site-studio-chat-empty{animation:.42s cubic-bezier(.22,1,.36,1) both site-studio-fade-rise}.site-studio-chat-row{width:100%;min-width:0}.site-studio-chat-row.is-user{animation:.34s cubic-bezier(.22,1,.36,1) both site-studio-msg-from-right}.site-studio-chat-row.is-assistant,.site-studio-chat-row.is-system{animation:.36s cubic-bezier(.22,1,.36,1) both site-studio-msg-from-left}.site-studio-chat-bubble{letter-spacing:-.01em;overflow-wrap:anywhere;border-radius:16px;width:100%;padding:11px 13px;font-size:14px;line-height:1.5;position:relative}.site-studio-chat-bubble-main{align-items:flex-start;gap:8px;display:flex}.site-studio-chat-bubble-text{white-space:pre-wrap;flex:1;min-width:0}.site-studio-chat-plain{width:100%;min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:14px;line-height:1.5}.site-studio-chat-plain.is-system{color:var(--danger)}.site-studio-chat-plain .chat-markdown{font-size:inherit;line-height:inherit}.site-studio-chat-plain .chat-markdown p{margin:0 0 8px}.site-studio-chat-plain .chat-markdown p:last-child{margin-bottom:0}.site-studio-chat-bubble-actions{flex-shrink:0;align-items:center;gap:4px;margin-top:1px;display:inline-flex}.site-studio-chat-action{background:color-mix(in srgb, var(--bg) 55%, transparent);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;transition:color .16s cubic-bezier(.22,1,.36,1),background .16s cubic-bezier(.22,1,.36,1),opacity .16s cubic-bezier(.22,1,.36,1);display:inline-flex}.site-studio-chat-action svg{transition:transform .26s cubic-bezier(.22,1,.36,1);display:block}.site-studio-chat-action:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--accent) 12%, var(--bg-elevated))}.site-studio-chat-action:hover:not(:disabled) svg{transform:rotate(-12deg)}.site-studio-chat-action.is-stop:hover:not(:disabled) svg{transform:scale(1.06)}.site-studio-chat-action:active:not(:disabled) svg{transition-duration:90ms;transform:scale(.94)}.site-studio-chat-action.is-stop{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--bg-elevated))}.site-studio-chat-action.is-stop:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 18%, var(--bg-elevated))}.site-studio-chat-action:disabled{opacity:.4;cursor:default}.site-studio-chat-status{max-width:100%;color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-style:italic;line-height:1.4;animation:.22s cubic-bezier(.22,1,.36,1) both site-studio-status-in;display:inline-flex}.site-studio-chat-done{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;line-height:1.4;animation:.32s cubic-bezier(.22,1,.36,1) both site-studio-done-in;display:inline-flex}.site-studio-chat-bubble.is-user{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 16%, transparent), color-mix(in srgb, var(--accent) 8%, transparent));color:var(--text);border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);gap:8px;display:grid}.site-studio-chat-error{color:var(--danger);margin:0;padding:0 0 8px;font-size:13px;animation:.26s cubic-bezier(.22,1,.36,1) both site-studio-alert-in}.site-studio-chat-suggest{color:var(--accent-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 8px;font-size:13px;font-weight:600;transition:color .18s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);animation:.28s cubic-bezier(.22,1,.36,1) backwards site-studio-fade-in;transform:translate(0)}.site-studio-chat-suggest:hover:not(:disabled){color:var(--accent-hover);transform:translate(3px)}.site-studio-chat-footer{min-width:0;padding:4px;animation:.48s cubic-bezier(.22,1,.36,1) .12s both site-studio-compose-in;display:grid}.site-studio-chat-footer>.site-studio-chat-error,.site-studio-chat-footer>.site-studio-chat-suggest{padding-left:4px;padding-right:4px}.site-studio-chat-queue{gap:4px;min-width:0;margin:0 0 8px;padding:4px;display:grid}.site-studio-chat-queue-item{border:1px solid color-mix(in srgb, var(--border) 65%, transparent);background:color-mix(in srgb, var(--bg-elevated) 78%, transparent);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:grid}.site-studio-chat-queue-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:color-mix(in srgb, var(--text) 78%, transparent);font-size:12.5px;line-height:1.35;overflow:hidden}.site-studio-chat-queue-actions{flex-shrink:0;align-items:center;gap:1px;display:inline-flex}.site-studio-chat-queue-action{width:24px;height:24px;color:color-mix(in srgb, var(--text-muted,var(--text)) 72%, transparent);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;transition:color .16s cubic-bezier(.22,1,.36,1),background .16s cubic-bezier(.22,1,.36,1);display:inline-grid}.site-studio-chat-queue-action:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--text) 7%, transparent)}.site-studio-chat-queue-action.is-remove:hover:not(:disabled){color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.site-studio-chat-queue-action:disabled{opacity:.28;cursor:not-allowed}.site-studio-chat-queue-action svg{display:block}.site-studio-chat-compose{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;gap:8px;margin:0;padding:11px 11px 10px;transition:border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),background .22s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:inset 0 1px #ffffff8c,0 10px 28px -18px #280c1c2e}.site-studio-chat-compose:focus-within{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);box-shadow:0 1px 0 #ffffffb3 inset, 0 0 0 3px var(--accent-ring), 0 14px 32px -18px #280c1c38}.site-studio-chat-compose textarea{width:100%;color:inherit;font:inherit;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:border-box;background:0 0;border:0;border-radius:0;min-height:24px;max-height:180px;padding:4px 4px 0;line-height:1.45;overflow:hidden auto}.site-studio-chat-compose textarea:focus{box-shadow:none;border:0;outline:none}.site-studio-chat-compose-previews{flex-wrap:wrap;gap:6px;min-width:0;padding:0 2px;display:flex}.site-studio-chat-compose-preview{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:10px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.site-studio-chat-compose-preview img{object-fit:cover;width:100%;height:100%;display:block}.site-studio-chat-compose-preview.is-uploading{opacity:.72}.site-studio-chat-compose-preview.is-error{border-color:color-mix(in srgb, var(--danger) 55%, var(--border))}.site-studio-chat-compose-preview-busy,.site-studio-chat-compose-preview-remove{color:#fff;background:#111111b8;border:0;border-radius:999px;place-items:center;width:18px;height:18px;padding:0;display:inline-grid;position:absolute;inset:auto 3px 3px auto}.site-studio-chat-compose-preview-busy{background:#11111159;border-radius:0;width:auto;height:auto;inset:0}.site-studio-chat-compose-preview-remove{cursor:pointer;transition:background .16s cubic-bezier(.22,1,.36,1)}.site-studio-chat-compose-preview-remove:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 82%, #111)}.site-studio-chat-compose-preview-remove:disabled{opacity:.4;cursor:not-allowed}.site-studio-chat-compose-bar{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.site-studio-chat-attach{width:36px;height:36px;color:color-mix(in srgb, var(--text-muted,var(--text)) 78%, transparent);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-shrink:0;place-items:center;transition:color .16s cubic-bezier(.22,1,.36,1),background .16s cubic-bezier(.22,1,.36,1);display:inline-grid}.site-studio-chat-attach:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--text) 7%, transparent)}.site-studio-chat-attach:disabled{opacity:.42;cursor:not-allowed}.site-studio-chat-send{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 92%, #fff), var(--accent));width:36px;height:36px;color:var(--text-on-accent,#fff);cursor:pointer;box-shadow:0 8px 18px -10px color-mix(in srgb, var(--accent) 70%, transparent);border:0;border-radius:12px;flex-shrink:0;place-items:center;margin-left:auto;transition:background .18s cubic-bezier(.22,1,.36,1),opacity .16s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);display:inline-grid}.site-studio-chat-send:hover:not(:disabled){background:linear-gradient(160deg, var(--accent), var(--accent-hover));box-shadow:0 14px 24px -10px color-mix(in srgb, var(--accent) 78%, transparent)}.site-studio-chat-send:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.site-studio-chat-bubble-attachments{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.site-studio-chat-bubble-thumb{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:12px;flex-shrink:0;width:72px;height:72px;transition:transform .16s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}.site-studio-chat-bubble-thumb img{object-fit:cover;width:100%;height:100%;display:block}.site-studio-chat-bubble-thumb:hover{transform:scale(1.03)}.site-studio-chat-queue-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.site-studio-chat-queue-thumbs{flex-shrink:0;gap:3px;display:flex}.site-studio-chat-queue-thumbs img{object-fit:cover;border-radius:6px;width:22px;height:22px;display:block}@keyframes site-studio-fade-in{0%{opacity:0}to{opacity:1}}@keyframes site-studio-glyph-swap{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes site-studio-twinkle{0%,to{filter:drop-shadow(0 0 #0000)}45%{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--accent) 55%, transparent))}}@keyframes site-studio-preview-settle{0%{opacity:.82;filter:blur(1.5px)}to{opacity:1;filter:blur()}}@keyframes site-studio-drop-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes site-studio-from-left{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes site-studio-from-right{0%{opacity:0;transform:translate(22px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes site-studio-spin{to{transform:rotate(360deg)}}@keyframes site-studio-fade-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes site-studio-pop-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes site-studio-compose-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes site-studio-msg-from-right{0%{opacity:0;transform:translate(12px)translateY(4px)scale(.98)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}@keyframes site-studio-msg-from-left{0%{opacity:0;transform:translate(-10px)translateY(4px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes site-studio-status-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes site-studio-done-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes site-studio-alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes site-studio-footer-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes site-studio-orbit-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes site-studio-dot-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.site-studio-toolbar,.site-studio-toolbar-nav .site-studio-icon-btn,.site-studio-toolbar-left .site-studio-icon-btn,.site-studio-toolbar-center,.site-studio-toolbar-right,.site-studio-toolbar-btn,.site-studio-side-panel,.site-studio-side-panel-header-right,.site-studio-side-panel-footer,.site-studio-side-panel-pane,.site-studio-side-panel-pane.is-config.is-active .site-studio-config-field,.site-studio-preview-shell,.site-studio-preview-loading,.site-studio-preview-loading-orbit,.site-studio-preview-loading p,.site-studio-page-alert,.site-studio-chat-empty,.site-studio-chat-row,.site-studio-chat-status,.site-studio-chat-done,.site-studio-chat-error,.site-studio-chat-suggest,.site-studio-chat-footer,.site-studio-chat-queue,.site-studio-chat-queue-item,.site-studio-chat-queue-action,.site-studio-chat-action,.site-studio-chat-action svg,.site-studio-inline-loading,.site-studio-image-screen__spinner,.site-studio-template-card,.site-studio-preview-frame,.site-studio-preview-iframe,.site-studio-icon-btn,.site-studio-chat-compose,.site-studio-chat-compose-bar,.site-studio-chat-attach,.site-studio-chat-send,.site-studio-chat-compose-preview,.site-studio-chat-compose-preview-remove,.site-studio-config-field,.site-studio-toolbar .sliding-switch-btn,.site-studio-side-panel-header .sliding-switch-btn,.site-studio-glyph,.site-studio-glyph-face,.site-studio-glyph svg,.site-studio-viewport-switch .sliding-switch-btn svg,.site-studio-side-panel-header .sliding-switch-btn svg{filter:none!important;transition:none!important;animation:none!important}.site-studio-side-panel-pane:not(.is-active){display:none}.site-studio-side-panel-pane.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}}