.app{grid-template-rows:64px 1fr;grid-template-columns:104px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-ink);flex-direction:column;grid-area:1/1/3;align-self:start;align-items:stretch;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{justify-content:center;align-items:center;height:64px;padding:6px;display:flex}.sidebar__brand img{width:72px;height:auto}.sidebar__nav{flex-direction:column;flex:auto;gap:0;padding:12px 0;display:flex}.sidebar__item{color:var(--sidebar-ink-soft);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;font-size:11px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.sidebar__item:hover{color:var(--sidebar-ink);background:#236aa8}.sidebar__item[data-active=true]{color:var(--sidebar-ink);background:#1b5689}.sidebar__item svg{stroke-width:1.75px;width:20px;height:20px}.sidebar__badge{color:#fff;text-align:center;background:#ff7a3d;border-radius:999px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:6px;right:16px}.sidebar__bottom{margin-top:auto;padding-bottom:14px}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--border);z-index:20;grid-area:1/2;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.topbar__left{color:var(--ink-soft);font-size:14px;font-weight:500}.topbar__center{align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar__center .badge-active{color:#2a8b46;letter-spacing:.04em;background:#e9f7ee;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.topbar__right{align-items:center;gap:10px;display:flex}.topbar__btn{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.01em;border:0;border-radius:4px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .12s}.topbar__btn:hover{background:var(--accent-deep)}.topbar__live-preview{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff;letter-spacing:.02em;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .14s,box-shadow .14s;display:inline-flex;position:relative;overflow:hidden}.topbar__sync-status{color:var(--ink-muted);white-space:nowrap;opacity:0;align-items:center;gap:6px;min-width:0;margin-right:6px;font-size:11px;font-weight:500;transition:opacity .2s,color .2s;display:inline-flex}.topbar__sync-status[data-state=idle]{opacity:0}.topbar__sync-status[data-state=syncing]{opacity:1;color:var(--ink-muted)}.topbar__sync-status[data-state=syncing]:before{content:"";border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;width:8px;height:8px;animation:.7s linear infinite sync-spin}.topbar__sync-status[data-state=synced]{opacity:1;color:#1f7a3a}.topbar__sync-status[data-state=synced]:before{content:"✓";color:#1f7a3a;font-weight:700}.topbar__sync-status[data-state=error]{opacity:1;color:#c43f3f}.topbar__sync-status[data-state=error]:before{content:"⚠"}@keyframes sync-spin{to{transform:rotate(360deg)}}.topbar__live-preview:before{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:100%;height:100%;animation:3.5s ease-in-out infinite live-preview-shine;position:absolute;top:0;left:-100%}@keyframes live-preview-shine{0%,to{left:-100%}50%{left:100%}}.topbar__live-preview:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2470b859}.topbar__live-preview svg{z-index:1;flex:none}.topbar__live-preview>span,.topbar__live-preview{z-index:1}.topbar__user{cursor:pointer;color:var(--ink);align-items:center;gap:8px;margin-left:8px;font-size:14px;display:flex}.topbar__avatar{color:#fff;background:linear-gradient(135deg,#cfd8e3 0%,#8d9aae 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.topbar__chev{color:var(--ink-muted);font-size:11px}.page{grid-area:2/2;width:100%;max-width:1600px;padding:24px 32px 48px}.page__title{color:var(--ink);margin:0 0 22px;font-size:28px;font-weight:500}.page__layout{grid-template-columns:240px 1fr;align-items:start;gap:24px;display:grid}.subtabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.subtabs__item{color:var(--ink);cursor:pointer;border-bottom:1px solid #eef1f5;padding:14px 16px;font-size:14px;font-weight:500;text-decoration:none;display:block}.subtabs__item:last-child{border-bottom:0}.subtabs__item:hover{background:#f8fafd}.subtabs__item[data-active=true],.subtabs__item[data-active=true]:hover{color:#fff;background:#2a7dc0}.content-card{background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;padding:28px 32px}.content-card__head{z-index:85;background:var(--surface);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;gap:20px;margin:-28px -32px 0;padding:16px 32px;display:flex;position:sticky;top:64px}.content-card__title{color:var(--ink);align-items:baseline;gap:10px;margin:0;font-size:22px;font-weight:500;display:flex}.content-card__title-lang{color:var(--accent);cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.content-card__subrow{justify-content:space-between;align-items:baseline;gap:20px;margin-top:14px;display:flex}.content-card__subrow .content-card__sub{flex:auto;min-width:0;margin:0}.content-card__subrow .acc-toolbar__btn{flex:none}.content-card__sub{color:var(--ink-muted);margin:0;font-size:13px}.content-card__actions{flex:none;align-items:center;gap:8px;display:flex}.dirty-banner{color:var(--warn-ink);white-space:nowrap;background:#fffbe8;border:1px solid #f0c66a;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:none}.dirty-banner[data-dirty=true]{display:inline-flex}.dirty-banner__dot{background:#f0a500;border-radius:50%;width:6px;height:6px}.appearance-grid{margin-top:12px;display:block}.controls-col{min-width:0}.preview-col{pointer-events:none;z-index:90;position:fixed;inset:0}.section{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:28px}.section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.section__title{color:var(--ink);margin:0 0 4px;font-size:16px;font-weight:500}.section__sub{color:var(--ink-muted);margin:0 0 18px;font-size:13px}.acc-toolbar__btn{cursor:pointer;font:inherit;color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:4px 6px;font-size:13px;display:inline-flex}.acc-toolbar__btn:hover{text-decoration:underline}.section.acc-card{background:#fff;border:0;border-radius:10px;margin-bottom:16px;padding-bottom:0;transition:box-shadow .15s ease-in-out;overflow:hidden;box-shadow:4px 4px 29px #14285017}.section.acc-card:last-child{margin-bottom:0}.section.acc-card:hover{box-shadow:4px 6px 32px #14285021}.acc-head{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0;align-items:center;gap:14px;padding:16px 20px;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:flex}.acc-head:hover{background:var(--surface)}.acc-card[data-open=true] .acc-head{background:var(--surface-2)}.acc-head__icon{width:22px;height:22px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.acc-head__icon svg{width:20px;height:20px}.acc-head__titles{flex:1;min-width:0}.acc-head__title{color:var(--ink);font-size:15px;font-weight:500;display:block}.acc-head__desc{color:var(--ink-muted);margin-top:2px;font-size:12.5px;display:block}.acc-head__dot{background:#ba7517;border-radius:50%;flex:none;width:7px;height:7px;display:none}.acc-card[data-acc-dirty=true] .acc-head__dot{display:inline-block}.acc-head__chevron{color:var(--ink-muted);flex:none;transition:transform .2s ease-in-out}.acc-card[data-open=true] .acc-head__chevron{transform:rotate(180deg)}.section.acc-card:not([data-open=true])>:not(.acc-head){display:none}.section.acc-card[data-open=true]>:not(.acc-head){padding-left:20px;padding-right:20px}.section.acc-card[data-open=true]>.acc-head+*{padding-top:18px}.section.acc-card[data-open=true]{padding-bottom:24px}.card-grid{grid-template-columns:1fr 1fr;align-items:start;column-gap:44px;display:grid}.card-grid__col{min-width:0}.card-grid__group{color:var(--ink-muted);border-bottom:1px solid var(--border);margin:0 0 16px;padding-bottom:8px;font-size:12px;font-weight:600}@media (width<=1180px){.card-grid{grid-template-columns:1fr}.card-grid__col+.card-grid__col{margin-top:24px}}.typing-tiles{flex:none;gap:8px;display:flex}.typing-tile{border:1.5px solid var(--border-strong);cursor:pointer;width:86px;font:inherit;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 8px;transition:border-color .12s,box-shadow .12s;display:flex}.typing-tile:hover{border-color:var(--accent)}.typing-tile[data-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, #fff)}.typing-tile__demo{align-items:center;gap:4px;min-height:18px;display:inline-flex}.typing-tile__labeltext{color:var(--ink-soft);font-size:11px;font-style:italic}.typing-tile__name{color:var(--ink);font-size:12px;font-weight:500}.anim-cards{gap:10px;max-width:480px;display:flex}.anim-card{border:1.5px solid var(--border-strong);cursor:pointer;font:inherit;background:#fff;border-radius:8px;flex-direction:column;flex:1 1 0;align-items:center;gap:7px;padding:12px 10px 10px;transition:border-color .12s,box-shadow .12s;display:flex}.anim-card:hover{border-color:var(--accent)}.anim-card[data-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, #fff)}.anim-card__demo{aspect-ratio:16/10;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;width:100%;position:relative;overflow:hidden}.anim-card__panel{background:var(--accent);border-radius:4px;position:absolute}.anim-card__demo--scale .anim-card__panel{transform-origin:100% 100%;width:48%;height:56%;animation:2.6s ease-in-out infinite anim-demo-scale;bottom:14%;right:14%}.anim-card__demo--slide .anim-card__panel{height:64%;animation:2.6s ease-in-out infinite anim-demo-slide;bottom:0;left:26%;right:26%}.anim-card__demo--fade .anim-card__panel{height:52%;animation:2.6s ease-in-out infinite anim-demo-fade;bottom:16%;left:26%;right:26%}@keyframes anim-demo-scale{0%,10%{opacity:0;transform:scale(.2)}32%,68%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(.2)}}@keyframes anim-demo-slide{0%,10%{transform:translateY(115%)}32%,68%{transform:translateY(0)}90%,to{transform:translateY(115%)}}@keyframes anim-demo-fade{0%,10%{opacity:0;transform:translateY(22%)}32%,68%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(22%)}}.anim-card__name{color:var(--ink);font-size:13px;font-weight:500}.anim-card__sub{color:var(--ink-muted);text-align:center;font-size:11px;line-height:1.3}@media (prefers-reduced-motion:reduce){.anim-card__panel{opacity:1;transform:none;animation:none!important}}.bubble-demo{aspect-ratio:16/10;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;flex-direction:column;justify-content:center;gap:7px;width:100%;padding:0 11px;display:flex}.bubble-demo__b{border-radius:6px;height:11px;animation:3.2s ease-out infinite bubble-demo-in;position:relative}.bubble-demo__b--ai{align-self:flex-start;width:58%;animation-delay:0s}.bubble-demo__b--user{align-self:flex-end;width:50%;animation-delay:.55s}@keyframes bubble-demo-in{0%{opacity:0;transform:translateY(8px)}12%,80%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.bubble-demo__b{opacity:1;transform:none;animation:none!important}}.bubble-demo--classic .bubble-demo__b--ai{border:1px solid var(--border-strong);background:#fff;border-bottom-left-radius:2px}.bubble-demo--classic .bubble-demo__b--user{background:var(--brand,var(--accent));border-bottom-right-radius:2px}.bubble-demo--classic .bubble-demo__b--ai:after{content:"";border-top:6px solid #0000;border-right:6px solid #fff;position:absolute;bottom:0;left:-4px}.bubble-demo--classic .bubble-demo__b--user:after{content:"";border-left:6px solid var(--brand,var(--accent));border-top:6px solid #0000;position:absolute;bottom:0;right:-4px}.bubble-demo--elevated .bubble-demo__b--ai{background:#fff;box-shadow:0 2px 6px #00000024}.bubble-demo--elevated .bubble-demo__b--user{background:var(--brand,var(--accent));box-shadow:0 2px 7px color-mix(in srgb, var(--brand,var(--accent)) 40%, transparent)}.bubble-demo--squared .bubble-demo__b{border-radius:2px}.bubble-demo--squared .bubble-demo__b--ai{border:1px solid var(--border-strong);background:#fff}.bubble-demo--squared .bubble-demo__b--user{background:var(--brand,var(--accent))}.field-divider{border:0;border-top:1px solid var(--border);margin:22px 0 18px}.snow-preview{border-radius:6px;height:56px;margin-bottom:10px;position:relative;overflow:hidden}.snow-preview--realistic{background:linear-gradient(#1e3a5f 0%,#4a7a98 100%)}.snow-preview--realistic .snow-flake-mini{background:radial-gradient(circle,#fff 30%,#fff0 100%);border-radius:50%;width:4px;height:4px;animation:4s linear infinite snow-card-flake-fall;position:absolute}.snow-preview--realistic .snow-flake-mini:first-child{animation-delay:0s;left:15%}.snow-preview--realistic .snow-flake-mini:nth-child(2){animation-delay:1s;left:38%}.snow-preview--realistic .snow-flake-mini:nth-child(3){animation-delay:2.2s;left:62%}.snow-preview--realistic .snow-flake-mini:nth-child(4){animation-delay:.6s;left:85%}.snow-preview--crystalline{background:linear-gradient(#0d2030 0%,#2c5470 100%)}.snow-preview--crystalline .snow-crystal-mini{filter:drop-shadow(0 0 2px #ffffffb3);background-image:linear-gradient(#0000 47%,#fff 47% 53%,#0000 53%),linear-gradient(60deg,#0000 47%,#fff 47% 53%,#0000 53%),linear-gradient(120deg,#0000 47%,#fff 47% 53%,#0000 53%);width:8px;height:8px;animation:6s linear infinite snow-card-flake-fall;position:absolute}.snow-preview--crystalline .snow-crystal-mini:first-child{animation-delay:0s;left:22%}.snow-preview--crystalline .snow-crystal-mini:nth-child(2){animation-delay:2s;left:55%}.snow-preview--crystalline .snow-crystal-mini:nth-child(3){animation-delay:4s;left:80%}.snow-preview--storm{background:linear-gradient(#1a2530 0%,#3a4a5a 100%)}.snow-preview--storm .snow-streak-mini{background:linear-gradient(#0000,#fffffff2,#0000);border-radius:1px;width:1.5px;height:10px;animation:1.4s linear infinite snow-card-streak-fall;position:absolute}.snow-preview--storm .snow-streak-mini:first-child{animation-delay:0s;left:10%}.snow-preview--storm .snow-streak-mini:nth-child(2){animation-delay:.3s;left:30%}.snow-preview--storm .snow-streak-mini:nth-child(3){animation-delay:.6s;left:50%}.snow-preview--storm .snow-streak-mini:nth-child(4){animation-delay:.9s;left:70%}.snow-preview--storm .snow-streak-mini:nth-child(5){animation-delay:1.15s;left:90%}@keyframes snow-card-flake-fall{0%{opacity:0;transform:translateY(-10px)}15%{opacity:.9}85%{opacity:.9}to{opacity:0;transform:translate(6px,70px)}}@keyframes snow-card-streak-fall{0%{opacity:0;transform:translate(8px,-12px)rotate(20deg)}10%{opacity:.9}90%{opacity:.9}to{opacity:0;transform:translate(-12px,70px)rotate(20deg)}}#snowfallControls{transition:opacity .2s}#snowfallControls[data-disabled=true]{opacity:.45;pointer-events:none}.flow-picker{align-items:center;gap:10px;max-width:360px;display:flex}.flow-picker .input{flex:auto}.webcam-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px 36px 12px 12px;display:flex;position:relative}.webcam-card .input{width:100%}.webcam-card__handle{color:var(--ink-faint);cursor:grab;flex:none;align-self:stretch;align-items:center;margin:-2px 0;padding:0 3px;display:flex}.webcam-card__handle:hover{color:var(--ink-muted)}.webcam-card__handle:active{cursor:grabbing}.webcam-card:only-child .webcam-card__handle{display:none}.webcam-card.is-dragging{opacity:.55;border-color:var(--accent);box-shadow:0 6px 18px #00000024}.webcam-card__media{flex:0 0 150px}.webcam-card__fields{flex:auto;min-width:0}.webcam-card__delete{width:24px;height:24px;color:var(--ink-muted);cursor:pointer;z-index:3;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.webcam-card__delete:hover{color:#e24b4a;background:#fcebeb}.webcam-card__preview{background:#1a1a1a;border-radius:7px;width:100%;height:100px;margin-bottom:0;position:relative;overflow:hidden}.webcam-card[data-empty=true] .webcam-card__preview{background:repeating-linear-gradient(45deg,#ece9e2,#ece9e2 10px,#e4e0d7 10px 20px)}.webcam-card__preview img,.webcam-card__preview iframe,.webcam-card__preview video{object-fit:cover;border:0;width:100%;height:100%;display:block}.webcam-card__live{z-index:2;color:#fff;letter-spacing:.08em;background:#000000b8;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;top:10px;left:10px}.webcam-card[data-empty=true] .webcam-card__live{display:none}.webcam-card__url{margin-bottom:8px;font-family:SF Mono,Menlo,monospace;font-size:11px}.webcam-card__title{margin-bottom:8px}.type-pill{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:5px 8px 5px 9px;font-size:11px;display:flex}.type-pill--empty{color:var(--ink-faint);border:1px dashed var(--border);background:0 0;justify-content:center}.type-pill__dot{background:#1d9e75;border-radius:50%;flex:none;width:6px;height:6px}.type-pill__label{font-weight:600}.type-pill__tag{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;background:#0000000f;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:600}.type-pill__tag--on{background:var(--accent);color:#fff}.type-pill__change{color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:11px;font-weight:500}.type-pill__change:hover{background:#2470b81a}.type-menu{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin:-2px 0 8px;overflow:hidden;box-shadow:0 4px 12px #00000014}.type-menu[hidden]{display:none}.type-menu__opt{text-align:left;border:0;border-bottom:1px solid var(--border);cursor:pointer;width:100%;color:var(--ink);background:0 0;padding:8px 12px;font-size:12px;display:block}.type-menu__opt:last-child{border-bottom:0}.type-menu__opt:hover{background:var(--surface-2)}.type-menu__opt.is-current{background:#2470b814;font-weight:500}.media-grid{grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:start;gap:28px;display:grid}.media-grid__controls,.media-grid__preview{min-width:0}.media-grid[data-hero-source=webcam],.media-grid[data-hero-source=featured]{grid-template-columns:1fr}.media-grid[data-hero-source=webcam] .media-grid__preview,.media-grid[data-hero-source=featured] .media-grid__preview{display:none}.featured-card__upload{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.featured-card__caption{margin-bottom:8px}.featured-card__info{font-size:11px}.webcam-card__preview.is-cropping{cursor:grab;touch-action:none}.webcam-card__preview.is-cropping:active{cursor:grabbing}.featured-card__crop{flex-direction:column;align-items:stretch;gap:4px;margin-top:6px}.featured-card__crop .crop-zoom{flex:auto;width:100%}.featured-card__crop .crop-hint{font-size:10px;line-height:1.2}.media-grid__preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.bg-image-preview{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);background:#0d1420;border-radius:8px;width:100%;max-width:340px;margin-top:10px;display:block}.hero-preview-wrap{position:relative}.hero-preview__clear{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d14209e;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,transform .1s;display:inline-flex;position:absolute;top:8px;right:8px}.hero-preview__clear:hover{background:var(--danger,#c43f3f)}.hero-preview__clear:active{transform:scale(.92)}.hero-preview__clear svg{width:16px;height:16px}.hero-preview{aspect-ratio:16/9;border:1px solid var(--border);background:#0d1420;border-radius:10px;position:relative;overflow:hidden}.hero-preview__empty{color:#ffffff8c;justify-content:center;align-items:center;font-size:13px;display:none;position:absolute;inset:0}.hero-preview[data-empty=true] .hero-preview__empty{display:flex}.hero-preview.is-cropping{cursor:grab;touch-action:none}.hero-preview.is-cropping:active{cursor:grabbing}.crop-layer{transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.crop-controls{align-items:center;gap:10px;margin-top:8px;display:flex}.crop-zoom{flex:0 0 130px}.crop-hint{color:var(--ink-muted);font-size:11px}.hero-preview__chip{letter-spacing:.02em;color:var(--ink-soft);background:color-mix(in srgb, var(--ink-soft) 12%, #fff);border-radius:999px;align-items:center;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.hero-preview__chip[data-status=live]{color:#1c7a43;background:#e4efe8}.hero-preview__chip[data-status=blocked]{color:#ba7517;background:#f5ecdf}.img-optim{color:var(--ink-muted);margin-top:8px;font-size:12px;font-weight:500}.img-optim[data-status=ok]{color:#1c7a43}.img-optim[data-status=warn]{color:#ba7517}@media (width<=1180px){.media-grid{grid-template-columns:1fr}.media-grid__preview{max-width:420px}}.fontpick{max-width:360px}.fontpick__trigger{border:1px solid var(--border-strong);cursor:pointer;text-align:left;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:border-color .12s,box-shadow .12s;display:flex}.fontpick__trigger:hover{border-color:var(--accent)}.fontpick[data-open=true] .fontpick__trigger{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, #fff)}.fontpick__current{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:19px;line-height:1.2;overflow:hidden}.fontpick__chev{color:var(--ink-muted);flex:none;transition:transform .18s}.fontpick[data-open=true] .fontpick__chev{transform:rotate(180deg)}.fontpick__panel{border:1px solid var(--border);background:#fff;border-radius:8px;margin-top:8px;display:none;overflow:hidden;box-shadow:0 6px 20px #14285014}.fontpick[data-open=true] .fontpick__panel{display:block}.fontpick__search{box-sizing:border-box;border:0;border-bottom:1px solid var(--border);width:100%;font:inherit;color:var(--ink);outline:none;padding:10px 12px;font-size:13px}.fontpick__search::placeholder{color:var(--ink-muted)}.fontpick__hint{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);padding:8px 12px 4px;font-size:11px;font-weight:600}.fontpick__list{max-height:248px;padding:2px 0;overflow-y:auto}.fontpick__row{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.fontpick__row:hover{background:var(--surface-2)}.fontpick__name{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:16px;overflow:hidden}.fontpick__tag{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);flex:none;font-size:10px;font-weight:600}.fontpick__check{color:var(--accent);visibility:hidden;flex:none}.fontpick__row[data-checked=true] .fontpick__check{visibility:visible}.fontpick__row[data-checked=true] .fontpick__name{font-weight:600}.fontpick__empty{color:var(--ink-muted);padding:14px 12px;font-size:13px}.fontpick__foot{border-top:1px solid var(--border);color:var(--ink-muted);background:var(--surface-2);padding:8px 12px;font-size:11px}.typo-now{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin-bottom:18px;padding:14px 16px}.typo-now__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.typo-now__badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, #fff);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.typo-now__badge[data-custom=true]{color:var(--ink-soft);background:color-mix(in srgb, var(--ink-soft) 14%, #fff)}.typo-now__display{font-family:var(--gsb-display-font,"Playfair Display", Georgia, serif);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:21px;line-height:1.2;overflow:hidden}.typo-now__row{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.typo-now__sample{min-width:0}.typo-now__body{font-family:var(--gsb-body-font,"Inter", -apple-system, sans-serif);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.typo-now__meta{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:5px;display:flex}.typo-now__fonts{color:var(--ink-muted);font-size:11px}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.field__label{color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:400;display:block}.field__hint{color:var(--ink-muted);margin-top:6px;font-size:12px;line-height:1.5;display:block}.info-tip{vertical-align:-2px;width:15px;height:15px;color:var(--ink-faint);cursor:help;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:5px;padding:0;display:inline-flex}.info-tip:hover,.info-tip:focus-visible{color:var(--accent);outline:none}.info-tip svg{width:14px;height:14px;display:block}.gsb-info-pop{z-index:9999;background:var(--ink,#1d1b16);color:#fff;text-align:left;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;width:max-content;max-width:240px;padding:8px 11px;font-size:12px;font-weight:400;line-height:1.45;transition:opacity .12s;position:fixed;top:0;left:-9999px;box-shadow:0 6px 22px #17130f38}.gsb-info-pop.is-visible{opacity:1;visibility:visible}.input,.textarea,.select{width:100%;font:inherit;color:var(--ink);border:1px solid var(--border-strong);background:#fff;border-radius:4px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .12s,box-shadow .12s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2470b81f}.textarea{resize:vertical;min-height:64px}.input--mono{font-family:SF Mono,Menlo,monospace}.btn{font:inherit;color:var(--ink);border:1px solid var(--border-strong);cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:#fff;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.btn:hover{border-color:var(--ink-muted);background:#f5f8fc}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn--ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.btn--ghost:hover{background:#0000000a;border-color:#0000}.btn--small{padding:5px 10px;font-size:12px}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed}.link{color:var(--accent);cursor:pointer;font-size:13px;font:inherit;background:0 0;border:0;align-items:center;padding:0;font-size:13px;font-weight:500;display:inline-flex}.link:hover{text-decoration:underline}.logo-upload{align-items:stretch;gap:16px;display:flex}.logo-dropzone{border:1.5px dashed var(--border-strong);cursor:pointer;background:#fff;border-radius:6px;flex:0 0 168px;justify-content:center;align-items:center;height:168px;padding:20px;transition:border-color .12s,background .12s;display:flex;position:relative}.logo-dropzone:hover{border-color:var(--accent);background:var(--surface-2)}.logo-dropzone img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.logo-dropzone__empty{text-align:center;color:var(--ink-muted);font-size:12px;line-height:1.5}.logo-dropzone__empty svg{opacity:.5;margin:0 auto 8px;display:block}.logo-meta{flex-direction:column;flex:auto;gap:10px;min-width:0;display:flex}.logo-actions{gap:8px;display:flex}.logo-info{color:var(--ink-muted);font-size:12px;line-height:1.6}.logo-info__row{gap:6px;display:flex}.logo-info__label{color:var(--ink-muted);min-width:56px}.logo-info__value{color:var(--ink);font-family:SF Mono,Menlo,monospace}.logo-warn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink);border-radius:4px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.5;display:none}.logo-warn[data-show=true]{display:block}.max-height-row{align-items:center;gap:8px;display:flex}.max-height-row input[type=number]{width:80px}.max-height-presets{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;margin-left:4px;padding:2px;display:inline-flex}.max-height-presets button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:4px 10px;font-size:12px;font-weight:500}.max-height-presets button[data-active=true]{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.radius-presets{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:2px;display:inline-flex}.radius-presets button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:500}.radius-presets button[data-active=true]{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.color-picker{border:1px solid var(--border-strong);background:#fff;border-radius:4px;align-items:stretch;max-width:360px;display:flex;overflow:hidden}.color-picker:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2470b81f}.color-picker__hex{font:inherit;text-transform:lowercase;background:0 0;border:0;outline:none;flex:auto;padding:10px 14px;font-family:SF Mono,Menlo,monospace;font-size:14px}.color-picker__swatch{background:var(--brand);border-left:1px solid var(--border);cursor:pointer;flex:0 0 44px;position:relative}.color-picker__swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-actions{align-items:center;gap:16px;margin-top:8px;display:flex}.color-warn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink);border-radius:4px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.5;display:none}.color-warn[data-show=true]{display:block}.radio-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.radio-cards--two{grid-template-columns:repeat(2,1fr)}.radio-cards--three{grid-template-columns:repeat(3,1fr)}.radio-cards--four-2x2{grid-template-columns:1fr 1fr}.radio-card{border:1.5px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:6px;padding:14px 14px 16px;transition:all .14s;display:block;position:relative}.radio-card:hover{border-color:var(--accent)}.radio-card input{opacity:0;position:absolute}.radio-card[data-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.radio-card__title{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:500}.radio-card__desc{color:var(--ink-muted);font-size:12px;line-height:1.4}.radio-card__icon{height:56px;color:var(--ink-soft);justify-content:center;align-items:center;margin-bottom:10px;display:flex}.radio-card[data-checked=true] .radio-card__icon{color:var(--accent)}.toggle-row--locked .toggle{opacity:.55;cursor:not-allowed}.toggle-row{align-items:center;gap:12px;padding:10px 0;display:flex}.toggle-row__main{flex:auto;min-width:0}.toggle-row__title{color:var(--ink);font-size:14px}.toggle-row__desc{color:var(--ink-muted);margin-top:2px;font-size:12px;line-height:1.45}.toggle{cursor:pointer;background:#cdd5e0;border:0;border-radius:11px;flex:none;width:38px;height:22px;padding:0;transition:background .16s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(16px)}.toggle-row--standalone{border-bottom:1px solid var(--border);padding:12px 0}.toggle-row--standalone:last-child,.toggle-row--has-note{border-bottom:0}.popup-note{color:var(--ink-muted);border-bottom:1px solid var(--border);margin:0;padding:0 0 12px;font-size:12px;font-style:italic;line-height:1.5}.toggle-row--child{padding-top:4px;padding-bottom:14px;padding-left:28px}.toggle-row--child .toggle-row__title{color:var(--ink-soft);font-size:13px;font-weight:500}.toggle-row--child .toggle-row__desc{color:var(--ink-muted);font-size:12px}.toggle-row--child[data-disabled=true]{opacity:.45;pointer-events:none}.toggle-row--child[data-disabled=true] input{background:var(--surface-2);cursor:not-allowed}.cta-counter{color:var(--ink-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:none;font-size:11px;font-weight:500}.cta-counter[data-state=warn]{color:#c97919}.cta-counter[data-state=danger]{color:#c0392b;font-weight:600}.toggle-group{padding:4px 0}.toggle-group[data-disabled=true]{opacity:.5;pointer-events:none}.toggle-group[data-disabled=true]:after{content:"Pill features only — change Bubble style to Status pill or Slide-in pill to use these.";background:var(--surface-2);color:var(--ink-muted);border-radius:4px;margin-top:8px;padding:8px 10px;font-size:12px;font-style:italic;display:block}.conditional-block{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;margin-top:14px;padding:16px}.conditional-block__title{color:var(--ink);align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:500;display:flex}.conditional-block__title svg{color:var(--accent)}.custom-icon-upload{align-items:stretch;gap:14px;display:flex}.custom-icon-dropzone{border:1.5px dashed var(--border-strong);cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,#f0f3f8 25%,#0000 25%),linear-gradient(-45deg,#f0f3f8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f3f8 75%),linear-gradient(-45deg,#0000 75%,#f0f3f8 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:6px;flex:0 0 96px;justify-content:center;align-items:center;height:96px;padding:14px;transition:border-color .12s;display:flex}.custom-icon-dropzone:hover{border-color:var(--accent)}.custom-icon-dropzone img{object-fit:contain;max-width:100%;max-height:100%}.custom-icon-dropzone__empty{text-align:center;color:var(--ink-muted);font-size:11px;line-height:1.4}.custom-icon-dropzone__empty svg{opacity:.5;margin:0 auto 4px;display:block}.custom-icon-meta{flex-direction:column;flex:auto;justify-content:space-between;gap:8px;min-width:0;display:flex}.slidein-note{color:var(--ink-soft);align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;display:flex}.slidein-note svg{color:var(--accent);flex:none;margin-top:1px}.simulate-scroll{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:5px;margin-top:10px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.simulate-scroll:hover{background:var(--accent-soft)}.preview-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.preview-panel__head{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.preview-panel__head--minimal{padding:9px 14px}.preview-panel__head-label{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.preview-panel__title{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.preview-panel__open{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.preview-panel__open[data-open=true]{color:var(--ink);border:1px solid var(--border-strong);background:#fff}.preview-panel__live-link{color:var(--ink-soft);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;text-decoration:none;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.preview-panel__live-link:hover{color:var(--accent);border-color:var(--accent);background:#2470b80d}.preview-panel__live-link svg{flex:none}.preview-panel__close-mobile{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;display:none}.preview-panel__close-mobile:hover{background:var(--surface-2);color:var(--ink)}.preview-toolbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.preview-toolbar__pills{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:2px;display:inline-flex}.preview-toolbar__pills button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 12px;font-size:12px;font-weight:500}.preview-toolbar__pills button[data-active=true]{background:var(--accent);color:#fff}.preview-toolbar__hint{color:var(--ink-muted);letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-style:italic;display:inline-flex}.preview-toolbar__hint:before{content:"";background:var(--brand,#a41e23);opacity:.6;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.preview-toolbar__hint-label{white-space:nowrap}.preview-toolbar__device{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:2px;display:inline-flex}.preview-toolbar__device button{width:30px;height:26px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.preview-toolbar__device button[data-active=true]{background:var(--accent);color:#fff}@media (width<=1100px){.preview-toolbar{flex-wrap:wrap}}.preview-panel{display:contents}.preview-panel__head,.preview-panel__head--minimal{display:none!important}.preview-canvas{background:0 0;height:auto;position:static;overflow:visible}.preview-canvas[data-device=mobile]{background:0 0;padding:0;display:block}.android-frame,.embed-canvas{display:none!important}.preview-canvas-DISABLED[data-device=mobile]{background:linear-gradient(#d8dde6 0%,#b8bfcc 100%);justify-content:center;align-items:center;padding:18px 0;display:flex}.android-frame-DISABLED{background:#1a1a1a;border-radius:36px;width:280px;height:540px;padding:8px;display:none;position:relative;box-shadow:0 0 0 1.5px #2a2a2a,0 12px 40px #00000059,inset 0 0 0 1px #000}.preview-canvas[data-device=mobile] .android-frame{display:block}.preview-canvas[data-device=mobile] .desktop-launcher-host,.preview-canvas[data-device=desktop] .android-frame{display:none}.android-frame:before,.android-frame:after{content:"";background:#0a0a0a;border-radius:1px;position:absolute}.android-frame:before{width:3px;height:50px;top:110px;right:-2px}.android-frame:after{width:3px;height:90px;top:90px;left:-2px}.android-screen{background:#fff;border-radius:28px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.android-statusbar{color:#1a1a1a;z-index:10;background:#fff;flex:none;justify-content:space-between;align-items:center;height:22px;padding:0 14px 0 18px;font-size:11px;font-weight:500;display:flex;position:relative}.android-statusbar__time{letter-spacing:.02em}.android-statusbar__icons{align-items:center;gap:4px;display:flex}.android-statusbar__icons svg{color:#1a1a1a;width:11px;height:11px;display:block}.android-statusbar__battery{align-items:center;gap:2px;font-size:9px;font-weight:600;display:inline-flex}.android-camera{z-index:11;background:#000;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #1c1c1c}.android-page{scrollbar-width:none;background:#f7f8fa;flex:auto;position:relative;overflow-y:auto}.android-page::-webkit-scrollbar{display:none}.android-page__nav{z-index:5;background:#fff;border-bottom:1px solid #e8eaee;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:sticky;top:0}.android-page__brand{color:#1a1a1a;letter-spacing:.04em;font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.android-page__icons{color:#4a546a;gap:12px;display:flex}.android-page__icons svg{width:16px;height:16px}.android-page__hero{color:#fff;background:linear-gradient(135deg,#00000073 0%,#00000026 100%),linear-gradient(#4a7fb0 0%,#2c5985 100%);flex-direction:column;justify-content:flex-end;height:140px;padding:14px;display:flex;position:relative;overflow:hidden}.android-page__hero:before{content:"";background:polygon(0 100%, 12% 70%, 24% 92%, 38% 50%, 52% 85%, 68% 60%, 82% 90%, 100% 70%, 100% 100%);clip-path:polygon(0 100%,12% 60%,24% 92%,38% 40%,52% 85%,68% 55%,82% 90%,100% 65%,100% 100%);background:#00000059;height:60%;position:absolute;bottom:0;left:0;right:0}.android-page__hero-title{margin-bottom:2px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;position:relative}.android-page__hero-sub{opacity:.85;font-size:10px;position:relative}.android-page__section{padding:14px}.android-page__section-title{color:#1a1a1a;margin-bottom:8px;font-size:12px;font-weight:700}.android-page__cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.android-page__card{background:#fff;border:1px solid #e8eaee;border-radius:6px;overflow:hidden}.android-page__card-img{background:linear-gradient(135deg,#d8dde6 0%,#b8bfcc 100%);height:70px}.android-page__card:first-child .android-page__card-img{background:linear-gradient(135deg,#6b8eb5 0%,#3e5d80 100%)}.android-page__card:nth-child(2) .android-page__card-img{background:linear-gradient(135deg,#d4a373 0%,#8b6240 100%)}.android-page__card:nth-child(3) .android-page__card-img{background:linear-gradient(135deg,#84a98c 0%,#4f6f5a 100%)}.android-page__card:nth-child(4) .android-page__card-img{background:linear-gradient(135deg,#c8b8d8 0%,#6e5e84 100%)}.android-page__card-body{padding:6px 8px 8px}.android-page__card-title{color:#1a1a1a;margin-bottom:2px;font-size:10px;font-weight:600}.android-page__card-price{color:#a41e23;font-size:11px;font-weight:700}.android-page__cta-bar{z-index:4;background:#fff;border-top:1px solid #e8eaee;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;bottom:0}.android-page__cta-price{color:#1a1a1a;font-size:13px;font-weight:700}.android-page__cta-button{color:#fff;text-align:center;letter-spacing:.04em;text-transform:uppercase;background:#1a1a1a;border-radius:4px;flex:auto;padding:8px 12px;font-size:11px;font-weight:600}.android-gesturebar{z-index:10;background:#fff;flex:none;justify-content:center;align-items:center;height:18px;display:flex;position:relative}.android-gesturebar:after{content:"";background:#1a1a1a;border-radius:2px;width:90px;height:3px}.preview-canvas[data-device=mobile] .gsb-launcher{bottom:100px;left:auto;right:calc(50% - 120px)}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=enhanced],.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein]{border-radius:20px;gap:3px;min-width:0;padding:6px 11px 6px 7px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=enhanced] .gsb-launcher__row,.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher__row{gap:8px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=enhanced] .gsb-launcher-avatar-human{margin-left:-5px}.preview-canvas[data-device=mobile] .gsb-launcher-avatar svg{width:9px;height:9px}.preview-canvas[data-device=mobile] .gsb-launcher-divider{height:16px}.preview-canvas[data-device=mobile] .gsb-launcher-weather{gap:4px}.preview-canvas[data-device=mobile] .gsb-launcher-weather svg{width:12px;height:12px}.preview-canvas[data-device=mobile] .gsb-launcher-weather__temp{font-size:11px;line-height:1}.preview-canvas[data-device=mobile] .gsb-launcher-weather__unit{font-size:8px}.preview-canvas[data-device=mobile] .gsb-launcher-microlabel{letter-spacing:.06em;margin-top:2px;margin-left:2px;font-size:7px}.preview-canvas[data-device=mobile] .gsb-launcher-cta{letter-spacing:.01em;margin-top:1px;padding-top:4px;font-size:9px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein]{gap:5px;width:36px;min-width:0;padding:7px 3px 6px;bottom:100px;right:calc(50% - 127px)}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher__row{gap:5px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher-avatar{border-width:1.5px;width:22px;height:22px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher-avatar svg{width:10px;height:10px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher-avatar-human{margin-top:-6px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher-divider{width:20px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher-weather svg{width:13px;height:13px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher-weather__temp{font-size:9px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher-weather__unit{font-size:6px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher-cta{gap:2px;padding-top:5px;font-size:6px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-cta-icon svg{width:11px;height:11px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=enhanced] .gsb-launcher-avatar,.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=slidein] .gsb-launcher-avatar{border-width:1.5px;width:22px;height:22px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=traditional],.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=custom]{width:48px;height:48px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=traditional] .gsb-launcher-traditional-icon{width:22px;height:22px}.preview-canvas[data-device=mobile] .gsb-launcher[data-icon-style=custom] .gsb-launcher-custom-icon{width:26px;height:26px}.preview-canvas[data-device=mobile] .gsb-launcher[data-slide-state=hidden]{transform:translate(calc(100% + 16px))}.preview-canvas[data-device=mobile][data-variant=side] .gsb-chat,.preview-canvas[data-device=mobile][data-variant=middle] .gsb-chat,.preview-canvas[data-device=mobile][data-variant=full] .gsb-chat{border:0;border-top:1px solid var(--border);border-radius:0;width:auto;height:auto;inset:48px calc(50% - 132px) 44px;transform:none}.preview-canvas[data-device=mobile][data-variant=full] .gsb-chat{flex-direction:column}.preview-canvas[data-device=mobile][data-variant=full] .gsb-chat-brand-col{flex-direction:row;flex:none;align-items:center;gap:12px;height:auto;padding:12px 14px}.preview-canvas[data-device=mobile][data-variant=full] .gsb-chat-brand-col__logo{max-height:26px;margin-bottom:0}.preview-canvas[data-device=mobile][data-variant=full] .gsb-chat-brand-col__title{margin-bottom:0;font-size:12px}.preview-canvas[data-device=mobile][data-variant=full] .gsb-chat-brand-col__sub,.preview-canvas[data-device=mobile][data-variant=full] .gsb-chat-conv-col .gsb-chat-header{display:none}.preview-canvas[data-device=mobile] .gsb-backdrop{inset:48px calc(50% - 132px) 44px}.preview-canvas[data-device=mobile][data-preview-open=true] .android-page{pointer-events:none}.preview-canvas[data-device=mobile] .gsb-chat-header{min-height:48px;padding:10px 12px}.preview-canvas[data-device=mobile] .gsb-chat .gsb-logo{max-width:140px;max-height:28px}.preview-canvas[data-device=mobile] .gsb-chat-body{gap:6px;padding:10px}.preview-canvas[data-device=mobile] .gsb-chat-welcome{margin-bottom:4px;padding:4px 8px 8px;font-size:11px}.preview-canvas[data-device=mobile] .gsb-msg{padding:6px 10px;font-size:11px}.preview-canvas[data-device=mobile] .gsb-chip{padding:3px 7px;font-size:9px}.preview-canvas[data-device=mobile] .gsb-chat-composer{padding:6px 8px}.preview-canvas[data-device=mobile] .gsb-chat-composer input{padding:6px 10px;font-size:11px}.preview-canvas[data-device=mobile] .gsb-chat-send{width:26px;height:26px}.preview-canvas[data-device=mobile] .gsb-chat-send svg{width:10px;height:10px}.preview-mode-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;margin-right:6px;padding:2px;display:inline-flex}.preview-mode-toggle button{color:var(--ink-soft);cursor:pointer;letter-spacing:.01em;background:0 0;border:0;border-radius:3px;padding:5px 10px;font-size:11px;font-weight:500}.preview-mode-toggle button[data-active=true]{background:var(--accent);color:#fff}.slider-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.slider-row__slider{flex-direction:column;flex:auto;align-items:stretch;gap:4px;min-width:140px;display:flex}.slider-row__ticks{width:100%;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:flex-start;padding:0 1px;font-size:10px;font-weight:500;display:flex}.slider-row__ticks span{text-align:center;flex:1 1 0}.slider-row__ticks span:first-child{text-align:left}.slider-row__ticks span:last-child{text-align:right}.slider-row__slider input[type=range]{appearance:none;background:var(--border-strong);border-radius:2px;outline:none;flex:auto;height:4px}.slider-row__slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.slider-row__slider input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.slider-row__value{color:var(--ink);text-align:right;min-width:44px;font-family:SF Mono,Menlo,monospace;font-size:12px}.slider-row__presets{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:2px;display:inline-flex}.slider-row__presets button{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:3px;padding:5px 10px;font-size:11px;font-weight:600}.slider-row__presets button[data-active=true]{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;width:100%;padding:2px;display:inline-flex}.segmented button{color:var(--ink-soft);cursor:pointer;letter-spacing:.01em;background:0 0;border:0;border-radius:3px;flex:1 1 0;padding:7px 8px;font-size:12px;font-weight:500}.segmented button[data-active=true]{background:var(--accent);color:#fff}.embed-subcard{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-top:14px;padding:18px 20px}.embed-subcard__title{color:var(--ink);align-items:center;gap:6px;margin:0 0 4px;font-size:14px;font-weight:500;display:flex}.embed-subcard__sub{color:var(--ink-muted);margin:0 0 16px;font-size:12px}.embed-snippet{background:var(--surface-2);color:var(--ink);border:1px solid var(--border);white-space:nowrap;border-radius:6px;margin-top:12px;padding:10px 12px;font-family:SF Mono,Menlo,monospace;font-size:11px;line-height:1.5;overflow-x:auto}.embed-snippet__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;display:block}.embed-snippet__tag{color:var(--ink-soft)}.embed-snippet__attr{color:var(--accent);font-weight:500}.embed-inline-preview{margin-top:16px}.embed-inline-preview__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;display:block}.embed-inline-preview__stage{border:1px solid var(--border);background:linear-gradient(#fafbfc 0%,#f4f6f9 100%);border-radius:6px;justify-content:center;align-items:center;min-height:80px;padding:22px 20px;display:flex}.embed-inline-preview__stage--search{flex-direction:column;gap:14px}.starter-inputs{flex-direction:column;gap:8px;display:flex}.embed-snippet__bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.embed-snippet__copy{color:var(--accent);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;padding:3px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.embed-snippet__copy:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.embed-snippet__copy[data-copied=true]{color:#fff;background:#1e9e5a;border-color:#1e9e5a}.embed-snippet__code{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:8px 0 0;font-family:SF Mono,Menlo,monospace;font-size:11px;line-height:1.55}.embed-help{color:var(--ink-soft);align-items:flex-start;gap:8px;margin:9px 2px 0;font-size:12px;line-height:1.5;display:flex}.embed-help svg{width:14px;height:14px;color:var(--ink-muted);flex:none;margin-top:1px}.embed-help strong{color:var(--ink);font-weight:600}.embed-help code{background:var(--surface-2);border:1px solid var(--border);color:var(--ink);border-radius:4px;padding:0 4px;font-family:SF Mono,Menlo,monospace;font-size:11px}.embed-inline-preview__stage--button{min-height:76px;padding:18px 20px}.preview-canvas[data-preview-mode=embeddable] .gsb-launcher,.preview-canvas[data-preview-mode=embeddable] .gsb-chat,.preview-canvas[data-preview-mode=embeddable] .gsb-backdrop,.preview-canvas[data-preview-mode=embeddable] .android-frame{display:none!important}.embed-canvas{-webkit-overflow-scrolling:touch;background:#fff;flex-direction:column;flex:auto;display:none;overflow-y:auto}.preview-canvas[data-preview-mode=embeddable]{background:#fff}.preview-canvas[data-preview-mode=embeddable] .embed-canvas{display:flex}.embed-mock-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff5;border-bottom:1px solid #ece8de;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.embed-mock-nav__brand{align-items:center;gap:8px;display:flex}.embed-mock-nav__brand-mark{color:#1a1a1a;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.embed-mock-nav__brand-text{flex-direction:column;line-height:1;display:flex}.embed-mock-nav__brand-name{letter-spacing:.02em;color:#1a1a1a;font-family:Playfair Display,Georgia,serif;font-size:13px;font-weight:700}.embed-mock-nav__brand-sub{letter-spacing:.16em;color:#8a847b;text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:600}.embed-mock-nav__actions{color:#1a1a1a;align-items:center;gap:12px;display:flex}.embed-mock-nav__actions svg{width:18px;height:18px}.embed-mock-hero{color:#fff;background:linear-gradient(#00000026 0%,#0000008c 100%),radial-gradient(at 30% 60%,#5a7896 0%,#2c4060 50%,#1a2638 100%);flex-direction:column;justify-content:flex-end;min-height:360px;padding:28px 22px 32px;display:flex;position:relative;overflow:hidden}.embed-mock-hero:before{content:"";clip-path:polygon(0 100%,0 78%,8% 62%,14% 70%,22% 38%,28% 50%,36% 28%,44% 12%,52% 30%,60% 22%,68% 8%,76% 24%,84% 18%,92% 36%,100% 28%,100% 100%);background:linear-gradient(#0000 0%,#0006 100%);height:70%;position:absolute;bottom:0;left:0;right:0}.embed-mock-hero:after{content:"";clip-path:polygon(36% 32%,40% 26%,44% 12%,48% 22%,52% 30%,50% 36%,46% 32%,42% 38%,38% 36%);background:#ffffff24;height:70%;position:absolute;bottom:0;left:0;right:0}.embed-mock-hero__content{z-index:2;width:100%;position:relative}.embed-mock-hero__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#ffffffd9;border:1px solid #fff6;border-radius:2px;margin-bottom:12px;padding:4px 9px;font-size:9px;font-weight:700;display:inline-block}.embed-mock-hero__title{letter-spacing:-.01em;text-shadow:0 2px 12px #0000004d;margin-bottom:10px;font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:700;line-height:.95}.embed-mock-hero__title em{font-style:italic;font-weight:500}.embed-mock-hero__sub{opacity:.9;max-width:320px;margin-bottom:18px;font-size:13px;line-height:1.5}.embed-mock-hero__search-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.font-presets{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.font-preset{border:1.5px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;font-family:inherit;transition:all .14s;display:flex}.font-preset:hover{border-color:var(--accent)}.font-preset[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.font-preset__name{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.font-preset__sample{align-items:baseline;gap:3px;font-size:22px;line-height:1;display:inline-flex}.font-preset__sample strong{color:var(--ink);font-weight:700}.font-preset__sample em{color:var(--ink-soft);font-style:italic;font-weight:600}.font-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.font-card{border:1.5px solid var(--border-strong);cursor:pointer;text-align:center;background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;transition:all .14s;display:flex;position:relative}.font-card:hover{border-color:var(--accent)}.font-card input{opacity:0;pointer-events:none;position:absolute}.font-card[data-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.font-card__sample{color:var(--ink);font-size:28px;font-weight:500;line-height:1;display:block}.font-card__sample em{font-style:italic;font-weight:500}.font-card__name{color:var(--ink-soft);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:11px;font-weight:500;overflow:hidden}@media (width<=720px){.font-grid{grid-template-columns:repeat(3,1fr)}.font-card{padding:10px 6px 8px}.font-card__sample{font-size:22px}.font-card__name{font-size:10px}.font-presets{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}.font-preset{padding:8px 6px}.font-preset__name{font-size:10px}.font-preset__sample{font-size:18px}}.gsb-embed-button{border:1.5px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;letter-spacing:.04em;width:var(--gsb-btn-size,44px);height:var(--gsb-btn-size,44px);border-radius:var(--gsb-btn-radius,50%);font-family:inherit;font-weight:600;font-size:calc(var(--gsb-btn-size,44px) * .28);box-shadow:var(--gsb-depth-effect,none);flex:none;justify-content:center;align-items:center;gap:8px;transition:box-shadow .24s,transform .2s;display:inline-flex}.gsb-embed-button[data-has-label=true]{width:auto;min-height:var(--gsb-btn-size,44px);height:var(--gsb-btn-size,44px);padding:0 18px}.gsb-embed-button[data-bg=transparent]{color:var(--brand);background:0 0}.gsb-embed-button[data-bg=white]{color:var(--brand);background:#fff}.gsb-embed-button svg{width:calc(var(--gsb-btn-size,44px) * .525);height:calc(var(--gsb-btn-size,44px) * .525);flex:none}.gsb-embed-button[data-has-label=true] svg{width:18px;height:18px}.gsb-embed-button[data-icon-weight=thin] svg path,.gsb-embed-button[data-icon-weight=thin] svg circle,.gsb-embed-button[data-icon-weight=thin] svg line{stroke-width:1.4px}.gsb-embed-button[data-icon-weight=regular] svg path,.gsb-embed-button[data-icon-weight=regular] svg circle,.gsb-embed-button[data-icon-weight=regular] svg line{stroke-width:1.8px}.gsb-embed-button[data-icon-weight=bold] svg path,.gsb-embed-button[data-icon-weight=bold] svg circle,.gsb-embed-button[data-icon-weight=bold] svg line{stroke-width:2.4px}.gsb-embed-button svg .gsb-ai-spark{fill:currentColor;transform-box:fill-box;transform-origin:50%;animation:2.5s ease-in-out infinite gsb-ai-spark}@keyframes gsb-ai-spark{0%,to{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.gsb-embed-button svg .gsb-ai-spark{opacity:1;animation:none;transform:none}}.embed-mock-section{background:#faf7f1;border-top:1px solid #ece8de;padding:28px 22px}.embed-mock-section__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand);margin-bottom:6px;font-size:9px;font-weight:700}.embed-mock-section__title{color:#1a1a1a;margin-bottom:6px;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;line-height:1.1}.embed-mock-section__sub{color:#5a544c;margin-bottom:16px;font-size:12px;line-height:1.5}.embed-mock-section__button-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.embed-mock-section__button-caption{color:#8a847b;font-size:11px;font-style:italic}.embed-mock-secondary{background:#fff;border-top:1px solid #ece8de;padding:22px 22px 32px}.embed-mock-secondary__faux-nav{background:#fff;border:1px solid #ece8de;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.embed-mock-secondary__faux-nav-links{color:#5a544c;gap:14px;font-size:11px;font-weight:600;display:flex}.embed-mock-secondary__caption{color:#8a847b;text-align:center;font-size:11px;font-style:italic}