*,*:before,*:after{box-sizing:border-box}:root{--bg: #f4f7f4;--bg-2: #edf3ef;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--surface-muted: #f8faf8;--surface-soft: #f1f5f2;--border: #d8e1da;--border-strong: #bac9bd;--text: #101828;--text-2: #1d2939;--text-muted: #475467;--text-faint: #667085;--accent: #0f7b50;--accent-mid: #12a062;--accent-strong: #12b76a;--accent-soft: rgba(18, 160, 98, .12);--accent-glow: rgba(15, 123, 80, .22);--success: #079455;--success-bg: rgba(7, 148, 85, .1);--warning: #b54708;--warning-bg: rgba(181, 71, 8, .12);--danger: #d92d20;--danger-bg: rgba(217, 45, 32, .1);--info: #175cd3;--info-bg: rgba(23, 92, 211, .1);--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 4px 10px rgba(16, 24, 40, .06);--shadow-md: 0 12px 28px rgba(16, 24, 40, .08);--shadow-lg: 0 24px 56px rgba(16, 24, 40, .12);--shadow-button: 0 10px 24px rgba(15, 123, 80, .24);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 999px;--app-bar-h: 62px;--editor-current-width: 420px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg: #07110d;--bg-2: #0c1712;--surface: rgba(9, 18, 14, .88);--surface-strong: #101915;--surface-muted: #101d18;--surface-soft: #13231b;--border: #20352b;--border-strong: #2e473a;--text: #f2f4f7;--text-2: #eaecf0;--text-muted: #98a2b3;--text-faint: #667085;--accent: #39d98a;--accent-mid: #22c55e;--accent-strong: #32d583;--accent-soft: rgba(93, 212, 154, .12);--accent-glow: rgba(93, 212, 154, .2);--success: #32d583;--success-bg: rgba(93, 212, 154, .12);--warning: #f0c55a;--warning-bg: rgba(240, 197, 90, .12);--danger: #f97066;--danger-bg: rgba(249, 112, 102, .14);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .28);--shadow-sm: 0 4px 10px rgba(0, 0, 0, .34);--shadow-md: 0 12px 28px rgba(0, 0, 0, .38);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .48);--shadow-button: 0 10px 24px rgba(93, 212, 154, .2)}html,body{margin:0;min-height:100%;height:100%;overflow:hidden}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";background-color:var(--bg);background-image:radial-gradient(ellipse 90% 62% at 100% -10%,rgba(18,160,98,.16),transparent),radial-gradient(ellipse 58% 44% at 0% 16%,rgba(18,183,106,.1),transparent),radial-gradient(ellipse 110% 68% at 50% 110%,rgba(15,123,80,.08),transparent);background-attachment:fixed;color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer}code,pre{font-family:SF Mono,ui-monospace,Cascadia Code,Menlo,monospace}select,input,textarea{appearance:none;-webkit-appearance:none}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden}.app-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;height:var(--app-bar-h);padding:0 16px;background:color-mix(in srgb,var(--surface-strong),transparent 22%);border-bottom:1px solid color-mix(in srgb,var(--border),transparent 8%);box-shadow:0 1px #10182805;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}.app-bar__brand{display:flex;align-items:center;gap:10px;flex-shrink:0}body[data-embed-context=workspace] .app-bar__logo{display:none}body[data-embed-context=workspace] .app-bar__brand{gap:0}.app-bar__logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border),transparent 8%);background:color-mix(in srgb,var(--surface-strong),transparent 6%);box-shadow:var(--shadow-sm);flex-shrink:0}.app-bar__logo img{display:block;width:100%;height:100%;object-fit:cover}.app-bar__brand-text{display:flex;flex-direction:column;gap:1px;line-height:1.1}.app-bar__eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.app-bar__title{font-size:.96rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.app-bar__site-info{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.site-info-pill{display:inline-flex;align-items:center;gap:10px;max-width:520px;padding:6px 10px 6px 14px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--border),transparent 6%);background:color-mix(in srgb,var(--surface-strong),transparent 12%);box-shadow:inset 0 1px #fff9}.site-info-pill__url{font-size:.82rem;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.app-bar__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.app-bar__mobile-toggle{display:none;position:relative;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-muted);padding:0;flex-shrink:0}.app-bar__mobile-toggle svg{width:18px;height:18px}.app-bar__mobile-toggle-icon{position:absolute;transition:opacity .18s ease,transform .18s ease}.app-bar__mobile-toggle-icon--editor,.app.panel-collapsed .app-bar__mobile-toggle-icon--preview{opacity:0;transform:scale(.82)}.app.panel-collapsed .app-bar__mobile-toggle-icon--editor{opacity:1;transform:scale(1)}.app-bar__mobile-toggle[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent),transparent 68%);background:var(--accent-soft);color:var(--accent)}.mobile-workspace-toggle{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:120;display:none;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 18px;border:1px solid color-mix(in srgb,var(--border),transparent 6%);border-radius:999px;background:color-mix(in srgb,var(--surface-strong),transparent 10%);box-shadow:var(--shadow-lg);color:var(--text);transform:translate(-50%);backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.mobile-workspace-toggle:hover{transform:translate(-50%) translateY(-1px);border-color:color-mix(in srgb,var(--accent),transparent 74%);box-shadow:0 18px 36px #10182829}.mobile-workspace-toggle__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--accent)}.mobile-workspace-toggle__icon svg{width:20px;height:20px}.mobile-workspace-toggle__label{white-space:nowrap;font-size:.82rem;font-weight:800;letter-spacing:-.01em}.app-bar__divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.resize-handle{position:absolute;top:50%;right:-16px;width:28px;height:84px;z-index:50;cursor:col-resize;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);border:none;background:transparent;padding:0}.resize-handle:before{content:none}.resize-handle__grip{display:grid;gap:4px;justify-items:center;width:18px;padding:12px 0;border-radius:999px;border:1px solid color-mix(in srgb,var(--border),transparent 4%);background:#fffffff5;box-shadow:var(--shadow-sm);transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.resize-handle__grip span{display:block;width:4px;height:4px;border-radius:50%;background:var(--text-faint);transition:background-color .18s ease}.resize-handle:hover .resize-handle__grip,.resize-handle.is-dragging .resize-handle__grip{border-color:transparent;background:var(--accent);box-shadow:var(--shadow-button);transform:translate(2px)}.resize-handle:hover .resize-handle__grip span,.resize-handle.is-dragging .resize-handle__grip span{background:#fff}@media(max-width:768px){.resize-handle{display:none}}.app.panel-collapsed .workspace{grid-template-columns:0 minmax(0,1fr)!important;grid-template-areas:"editor preview"}.workspace{position:relative;flex:1;display:grid;gap:12px;padding:12px;grid-template-columns:minmax(0,var(--editor-current-width)) minmax(0,1fr);grid-template-areas:"editor preview";height:calc(100vh - var(--app-bar-h));height:calc(100dvh - var(--app-bar-h));overflow:hidden;transition:grid-template-columns .24s var(--ease-out)}.workspace-sidebar-toggle{position:absolute;top:20px;left:20px;z-index:105;display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--border),transparent 8%);border-radius:16px;background:#fffffff0;color:var(--text-muted);box-shadow:var(--shadow-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.workspace-sidebar-toggle:hover{color:var(--text);transform:translateY(-1px)}.workspace-sidebar-toggle svg{position:absolute;width:18px;height:18px;transition:opacity .18s ease,transform .18s ease}.app:not(.panel-collapsed) .workspace-sidebar-toggle__show,.app.panel-collapsed .workspace-sidebar-toggle__hide{opacity:0;transform:scale(.8)}.app:not(.panel-collapsed) .workspace-sidebar-toggle__hide,.app.panel-collapsed .workspace-sidebar-toggle__show{opacity:1;transform:scale(1)}.editor-panel{grid-area:editor;position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid color-mix(in srgb,var(--border),transparent 2%);border-radius:24px;background:color-mix(in srgb,var(--surface-strong),transparent 16%);box-shadow:var(--shadow-md);backdrop-filter:blur(18px) saturate(1.05);-webkit-backdrop-filter:blur(18px) saturate(1.05);overflow:hidden;transition:transform .24s var(--ease-out),opacity .18s ease,box-shadow .18s ease,border-color .18s ease}.app.panel-collapsed .editor-panel{opacity:0;pointer-events:none;transform:translate(-36px);box-shadow:none;border-color:transparent}.app.panel-collapsed .resize-handle{opacity:0;pointer-events:none}.editor-panel__inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:56px 16px 18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.editor-panel__inner::-webkit-scrollbar{width:4px}.editor-panel__inner::-webkit-scrollbar-track{background:transparent}.editor-panel__inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.config-form{display:flex;flex-direction:column;gap:6px;min-height:100%}.config-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:48px 24px;flex:1}.config-empty__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent);margin-bottom:4px}.config-empty__icon svg{width:24px;height:24px}.config-empty h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.config-empty p{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.55}.config-sections{display:flex;flex-direction:column;gap:6px}.config-accordion{overflow:visible;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--border),transparent 4%);background:color-mix(in srgb,var(--surface-strong),transparent 8%);box-shadow:var(--shadow-xs);transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.config-accordion[open]{border-color:color-mix(in srgb,var(--accent),white 80%);box-shadow:var(--shadow-sm)}.config-accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:calc(var(--radius-xl) - 1px);list-style:none;cursor:pointer;user-select:none;transition:background-color .12s ease,border-color .12s ease}.config-accordion__summary::-webkit-details-marker{display:none}.config-accordion__summary:hover{background:color-mix(in srgb,var(--accent-soft),white 38%)}.config-accordion[open] .config-accordion__summary{border-bottom:1px solid color-mix(in srgb,var(--border),transparent 12%);background:color-mix(in srgb,var(--accent-soft),white 24%);border-bottom-left-radius:0;border-bottom-right-radius:0}.config-accordion__summary-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.config-accordion__summary-copy strong{display:block;font-size:.9rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.config-accordion__summary-copy span:last-child{font-size:.78rem;line-height:1.4;color:var(--text-muted)}.config-accordion__summary-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.config-badge{display:inline-flex;align-items:center;width:fit-content;padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent),transparent 70%);color:var(--accent);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.config-summary-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--border),transparent 4%);background:var(--surface-strong);color:var(--text-muted);transition:transform .22s var(--ease-out),background-color .12s ease,border-color .12s ease;flex-shrink:0}.config-summary-arrow svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .22s var(--ease-out)}.config-accordion[open] .config-summary-arrow{background:var(--accent-soft);color:var(--accent)}.config-accordion[open] .config-summary-arrow svg{transform:rotate(180deg)}.config-accordion__body{display:flex;flex-direction:column;gap:14px;padding:16px 14px;animation:accordion-in .2s var(--ease-out)}@keyframes accordion-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.config-subsection{display:flex;flex-direction:column;gap:10px}.config-subsection__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.config-subsection__title{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.config-subsection__note{margin:0;font-size:.78rem;color:var(--text-muted);line-height:1.5}.translation-language-overview{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--border),transparent 8%);border-radius:var(--radius-lg);background:radial-gradient(circle at top left,rgba(18,160,98,.08),transparent 44%),linear-gradient(180deg,#fffffffa,#f7faf8fc);box-shadow:var(--shadow-xs)}.translation-language-overview__label{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.translation-language-overview__value{font-size:.92rem;font-weight:700;color:var(--text);letter-spacing:-.01em;text-align:right}.translation-language-editor,.translation-language-editor__list{display:flex;flex-direction:column;gap:14px}.translation-language-editor__empty{padding:16px;border:1px dashed color-mix(in srgb,var(--border),transparent 4%);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-soft),white 18%)}.translation-language-editor__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px dashed color-mix(in srgb,var(--border),transparent 4%);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-soft),white 18%)}.translation-language-editor__footer-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.translation-language-editor__footer-title{font-size:.82rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.translation-language-editor__footer-note{margin:0}.translation-language-card{position:relative;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--border),transparent 8%);border-radius:var(--radius-xl);background:radial-gradient(circle at top left,rgba(18,160,98,.07),transparent 42%),linear-gradient(180deg,#fffffffa,#f7faf8fc);box-shadow:var(--shadow-sm);overflow:hidden}.translation-language-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent),white 66%),transparent 72%);opacity:.92}.translation-language-card__header{align-items:flex-start}.translation-language-card__copy{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.translation-language-card__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.translation-language-card__title{font-size:.92rem;font-weight:700;color:var(--text);letter-spacing:-.01em;text-transform:none}.translation-language-card__badge{background:color-mix(in srgb,var(--accent-soft),white 12%);border-color:color-mix(in srgb,var(--accent),transparent 72%)}.translation-language-card__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.translation-language-card__default{min-height:30px;padding:6px 11px}.translation-language-card__remove{width:32px;height:32px;box-shadow:var(--shadow-xs)}.translation-language-card__select .config-select__trigger{background:color-mix(in srgb,var(--surface-strong),transparent 2%)}.config-grid{display:grid;gap:0}.config-grid--double{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.config-field,.config-readonly-card{min-width:0;display:flex;flex-direction:column;gap:8px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border)}.config-grid>:last-child,.config-grid>:only-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.config-grid--double>:nth-last-child(-n+2):not(:nth-child(odd):nth-last-child(1)){border-bottom:none;padding-bottom:0;margin-bottom:0}.config-field--full{grid-column:1 / -1}.config-field__top{display:flex;flex-direction:column;gap:4px}.config-field__label,.config-toggle__label{font-size:.875rem;font-weight:600;color:color-mix(in srgb,var(--text-2),transparent 6%);line-height:1.4;letter-spacing:-.01em}.config-field__help{font-size:.78rem;line-height:1.55;color:color-mix(in srgb,var(--text-muted),transparent 6%)}.config-field input[type=text],.config-field input[type=number],.config-field textarea,.config-select__trigger,.platform-row__label,.platform-row__url input,.config-color-picker__controls input[type=text]{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--border-strong),transparent 26%);border-radius:12px;background:color-mix(in srgb,var(--surface-strong),transparent 2%);color:var(--text);padding:10px 14px;font-size:.875rem;font-weight:500;line-height:1.5;outline:none;box-shadow:0 1px 2px #1018280a,0 1px 1px #10182805;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .15s ease}.config-field input[type=text]::placeholder,.config-field input[type=number]::placeholder,.config-field textarea::placeholder{color:color-mix(in srgb,var(--text-faint),transparent 10%)}.config-field textarea{min-height:120px;resize:vertical;line-height:1.55;border-radius:14px}.config-select{position:relative;width:100%}.config-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.config-select__trigger.is-placeholder .config-select__value{color:color-mix(in srgb,var(--text-faint),transparent 6%)}.config-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-select__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:color-mix(in srgb,var(--text-faint),transparent 6%);flex-shrink:0;transition:transform .15s ease,color .15s ease}.config-select__icon svg{width:16px;height:16px}.config-select.is-open .config-select__icon{transform:rotate(180deg);color:var(--accent)}.config-select__menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:25;display:grid;gap:4px;max-height:280px;overflow-y:auto;padding:6px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-strong),transparent 18%);background:color-mix(in srgb,var(--surface-strong),transparent 4%);box-shadow:0 12px 24px #1018281a,0 2px 6px #1018280a;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}.config-select__option{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:none;border-radius:10px;background:transparent;color:var(--text-2);font-size:.875rem;font-weight:500;line-height:1.4;text-align:left;transition:background-color .12s ease,color .12s ease,transform .12s ease}.config-select__option:hover,.config-select__option:focus-visible{background:color-mix(in srgb,var(--accent-soft),transparent 16%);color:var(--text)}.config-select__option.is-selected{background:color-mix(in srgb,var(--accent-soft),transparent 6%);color:var(--accent)}.config-select__option-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:currentColor;opacity:0;transform:scale(.92);transition:opacity .12s ease,transform .12s ease;flex-shrink:0}.config-select__option.is-selected .config-select__option-indicator{opacity:1;transform:scale(1)}.config-select__option-indicator svg{width:16px;height:16px}.config-select__option-label{flex:1;min-width:0}.config-field input:focus,.config-field textarea:focus,.config-select__trigger:focus,.platform-row__label:focus,.platform-row__url input:focus,.config-color-picker__controls input[type=text]:focus{border-color:color-mix(in srgb,var(--accent),transparent 18%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-soft),transparent 18%),0 1px 2px #1018280d;background:var(--surface-strong)}.config-field input.is-invalid,.config-field textarea.is-invalid,.config-select__trigger.is-invalid,.config-color-picker__controls input.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.config-field__error{display:none;font-size:.76rem;color:var(--danger)}.config-field__error.visible{display:block}.array-field{display:flex;flex-direction:column;gap:10px}.array-field__list{display:flex;flex-wrap:wrap;gap:8px}.array-field__empty{margin:0;font-size:.78rem;color:var(--text-muted)}.array-field__item{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:36px;padding:6px 8px 6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border),transparent 8%);background:color-mix(in srgb,var(--surface-soft),white 12%);box-shadow:var(--shadow-xs)}.array-field__item-text{max-width:100%;font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.array-field__remove{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(217,45,32,.14);border-radius:999px;background:#ffffffeb;color:var(--danger);flex-shrink:0}.array-field__remove svg{width:12px;height:12px;fill:currentColor}.array-field__remove:hover:not(:disabled){background:#fff4f4fa;box-shadow:0 4px 10px #d92d2024}.array-field__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.array-field__composer input{width:100%}.array-field__add{min-width:82px}.config-choice-row{display:flex;flex-wrap:wrap;gap:6px}.config-choice-button{padding:7px 13px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface-muted);color:var(--text-muted);font-size:.82rem;font-weight:600;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.config-choice-button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);background:var(--surface-soft)}.config-choice-button.is-active{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:var(--shadow-button)}.config-choice-button.is-active:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #13593d52}.config-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;width:fit-content}.config-toggle input{position:absolute;opacity:0;pointer-events:none}.config-toggle__track{position:relative;display:inline-flex;width:44px;height:26px;border-radius:var(--radius-full);background:var(--surface-soft);border:1.5px solid var(--border);transition:background-color .18s ease,border-color .18s ease;flex-shrink:0}.config-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:transform .2s var(--ease-spring)}.config-toggle[data-state=on] .config-toggle__track{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:transparent}.config-toggle[data-state=on] .config-toggle__thumb{transform:translate(18px)}.config-toggle__label{font-size:.84rem;font-weight:600;color:var(--text-2)}.config-color-picker{position:relative;display:flex;flex-direction:column;gap:8px}.config-color-picker.is-open{z-index:14}.config-color-picker__controls{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:10px}.config-color-picker__trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--surface-strong);cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.config-color-picker__trigger:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.config-color-picker__trigger:focus-visible,.config-color-picker.is-open .config-color-picker__trigger{outline:none;box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}.config-color-picker__swatch{display:inline-flex;width:100%;height:100%;border-radius:calc(var(--radius-lg) - 2px);background:repeating-conic-gradient(#00000014 0% 25%,#ffffff1f 0% 50%) 0 0 / 14px 14px}.config-color-picker__popover{position:absolute;top:calc(100% + 10px);left:0;z-index:30;display:flex;flex-direction:column;gap:14px;width:min(320px,calc(100vw - 72px));padding:14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border),transparent 8%);background:linear-gradient(180deg,#fffffffa,#f7faf8fc);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px)}.config-color-picker__popover[data-placement=top]{top:auto;bottom:calc(100% + 10px)}.config-color-picker__popover[data-align=end]{left:auto;right:0}.config-color-picker__popover-header{display:flex;align-items:center;gap:12px}.config-color-picker__preview-swatch{flex-shrink:0;width:48px;height:48px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border),transparent 8%);background:repeating-conic-gradient(#00000014 0% 25%,#ffffff24 0% 50%) 0 0 / 12px 12px;box-shadow:inset 0 1px #ffffffa3}.config-color-picker__preview-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.config-color-picker__preview-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.config-color-picker__preview-value{font-size:.88rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-color-picker__preview-meta{font-size:.74rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-color-picker__surface{position:relative;width:100%;aspect-ratio:1 / .68;border-radius:18px;border:1px solid color-mix(in srgb,var(--border),transparent 8%);overflow:hidden;cursor:crosshair;touch-action:none;box-shadow:inset 0 1px #fff9}.config-color-picker__surface:before,.config-color-picker__surface:after{content:"";position:absolute;inset:0}.config-color-picker__surface:before{background:linear-gradient(90deg,#fff,#fff0)}.config-color-picker__surface:after{background:linear-gradient(180deg,#0000,#000)}.config-color-picker__surface-thumb{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #1018281f,0 4px 10px #1018282e;transform:translate(-50%,-50%);pointer-events:none}.config-color-picker__sliders{display:flex;flex-direction:column;gap:10px}.config-color-picker__slider-row{display:flex;flex-direction:column;gap:6px}.config-color-picker__slider-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;font-weight:700;color:var(--text-muted)}.config-color-picker__slider-copy strong{color:var(--text)}.config-color-picker__slider{width:100%;margin:0;appearance:none;-webkit-appearance:none;height:12px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--border),transparent 8%);background:var(--surface-soft);cursor:pointer;touch-action:none}.config-color-picker__slider--hue{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.config-color-picker__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:#101828;box-shadow:0 0 0 1px #10182824,0 4px 10px #10182829}.config-color-picker__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:#101828;box-shadow:0 0 0 1px #10182824,0 4px 10px #10182829}.config-color-picker__popover-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.config-color-picker__mini-field{display:flex;flex-direction:column;gap:6px}.config-color-picker__mini-field span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.config-color-picker__controls input[type=text],.config-color-picker__mini-field input{font-family:SF Mono,ui-monospace,Cascadia Code,Menlo,monospace;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.config-color-picker__presets{display:flex;flex-wrap:wrap;gap:8px}.config-color-picker__preset{width:26px;height:26px;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--border),transparent 6%);background:linear-gradient(var(--preset-color),var(--preset-color)),repeating-conic-gradient(#00000014 0% 25%,#ffffff24 0% 50%) 0 0 / 10px 10px;box-shadow:var(--shadow-xs)}.config-color-picker__preset.is-transparent:after{content:"";display:block;width:14px;height:2px;margin:0 auto;background:var(--danger);transform:rotate(-45deg) translateY(11px);transform-origin:center}.config-color-picker__preset:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.config-readonly-card__title{margin:0;font-size:.84rem;font-weight:600;color:var(--text-2)}.config-readonly-card__pre{margin:0;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-muted);color:var(--text-muted);font-size:.76rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;overflow:auto}.config-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.config-asset-card{display:flex;flex-direction:column;gap:10px;min-width:0}.config-asset-tile{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--surface-soft);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.config-asset-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.config-asset-tile__image{display:block;width:100%;height:100%;object-fit:cover}.config-asset-tile__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--text-faint)}.config-asset-tile__placeholder svg,.config-asset-tile__button svg,.platform-row__remove svg{width:16px;height:16px;fill:currentColor}.config-asset-tile__placeholder svg{width:28px;height:28px;opacity:.5}.config-asset-tile__actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.config-asset-card__copy{display:flex;flex-direction:column;gap:4px;padding-inline:4px}.config-asset-card__title{font-size:.84rem;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:color-mix(in srgb,var(--text-2),transparent 4%)}.config-asset-card__description{font-size:.76rem;line-height:1.5;color:color-mix(in srgb,var(--text-muted),transparent 5%)}.config-asset-tile__button,.platform-row__remove{display:grid;place-items:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:#ffffffeb;box-shadow:0 2px 8px #00000029;color:var(--accent);backdrop-filter:blur(8px);transition:transform .14s ease,box-shadow .14s ease}.config-asset-tile__button:hover:not(:disabled),.platform-row__remove:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 12px #0003}.config-asset-tile__button--danger,.platform-row__remove{color:var(--danger)}.platform-collection{display:flex;flex-direction:column;gap:14px}.platform-collection__toolbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.platform-collection__select{width:auto;min-width:220px}.platform-collection__select .config-select__trigger{min-width:220px;border-radius:var(--radius-full)}.platform-collection__add{min-width:160px}.platform-collection__list{display:flex;flex-direction:column;gap:10px}.platform-row{display:grid;grid-template-columns:minmax(90px,130px) minmax(0,1fr) 44px;gap:10px;align-items:center}.platform-row__label{min-height:44px;border-radius:var(--radius-md);background:var(--surface-soft);font-weight:600;font-size:.84rem;color:var(--text);border:1.5px solid transparent}div.platform-row__label{display:flex;align-items:center;padding:10px 14px}.platform-row__url{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-strong);transition:border-color .15s ease,box-shadow .15s ease}.platform-row__url:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.platform-row__prefix{display:flex;align-items:center;padding:0 12px;background:var(--surface-muted);color:var(--text-muted);font-size:.78rem;font-weight:600;border-right:1.5px solid var(--border);white-space:nowrap}.platform-row__url input{border:none;border-radius:0;background:transparent;padding:10px 12px;min-width:0;font-size:.84rem;box-shadow:none!important}.platform-row__remove{width:44px;height:44px}.contact-addresses{display:flex;flex-direction:column;gap:12px}.contact-addresses__toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border:1px solid color-mix(in srgb,var(--border),transparent 8%);border-radius:var(--radius-xl);background:radial-gradient(circle at top left,rgba(18,160,98,.1),transparent 46%),linear-gradient(180deg,#fffffff5,#f6f9f6fa);box-shadow:var(--shadow-sm)}.contact-addresses__title{font-size:.95rem;font-weight:800;color:var(--text);letter-spacing:-.01em}.contact-addresses__add{box-shadow:0 12px 28px #0e23181a}.contact-address-card{position:relative;border:1px solid color-mix(in srgb,var(--border),transparent 8%);border-radius:var(--radius-xl);background:linear-gradient(180deg,#fffffffa,#f7faf8fc);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.contact-address-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(84,192,137,.65),transparent);opacity:.9;pointer-events:none}.contact-address-card[open]{border-color:color-mix(in srgb,var(--accent),white 72%);box-shadow:var(--shadow-md)}.contact-address-card>summary{list-style:none}.contact-address-card>summary::-webkit-details-marker{display:none}.contact-address-card__summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;cursor:pointer}.contact-address-card__summary-copy{min-width:0}.contact-address-card__title{font-size:.98rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-address-card__note{margin-top:6px;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.contact-address-card__badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:var(--radius-full);background:linear-gradient(135deg,#13593d24,#54c0892e);color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.02em;box-shadow:inset 0 1px #ffffffa6}.contact-address-card__body{display:flex;flex-direction:column;gap:18px;padding:18px 20px 20px;border-top:1px solid color-mix(in srgb,var(--border),transparent 18%);background:linear-gradient(180deg,#fafcfbfa,#f4f8f6fc)}.contact-map-panel{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border),transparent 6%);background:radial-gradient(circle at top left,rgba(18,160,98,.12),transparent 38%),linear-gradient(180deg,#fffffff0,#f1f7f3f5);box-shadow:var(--shadow-xs)}.contact-map-panel__search{display:flex;flex-direction:column;gap:6px}.contact-map-panel__search span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.contact-map-panel__search input{width:100%;min-height:48px;padding:0 16px;border:1.5px solid color-mix(in srgb,var(--border),transparent 10%);border-radius:var(--radius-full);background:#ffffffd6;box-shadow:inset 0 1px #ffffffb8,0 12px 26px #0e23180f;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.contact-map-panel__search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 14px 30px #0e23181a;background:#fffffff5}.contact-map-panel__canvas{height:264px;border-radius:var(--radius-lg);border:1.5px solid color-mix(in srgb,var(--border),transparent 8%);background:radial-gradient(circle at top,rgba(84,192,137,.14),transparent 58%),repeating-linear-gradient(0deg,#ffffff14,#ffffff14 39px,#13593d08 39px 40px),repeating-linear-gradient(90deg,#ffffff14,#ffffff14 39px,#13593d08 39px 40px),linear-gradient(180deg,#ffffffeb,#ecf5f0f0);overflow:hidden;box-shadow:inset 0 1px #ffffffc7}.contact-map-panel__status{margin:0;font-size:.75rem;line-height:1.45;color:var(--text-muted);padding:10px 12px;border-radius:var(--radius-md);background:#ffffffbd;border:1px solid rgba(19,89,61,.08)}.contact-map-panel__status[data-kind=error]{color:var(--danger);background:#fff0f0e0;border-color:#dc26261f}.contact-map-panel__status[data-kind=success]{color:var(--accent);background:#f0fff7e0;border-color:#13593d1f}.contact-address-card__actions{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px dashed color-mix(in srgb,var(--border),transparent 12%)}.contact-address-card__remove{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(220,38,38,.14);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff4f4f5,#ffe9e9fa);color:var(--danger);box-shadow:0 10px 24px #dc262614;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.contact-address-card__remove:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #dc26261f}.contact-address-card__remove svg{width:16px;height:16px;fill:currentColor}.apply-button,.secondary-button,.ghost-button,.preview-mode-button,.config-choice-button,.config-asset-tile__button,.platform-row__remove{transition:transform .14s var(--ease-out),background-color .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease,color .14s ease}.apply-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 13px;border-radius:12px;border:1px solid transparent;font-size:.8rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.apply-button svg,.secondary-button svg,.ghost-button svg{width:14px;height:14px;flex-shrink:0}.apply-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:var(--shadow-button)}.apply-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #13593d5c}.apply-button:active:not(:disabled){transform:translateY(0)}.secondary-button{background:#ffffffe6;color:var(--text);border-color:color-mix(in srgb,var(--border),transparent 8%);box-shadow:var(--shadow-xs)}.secondary-button:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ghost-button{background:#ffffff80;color:var(--text-muted);border-color:color-mix(in srgb,var(--border),transparent 14%)}.ghost-button:hover:not(:disabled){background:var(--surface-soft);color:var(--text)}.apply-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.preview-mode-button:disabled,.config-choice-button:disabled,.config-asset-tile__button:disabled,.platform-row__remove:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-strong);font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.status-chip:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.status-chip--live{border-color:color-mix(in srgb,var(--success),transparent 60%);background:var(--success-bg);color:var(--success)}.status-chip--dirty{border-color:color-mix(in srgb,var(--warning),transparent 60%);background:var(--warning-bg);color:var(--warning)}.status-chip--error{border-color:color-mix(in srgb,var(--danger),transparent 60%);background:var(--danger-bg);color:var(--danger)}.status-chip--busy{border-color:color-mix(in srgb,var(--accent),transparent 60%);background:var(--accent-soft);color:var(--accent)}.status-chip--busy:before{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.2}}.request-error,.error-banner{display:none;padding:10px 14px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--danger),transparent 68%);background:color-mix(in srgb,var(--danger-bg),white 22%);color:var(--danger);font-size:.82rem;line-height:1.5;box-shadow:var(--shadow-xs)}.request-error.visible,.error-banner.visible{display:block}.error-banner{position:absolute;left:12px;right:12px;bottom:12px;z-index:4}.preview-panel{grid-area:preview;display:flex;flex-direction:column;min-width:0;border:1px solid color-mix(in srgb,var(--border),transparent 2%);border-radius:32px;background:color-mix(in srgb,var(--surface-strong),transparent 8%);box-shadow:var(--shadow-lg);overflow:hidden}.preview-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--border),transparent 10%);background:color-mix(in srgb,var(--surface-strong),transparent 18%);backdrop-filter:blur(16px);flex-shrink:0}.preview-panel__header-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.preview-panel__dot{width:12px;height:12px;border-radius:50%}.preview-panel__dot--red{background:#ff5f57}.preview-panel__dot--yellow{background:#ffbd2e}.preview-panel__dot--green{background:#28c840}.preview-panel__header-right{flex-shrink:0;display:flex;justify-content:flex-end;min-width:102px}.preview-size-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--border),transparent 8%);background:#ffffffeb;color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.02em;box-shadow:var(--shadow-xs)}.preview-mode-switch{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--border),transparent 6%);background:color-mix(in srgb,var(--surface-soft),white 20%);box-shadow:inset 0 1px #fff9}.preview-mode-button{display:flex;align-items:center;gap:5px;border:none;background:transparent;color:var(--text-muted);padding:6px 11px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.preview-mode-button svg{width:13px;height:13px;flex-shrink:0}.preview-mode-button.is-active{background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-xs)}.preview-mode-button:hover:not(.is-active):not(:disabled){color:var(--text-2)}.preview-stage{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse 60% 42% at 50% 0%,rgba(18,160,98,.12),transparent),linear-gradient(180deg,#f4f7f4f0,#e9f0ebfa),repeating-linear-gradient(0deg,transparent,transparent 39px,var(--border) 39px,var(--border) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--border) 39px,var(--border) 40px);background-size:100% 100%,100% 100%,40px 40px,40px 40px}.preview-stage__viewport{position:relative;display:flex;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px;justify-content:center;align-items:flex-start;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.preview-stage__viewport::-webkit-scrollbar{width:8px}.preview-stage__viewport::-webkit-scrollbar-track{background:transparent}.preview-stage__viewport::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-strong),transparent 14%);border-radius:var(--radius-full)}.preview-device{position:relative;flex:0 0 auto;width:var(--device-scaled-width, 100%);height:var(--device-scaled-height, 100%)}.preview-device__frame{width:var(--device-width, 100%);height:var(--device-height, 100%);transform:scale(var(--device-scale, 1));transform-origin:top left;border-radius:28px;overflow:hidden;background:#fff;border:1px solid rgba(16,24,40,.08);box-shadow:0 0 0 1px #00000014,0 24px 60px #1018282e,0 8px 20px #1018281f}.preview-device[data-preview-mode=tablet] .preview-device__frame{border-radius:32px}.preview-device[data-preview-mode=mobile] .preview-device__frame{border-radius:42px}#previewFrame{display:block;width:100%;height:100%;min-height:0;border:none;background:#fff}.preview-empty,.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:color-mix(in srgb,var(--bg-2),transparent 18%);backdrop-filter:blur(12px)}.preview-empty{z-index:2}.loading-overlay{z-index:3;opacity:0;pointer-events:none;align-items:flex-end;justify-content:flex-start;padding:14px;text-align:left;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .2s ease}.loading-overlay.visible{opacity:1;pointer-events:none}.loading-overlay__card{display:grid;gap:8px;width:min(280px,calc(100% - 20px));padding:11px 12px 10px;border-radius:14px;background:color-mix(in srgb,var(--surface-strong),transparent 22%);border:1px solid color-mix(in srgb,var(--border),transparent 26%);box-shadow:0 10px 24px #10182814,0 2px 8px #1018280a,inset 0 1px #ffffff61;backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}.loading-overlay__status{margin:0;font-size:.75rem;font-weight:600;letter-spacing:-.01em;color:color-mix(in srgb,var(--text),transparent 8%);line-height:1.3}.loading-progress{display:grid;gap:7px;width:100%}.loading-progress__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.69rem;color:color-mix(in srgb,var(--text-muted),transparent 8%);line-height:1.25}.loading-progress__countdown{font-variant-numeric:tabular-nums;font-weight:600;color:color-mix(in srgb,var(--accent),transparent 8%);padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft),transparent 18%);border:1px solid color-mix(in srgb,var(--accent),transparent 82%)}.loading-progress__track{position:relative;height:3px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--border),transparent 55%);overflow:hidden}.loading-progress__fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong));box-shadow:none;transform:scaleX(0);transform-origin:left center;transition:transform 80ms linear}.loading-overlay[data-loading-mode=queued] .loading-overlay__card{gap:9px}.loading-overlay[data-loading-mode=queued] .loading-overlay__status{font-size:.78rem}.loading-overlay[data-loading-mode=busy] .loading-progress{display:none}.loading-overlay[data-loading-mode=busy] .loading-overlay__card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:auto;max-width:min(240px,calc(100% - 20px));padding:10px 12px}.loading-overlay[data-loading-mode=busy] .loading-overlay__status{font-size:.72rem}.preview-empty__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-xl);background:var(--surface-strong);border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow-sm)}.preview-empty__icon svg{width:32px;height:32px;opacity:.6}.preview-empty h2,.loading-overlay h2{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.preview-empty p,.loading-overlay p{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.55}.loading-overlay .loading-overlay__status{font-size:.75rem;font-weight:600;color:color-mix(in srgb,var(--text),transparent 8%);line-height:1.4}.spinner{width:14px;height:14px;justify-self:start;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--border),transparent 18%);border-top-color:var(--accent);animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.locked-state{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 110% 0%,rgba(19,89,61,.14),transparent),radial-gradient(ellipse 60% 40% at -10% 20%,rgba(93,212,154,.1),transparent)}.locked-card{max-width:440px;width:100%;padding:40px;border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.locked-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--danger-bg);color:var(--danger);margin-bottom:4px}.locked-card__icon svg{width:26px;height:26px}.locked-card h1{margin:0;font-size:1.3rem;font-weight:800;letter-spacing:-.03em}.locked-card p{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.6}@media(max-width:1100px){:root{--editor-current-width: 360px}.app-bar__site-info{display:none}}@media(max-width:980px){:root{--app-bar-h: 58px}.app-bar{padding:0 14px;gap:10px}.app-bar__actions{flex:1;min-width:0;gap:8px;justify-content:flex-start;overflow-x:auto;overflow-y:visible;padding:2px 0;scrollbar-width:none}.app-bar__actions::-webkit-scrollbar{display:none}.app-bar__actions>.ghost-button,.app-bar__actions>.secondary-button,.app-bar__actions>.apply-button{flex:0 0 auto}#saveBtn{order:0}#resetBtn{order:1}#toggleAllBtn{order:2}.request-error.visible{position:fixed;top:calc(var(--app-bar-h) + 12px);left:12px;right:12px;z-index:110}.app-bar__mobile-toggle{display:inline-flex}body[data-embed-context=workspace] .app-bar__mobile-toggle{display:none}.workspace{display:block;padding:12px;height:calc(100vh - var(--app-bar-h));height:calc(100dvh - var(--app-bar-h))}.preview-panel{height:100%;border-radius:24px}.preview-stage__viewport{padding:20px}.editor-panel{position:fixed;top:calc(var(--app-bar-h) + 12px);left:12px;bottom:12px;width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);z-index:95;transform:translate(0)}.app.panel-collapsed .editor-panel{transform:translate(calc(-100% - 20px));opacity:1}.editor-panel__inner{padding-top:68px;max-height:none}body:not([data-embed-context=workspace]) .workspace-sidebar-toggle{display:none}body[data-embed-context=workspace] .workspace-sidebar-toggle{display:grid}.resize-handle,.preview-mode-button span{display:none}.platform-row{grid-template-columns:1fr}.platform-row__remove{width:100%;height:44px;border-radius:var(--radius-md)}.config-color-picker__controls{grid-template-columns:52px minmax(0,1fr) auto}.config-color-picker__trigger{width:52px;height:52px}}@media(max-width:768px){:root{--app-bar-h: 54px}.app-bar{padding:0 10px;gap:8px}.app-bar__brand-text{display:none}.app-bar__actions{gap:6px}.apply-button,.secondary-button,.ghost-button{min-height:32px;padding:6px 10px;font-size:.76rem}.app-bar__mobile-toggle{width:32px;height:32px}body[data-embed-context=workspace] .workspace-sidebar-toggle{display:none}.workspace{padding:10px}.preview-panel{border-radius:20px}.preview-panel__header{flex-wrap:wrap;justify-content:center}.preview-panel__header-left,.preview-panel__header-right{width:100%;justify-content:center}.preview-panel__header-right{min-width:0}.preview-stage__viewport{padding:16px}.editor-panel{top:calc(var(--app-bar-h) + 10px);left:10px;right:10px;bottom:10px;width:auto;max-width:none;border-radius:20px}.editor-panel__inner{padding:64px 14px 16px}body[data-embed-context=workspace] .editor-panel__inner{padding-bottom:calc(106px + env(safe-area-inset-bottom))}.preview-size-pill{min-width:92px}body[data-embed-context=workspace] .mobile-workspace-toggle{display:inline-flex}.config-color-picker__popover{width:min(100%,320px)}.config-color-picker__popover-fields,.config-grid--double{grid-template-columns:1fr}.config-grid--double>:nth-last-child(-n+2){border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:14px}.config-grid--double>:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}}@media(max-width:640px){.translation-language-overview,.translation-language-editor__footer,.translation-language-card__header,.platform-collection__toolbar,.contact-addresses__toolbar,.contact-address-card__summary{flex-direction:column;align-items:stretch}.translation-language-overview__value{text-align:left}.translation-language-card__actions{justify-content:space-between}.translation-language-card__default,.platform-collection__add,.contact-addresses__add{width:100%;justify-content:center}.platform-collection__select,.platform-collection__select .config-select__trigger{min-width:0;width:100%}.contact-address-card__title{white-space:normal;overflow:visible;text-overflow:initial}.contact-address-card__body{padding:16px}}@media(max-width:480px){.config-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.translation-language-overview,.translation-language-editor__footer,.translation-language-card__header{flex-direction:column;align-items:stretch}.translation-language-overview__value{text-align:left}.request-error.visible{top:calc(var(--app-bar-h) + 10px);left:10px;right:10px}.translation-language-card__actions{justify-content:space-between}.translation-language-card__default{flex:1;justify-content:center}.platform-collection__toolbar{gap:8px}.contact-addresses__toolbar{gap:10px}.contact-map-panel__canvas{height:220px}.preview-size-pill{width:100%}.array-field__composer{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,.config-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-full)}[data-theme=dark] .config-field select,[data-theme=dark] .platform-collection__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%237aaa90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E")}[data-theme=dark] .translation-language-overview,[data-theme=dark] .translation-language-card{border-color:color-mix(in srgb,var(--accent),transparent 78%);background:radial-gradient(circle at top left,rgba(93,212,154,.08),transparent 42%),linear-gradient(180deg,#151f1af5,#0f1814fa);box-shadow:0 18px 42px #00000038}[data-theme=dark] .translation-language-editor__empty,[data-theme=dark] .translation-language-editor__footer{border-color:color-mix(in srgb,var(--accent),transparent 82%);background:color-mix(in srgb,var(--surface-soft),black 12%)}[data-theme=dark] .translation-language-card__remove{background:#121e18e0;box-shadow:none}[data-theme=dark] .translation-language-card__select .config-select__trigger{background:color-mix(in srgb,var(--surface-strong),transparent 4%)}[data-theme=dark] .app-bar{background:color-mix(in srgb,var(--surface-strong),transparent 8%)}[data-theme=dark] .editor-panel{background:color-mix(in srgb,var(--surface-strong),transparent 10%)}[data-theme=dark] .config-accordion{background:color-mix(in srgb,var(--surface-strong),transparent 4%)}[data-theme=dark] .preview-stage{background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(93,212,154,.06),transparent),linear-gradient(180deg,#0c1712fa,#0a130f),repeating-linear-gradient(0deg,transparent,transparent 39px,var(--border) 39px,var(--border) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--border) 39px,var(--border) 40px);background-size:100% 100%,100% 100%,40px 40px,40px 40px}[data-theme=dark] .preview-device__frame{box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #00000080,0 8px 16px #00000047}[data-theme=dark] .config-asset-tile__button,[data-theme=dark] .platform-row__remove{background:#0f2318eb}[data-theme=dark] .workspace-sidebar-toggle,[data-theme=dark] .preview-size-pill,[data-theme=dark] .resize-handle__grip{background:#0c1712f0;border-color:#5dd49a1f}[data-theme=dark] .config-color-picker__popover,[data-theme=dark] .config-color-picker__preview-swatch,[data-theme=dark] .config-color-picker__preset{border-color:#5dd49a1f}[data-theme=dark] .config-color-picker__popover{background:linear-gradient(180deg,#0c1712fa,#0a1410fc)}[data-theme=dark] .config-color-picker__surface-thumb,[data-theme=dark] .config-color-picker__slider::-webkit-slider-thumb,[data-theme=dark] .config-color-picker__slider::-moz-range-thumb{background:#f2f4f7;border-color:#0c1712f5}[data-theme=dark] .contact-address-card{background:linear-gradient(180deg,#111c16fa,#0e1612fc)}[data-theme=dark] .contact-map-panel{background:radial-gradient(circle at top left,rgba(93,212,154,.12),transparent 38%),linear-gradient(180deg,#151f1af5,#0f1814fa)}[data-theme=dark] .contact-addresses__toolbar{background:radial-gradient(circle at top left,rgba(93,212,154,.08),transparent 42%),linear-gradient(180deg,#101c16f0,#0c1511fa);box-shadow:0 18px 42px #00000042}[data-theme=dark] .contact-map-panel__canvas{background:radial-gradient(circle at top,rgba(93,212,154,.08),transparent 58%),repeating-linear-gradient(0deg,#ffffff05,#ffffff05 39px,#5dd49a0a 39px 40px),repeating-linear-gradient(90deg,#ffffff05,#ffffff05 39px,#5dd49a0a 39px 40px),linear-gradient(180deg,#161c19eb,#121614f5)}[data-theme=dark] .contact-map-panel__search input,[data-theme=dark] .contact-map-panel__status{background:#0b1410d6;border-color:#5dd49a1f}[data-theme=dark] .contact-address-card__remove{background:linear-gradient(180deg,#431114eb,#360e11f5);border-color:#f8717124}