:root{color-scheme:dark;--font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--space-1: 12px;--space-2: 24px;--space-3: 48px;--space-4: 72px;--radius-card: 16px;--radius-button: 12px;--radius-pill: 999px;--bg: #000000;--bg-muted: #050505;--bg-elevated: #090909;--fg: #ffffff;--fg-strong: #ffffff;--fg-weak: #f5f5f4;--fg-subtle: #e7e5e4;--fg-muted: #d6d3d1;--muted: #a1a1aa;--muted-2: #a1a1aa;--muted-3: #f3e6ae;--muted-4: #a8a29e;--muted-5: #78716c;--card: #0a0a0a;--card-2: #111111;--card-3: #121212;--card-4: #151515;--surface-soft: rgba(17, 17, 17, .82);--surface-strong: rgba(15, 15, 15, .94);--surface-strong-2: rgba(17, 17, 17, .98);--surface-strong-3: rgba(10, 10, 10, .98);--surface-strong-4: rgba(37, 31, 14, .72);--surface-solid: #111111;--surface-muted: rgba(22, 22, 22, .92);--surface-muted-2: rgba(17, 17, 17, .75);--border: rgba(250, 204, 21, .16);--border-alt: rgba(250, 204, 21, .2);--border-subtle: rgba(250, 204, 21, .18);--border-soft: rgba(250, 204, 21, .24);--border-soft-2: rgba(250, 204, 21, .28);--border-faint: rgba(255, 255, 255, .08);--border-faint-2: rgba(255, 255, 255, .06);--border-faint-3: rgba(250, 204, 21, .14);--border-ghost: rgba(250, 204, 21, .08);--border-ghost-2: rgba(250, 204, 21, .1);--border-strong: rgba(250, 204, 21, .34);--border-strong-2: rgba(250, 204, 21, .42);--border-strong-3: rgba(234, 179, 8, .38);--border-strong-4: rgba(202, 138, 4, .4);--border-focus: rgba(250, 204, 21, .88);--border-focus-2: rgba(234, 179, 8, .85);--primary: #facc15;--primary-2: #eab308;--accent: #ca8a04;--brand-primary: #facc15;--brand-accent: #ca8a04;--warning: #facc15;--success: #22c55e;--danger: #ef4444;--accent-soft: rgba(250, 204, 21, .12);--accent-soft-2: rgba(250, 204, 21, .18);--accent-soft-3: rgba(250, 204, 21, .16);--accent-soft-4: rgba(202, 138, 4, .18);--accent-soft-5: rgba(250, 204, 21, .22);--accent-soft-6: rgba(234, 179, 8, .2);--accent-soft-7: rgba(202, 138, 4, .18);--accent-strong: rgba(250, 204, 21, .78);--field-bg: rgba(17, 17, 17, .9);--field-bg-hover: rgba(24, 24, 24, .96);--field-border: rgba(250, 204, 21, .18);--field-border-strong: rgba(250, 204, 21, .34);--field-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);--glass-1: rgba(250, 204, 21, .05);--glass-2: rgba(250, 204, 21, .12);--glass-3: rgba(250, 204, 21, .2);--glass-text: rgba(255, 255, 255, .7);--shadow-primary: 0 18px 48px rgba(250, 204, 21, .18);--primary-shadow: rgba(250, 204, 21, .28);--surface-shadow: 0 18px 48px rgba(0, 0, 0, .46);--surface-shadow-hover: 0 26px 60px rgba(0, 0, 0, .56);--glow: 0 0 28px rgba(250, 204, 21, .18);--glow-strong: 0 0 36px rgba(250, 204, 21, .22);--glow-blue: rgba(250, 204, 21, .14);--glow-cyan: rgba(202, 138, 4, .14);--glow-purple: rgba(120, 53, 15, .18);--editor-shell-bg: rgba(17, 17, 17, .88);--editor-panel-bg: rgba(19, 19, 19, .84);--editor-panel-bg-alt: rgba(26, 23, 17, .76);--editor-chip-bg: rgba(250, 204, 21, .08);--editor-card-border: rgba(250, 204, 21, .22);--panel-surface: rgba(17, 17, 17, .78);--panel-surface-alt: rgba(20, 20, 20, .68);--panel-surface-soft: rgba(255, 255, 255, .05);--success-soft: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .35);--success-soft-2: rgba(34, 197, 94, .16);--success-border-2: rgba(34, 197, 94, .45);--success-soft-text: #86efac;--success-soft-text-2: #bbf7d0;--danger-soft: rgba(239, 68, 68, .12);--danger-soft-2: rgba(239, 68, 68, .16);--danger-border: rgba(239, 68, 68, .35);--danger-border-strong: rgba(239, 68, 68, .46);--danger-soft-text: #fca5a5}:root[data-theme=light]{color-scheme:light;--bg: #f7f3eb;--bg-muted: #f3ede2;--bg-elevated: #fbf8f1;--fg: #171717;--fg-strong: #171717;--fg-weak: #222222;--fg-subtle: #312b24;--fg-muted: #44403c;--muted: #52525b;--muted-2: #52525b;--muted-3: #8a6525;--muted-4: #71717a;--muted-5: #a1a1aa;--card: #ffffff;--card-2: #ffffff;--card-3: #fcf9f3;--card-4: #f3ede2;--surface-soft: rgba(255, 255, 255, .94);--surface-strong: rgba(255, 255, 255, .98);--surface-strong-2: rgba(255, 255, 255, .98);--surface-strong-3: rgba(251, 248, 241, .98);--surface-strong-4: rgba(183, 138, 42, .08);--surface-solid: #ffffff;--surface-muted: rgba(255, 255, 255, .92);--surface-muted-2: rgba(247, 243, 235, .86);--border: rgba(180, 138, 61, .18);--border-alt: rgba(183, 138, 42, .2);--border-subtle: rgba(180, 138, 61, .18);--border-soft: rgba(183, 138, 42, .24);--border-soft-2: rgba(183, 138, 42, .28);--border-faint: rgba(49, 43, 36, .12);--border-faint-2: rgba(49, 43, 36, .08);--border-faint-3: rgba(183, 138, 42, .14);--border-ghost: rgba(183, 138, 42, .08);--border-ghost-2: rgba(183, 138, 42, .1);--border-strong: rgba(183, 138, 42, .34);--border-strong-2: rgba(183, 138, 42, .42);--border-strong-3: rgba(180, 138, 61, .34);--border-strong-4: rgba(166, 124, 82, .32);--border-focus: rgba(183, 138, 42, .76);--border-focus-2: rgba(180, 138, 61, .72);--primary: #b78a2a;--primary-2: #c19a6b;--accent: #c19a6b;--brand-primary: #b78a2a;--brand-accent: #c19a6b;--warning: #b78a2a;--accent-soft: rgba(193, 154, 107, .08);--accent-soft-2: rgba(193, 154, 107, .12);--accent-soft-3: rgba(193, 154, 107, .14);--accent-soft-4: rgba(183, 138, 42, .12);--accent-soft-5: rgba(183, 138, 42, .16);--accent-soft-6: rgba(193, 154, 107, .15);--accent-soft-7: rgba(166, 124, 82, .14);--accent-strong: rgba(183, 138, 42, .72);--field-bg: rgba(255, 255, 255, .97);--field-bg-hover: rgba(255, 255, 255, 1);--field-border: rgba(180, 138, 61, .18);--field-border-strong: rgba(183, 138, 42, .28);--field-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);--glass-1: rgba(183, 138, 42, .05);--glass-2: rgba(193, 154, 107, .1);--glass-3: rgba(183, 138, 42, .16);--glass-text: rgba(23, 23, 23, .72);--shadow-primary: 0 18px 42px rgba(183, 138, 42, .16);--primary-shadow: rgba(183, 138, 42, .18);--surface-shadow: 0 20px 44px rgba(63, 48, 29, .1);--surface-shadow-hover: 0 26px 56px rgba(63, 48, 29, .14);--glow: 0 0 26px rgba(183, 138, 42, .12);--glow-strong: 0 0 34px rgba(193, 154, 107, .16);--glow-blue: rgba(193, 154, 107, .09);--glow-cyan: rgba(183, 138, 42, .09);--glow-purple: rgba(166, 124, 82, .08);--editor-shell-bg: rgba(255, 255, 255, .84);--editor-panel-bg: rgba(255, 255, 255, .9);--editor-panel-bg-alt: rgba(243, 237, 226, .86);--editor-chip-bg: rgba(183, 138, 42, .08);--editor-card-border: rgba(180, 138, 61, .18);--panel-surface: rgba(255, 255, 255, .9);--panel-surface-alt: rgba(243, 237, 226, .9);--panel-surface-soft: rgba(255, 255, 255, .68)}html,body{margin:0;min-height:100%;width:100%;overflow-x:hidden}html{background:var(--bg)}body{position:relative;background:radial-gradient(circle at top left,rgba(193,154,107,.08),transparent 32%),radial-gradient(circle at top right,rgba(183,138,42,.08),transparent 30%),linear-gradient(180deg,var(--bg-elevated),var(--bg));color:var(--fg);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 320px at 12% 8%,var(--glow-blue),transparent 62%),radial-gradient(640px 420px at 88% 0%,var(--glow-cyan),transparent 60%),radial-gradient(720px 520px at 50% 100%,var(--glow-purple),transparent 74%);opacity:.95}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--border-ghost) 1px,transparent 1px),linear-gradient(90deg,var(--border-ghost) 1px,transparent 1px);background-size:120px 120px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.36),transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.36),transparent 80%)}*,*:before,*:after{box-sizing:border-box}#root{position:relative;z-index:1;min-height:100vh}::selection{background:#facc153d;color:var(--fg)}img,svg,video,canvas{max-width:100%}h1,h2,h3,h4,h5,h6{margin:0;color:var(--fg-strong);font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.08}p,li,label,span,small,a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{width:100%;min-height:48px;border-radius:var(--radius-button)!important;border:1px solid var(--field-border)!important;background:var(--field-bg)!important;color:var(--fg)!important;box-shadow:var(--field-shadow);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,textarea:hover,select:hover{background:var(--field-bg-hover)!important;border-color:var(--field-border-strong)!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--border-focus)!important;box-shadow:0 0 0 3px var(--accent-soft-5),var(--field-shadow);transform:translateY(-1px)}input::placeholder,textarea::placeholder{color:var(--muted)}.app-shell{min-height:100vh;width:100%;color:var(--fg)}.app-page{padding-block:clamp(20px,2.5vw,32px);padding-bottom:calc(clamp(24px,3vw,40px) + env(safe-area-inset-bottom))}.app-container{width:min(100%,1240px);margin-inline:auto;padding-inline:clamp(16px,3.8vw,32px)}.app-section{margin-top:var(--space-2)}.app-title{font-size:clamp(2rem,4vw,3.4rem)}.app-subtitle{margin-top:10px;margin-bottom:0;color:var(--muted);max-width:68ch;font-size:clamp(.98rem,1.7vw,1.06rem);line-height:1.65}.glass,.glass-strong,.surface,.surface-strong,.page-section,.card,.panel{position:relative;overflow:hidden;border-radius:var(--radius-card)!important;border:1px solid var(--border-subtle);box-shadow:var(--surface-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.glass,.surface,.page-section,.card,.panel{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 38%),linear-gradient(135deg,var(--glass-1),transparent 68%),var(--surface-soft)}.glass-strong,.surface-strong{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(135deg,var(--glass-2),transparent 70%),var(--surface-strong)}.glass:before,.glass-strong:before,.surface:before,.surface-strong:before,.page-section:before,.card:before,.panel:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30%);opacity:.65}.glass:hover,.glass-strong:hover,.surface:hover,.surface-strong:hover,.page-section:hover,.card:hover,.panel:hover{transform:translateY(-2px);border-color:var(--border-strong-2);box-shadow:var(--surface-shadow-hover),var(--glow)}.text-muted{color:var(--muted)!important}.text-subtle{color:var(--fg-subtle)!important}.btn-primary,.btn-secondary,.btn-ghost,.feature-gate-cta,.adnews-primary-btn,.auth-submit,.nav-auth-btn,.app-drawer-action,.app-menu-btn{appearance:none;border-radius:var(--radius-button)!important;font-weight:600;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease}.btn-primary,.adnews-primary-btn,.auth-submit{color:#171717!important;border:1px solid rgba(183,138,42,.56);background:linear-gradient(135deg,#e5ca96,#c19a6b 52%,#b78a2a)!important;box-shadow:0 12px 28px #b78a2a38,inset 0 1px #ffffff57}.btn-secondary,.nav-auth-btn,.app-drawer-action,.app-menu-btn,.feature-gate-cta{color:var(--fg)!important;border:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--surface-muted)!important;box-shadow:inset 0 1px #ffffff0d}.btn-ghost{color:var(--fg)!important;border:1px solid var(--border)!important;background:transparent!important}a.btn-primary,a.btn-secondary,a.btn-ghost,a.feature-gate-cta,.nav-auth-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover,.feature-gate-cta:hover,.adnews-primary-btn:hover,.auth-submit:hover,.nav-auth-btn:hover,.app-drawer-action:hover,.app-menu-btn:hover{filter:brightness(1.06);transform:scale(1.03)}.btn-primary:hover,.adnews-primary-btn:hover,.auth-submit:hover{box-shadow:0 14px 32px #b78a2a3d,0 0 0 1px #c19a6b4d,0 0 24px #b78a2a2e}.btn-primary:active,.btn-secondary:active,.btn-ghost:active,.feature-gate-cta:active,.adnews-primary-btn:active,.auth-submit:active,.nav-auth-btn:active,.app-drawer-action:active,.app-menu-btn:active{filter:brightness(.98);transform:scale(.97)}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.adnews-primary-btn:disabled,.auth-submit:disabled,.nav-auth-btn:disabled,.app-drawer-action:disabled{opacity:.56;box-shadow:none}.glass-header{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 72%),var(--editor-shell-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.workspace-template-panel{display:grid;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--editor-card-border);background:var(--editor-panel-bg);box-shadow:var(--surface-shadow)}.workspace-choice-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.workspace-choice-card{display:grid;gap:6px;padding:14px;border-radius:16px;border:1px solid var(--editor-card-border);background:var(--editor-panel-bg-alt);text-align:left;color:var(--fg);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.workspace-choice-card span{font-weight:700}.workspace-choice-card small{color:var(--muted);line-height:1.5}.workspace-choice-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--surface-shadow)}.workspace-choice-card.is-active{border-color:var(--border-focus);background:linear-gradient(180deg,var(--accent-soft-3),transparent 90%),var(--editor-panel-bg-alt)}.workspace-template-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.workspace-color-input{display:grid;gap:10px;grid-template-columns:54px minmax(0,1fr);align-items:center}.workspace-color-input input[type=color]{width:54px;min-width:54px;height:46px;padding:0;border-radius:12px;border:1px solid var(--field-border);background:transparent}.advanced-color-field{display:grid;gap:8px}.advanced-color-shell{display:grid;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--field-border);background:var(--panel-surface-alt)}.advanced-color-preview{display:grid;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid rgba(17,24,39,.08)}.advanced-color-preview strong{font-size:.95rem}.advanced-color-preview small{opacity:.84}.advanced-color-panel{position:relative;min-height:148px;border-radius:16px;overflow:hidden;cursor:crosshair;border:1px solid rgba(17,24,39,.12)}.advanced-color-slider-row{display:grid;gap:8px}.advanced-color-hue{appearance:none;width:100%;height:12px;border-radius:999px;outline:none;border:1px solid rgba(17,24,39,.12)}.advanced-color-hue::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:999px;border:2px solid #ffffff;background:#111827;box-shadow:0 0 0 1px #1118272e}.advanced-color-hue::-moz-range-thumb{width:18px;height:18px;border-radius:999px;border:2px solid #ffffff;background:#111827;box-shadow:0 0 0 1px #1118272e}.advanced-color-input-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,.7fr))}.workspace-upload-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid var(--field-border);background:var(--accent-soft-3);color:var(--fg);font-size:12px;line-height:1.3}.workspace-template-summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.workspace-template-summary>div{display:grid;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid var(--editor-card-border);background:var(--editor-chip-bg)}.workspace-template-summary span{color:var(--muted);line-height:1.5}.workspace-split-layout{display:grid;gap:18px;grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.render-preview-shell{display:grid;gap:16px;padding:18px;border-radius:20px;border:1px solid var(--field-border);background:radial-gradient(circle at top,rgba(250,204,21,.12),transparent 38%),linear-gradient(180deg,#111111f5,#0a0a0af0);box-shadow:0 28px 80px #00000047}.render-preview-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}.render-preview-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.render-preview-toggle[data-active=true],.render-preview-dot[data-active=true]{border-color:var(--field-border-strong);background:var(--accent-soft-5)}.render-preview-square{position:relative;aspect-ratio:1 / 1;width:100%;overflow:hidden;padding:clamp(24px,4vw,42px);border-radius:24px;border:1px solid rgba(250,204,21,.22);background:radial-gradient(circle at top,rgba(250,204,21,.2),transparent 42%),linear-gradient(180deg,#111,#0a0a0a 72%);color:#f8fafc}.render-preview-square-meta{position:absolute;top:16px;right:16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#facc15db}.render-preview-square-title{margin:0;font-size:clamp(1.8rem,3.8vw,3rem);line-height:1.08;letter-spacing:-.04em;max-width:12ch}.render-preview-square-body{margin:0;max-width:34ch;font-size:clamp(.98rem,1.8vw,1.18rem);line-height:1.6;color:#f8fafcd6}.render-preview-square-cta{display:inline-flex;width:fit-content;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#facc15,#eab308);color:#111;font-weight:700}.render-preview-square-tags{font-size:13px;line-height:1.6;color:#facc15eb}.render-preview-square-list{margin:0;padding-left:20px;display:grid;gap:12px;max-width:34ch;color:#f8fafce0;font-size:clamp(.98rem,1.8vw,1.14rem);line-height:1.55}.render-preview-text{margin:0;white-space:pre-wrap;padding:16px;border-radius:16px;border:1px solid rgba(250,204,21,.14);background:#ffffff08;color:var(--fg);font-size:14px;line-height:1.7;overflow-x:auto}.render-preview-email-frame{display:grid;gap:0;border-radius:20px;overflow:hidden;border:1px solid rgba(250,204,21,.16);background:#ffffff08}.render-preview-email-topbar{display:flex;justify-content:space-between;gap:8px;padding:12px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#facc15d6;background:#facc150f}.render-preview-email-shell{display:grid;gap:12px;padding:18px}.render-preview-email-subject{font-size:1.05rem;font-weight:700;color:#f8fafc}.render-preview-email-snippet{font-size:13px;line-height:1.5;color:#f8fafca6}.render-preview-email-body{display:grid;gap:0}.render-preview-email-body p{margin:0 0 14px;line-height:1.7}.render-preview-email-body strong{color:#facc15}.render-preview-blog-shell{display:block;border-radius:24px;overflow:hidden;border:1px solid rgba(250,204,21,.14);background:#ffffff08}.render-preview-article{display:grid;gap:18px;max-width:760px;margin:0 auto;padding:clamp(22px,4vw,48px)}.render-preview-article h1,.render-preview-article h2{margin:0;color:#f8fafc;line-height:1.1}.render-preview-article h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;max-width:16ch}.render-preview-article h2{font-size:clamp(1.15rem,2vw,1.55rem);color:#facc15}.render-preview-article p{margin:0;font-size:1rem;line-height:1.82;color:#f8fafcd6}.render-preview-cta-block{display:grid;gap:10px;padding:20px;border-radius:18px;border:1px solid rgba(250,204,21,.18);background:#facc150f}.render-preview-cta-block strong{color:#facc15}.splash-root{background:radial-gradient(circle at top,rgba(250,204,21,.12),transparent 42%),linear-gradient(180deg,var(--bg-elevated),var(--bg))}.splash-video{background:var(--card);box-shadow:var(--glow-strong),var(--surface-shadow)}.splash-skip{border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--fg)}.splash-skip:hover{background:var(--surface-strong)}.protection-radar-shell{display:flex;gap:18px;align-items:center;padding:18px;border-radius:18px;border:1px solid var(--border);background:radial-gradient(circle at center,rgba(250,204,21,.16),transparent 58%),linear-gradient(135deg,#140f05f5,#1c1404e6)}.protection-radar{position:relative;width:160px;height:160px;border-radius:50%;overflow:hidden;border:1px solid rgba(250,204,21,.26);background:radial-gradient(circle at center,rgba(250,204,21,.16),transparent 56%),#0b0802eb;flex:0 0 auto}.protection-radar-ring{position:absolute;inset:50%;border:1px solid rgba(250,204,21,.16);border-radius:50%;transform:translate(-50%,-50%)}.protection-radar-ring-1{width:44px;height:44px}.protection-radar-ring-2{width:88px;height:88px}.protection-radar-ring-3{width:132px;height:132px}.protection-radar-sweep{position:absolute;inset:-10%;background:conic-gradient(from 0deg,rgba(250,204,21,.28),rgba(250,204,21,.03) 24%,transparent 56%)}.protection-radar--animated .protection-radar-sweep{animation:protection-radar-spin 2.6s linear infinite;will-change:transform}.protection-radar-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:var(--primary);box-shadow:0 0 18px #facc1580}@keyframes protection-radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lpv-root{--lpv-duration: .52s}.lpv-reveal{opacity:0;transform:translateY(10px);animation:lpv-enter var(--lpv-duration) ease forwards}.lpv-reveal:nth-of-type(2){animation-delay:60ms}.lpv-reveal:nth-of-type(3){animation-delay:.12s}.lpv-reveal:nth-of-type(4){animation-delay:.18s}.lpv-reveal:nth-of-type(5){animation-delay:.24s}.lpv-cta{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background-position .22s ease;background-size:140% 140%}.lpv-cta:hover{transform:translateY(-2px);filter:brightness(1.02);box-shadow:0 14px 32px #0003;background-position:100% 0}.lpv-cta:active{transform:translateY(0)}.lpv-card{transition:transform .18s ease,box-shadow .18s ease}.lpv-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #00000029}.lpv-badge{transition:transform .16s ease,filter .16s ease}.lpv-badge:hover{transform:translateY(-1px);filter:brightness(1.02)}.lpv-mobile-sticky-cta{display:none}@media(max-width:720px){.protection-radar-shell{flex-direction:column;align-items:flex-start}.protection-radar{width:132px;height:132px}.workspace-color-input{grid-template-columns:1fr}.advanced-color-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.render-preview-shell{padding:14px}.render-preview-square{padding:22px}}@media(max-width:980px){.workspace-split-layout{grid-template-columns:1fr}}@media(min-width:860px){.lpv-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:end}.lpv-benefits-grid,.lpv-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.lpv-mobile-sticky-cta{display:block;position:sticky;bottom:8px;z-index:4;background:inherit;padding-top:8px}}@media(prefers-reduced-motion:reduce){.glass,.glass-strong,.surface,.surface-strong,.page-section,.card,.panel,.btn-primary,.btn-secondary,.btn-ghost,.lpv-cta,.lpv-card,.lpv-badge{transition:none}.lpv-reveal{opacity:1;transform:none;animation:none}.glass:hover,.glass-strong:hover,.surface:hover,.surface-strong:hover,.page-section:hover,.card:hover,.panel:hover,.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover,.lpv-cta:hover,.lpv-card:hover,.lpv-badge:hover{transform:none;filter:none;box-shadow:none}}@keyframes lpv-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{min-height:100vh}.app-header{position:sticky;top:0;z-index:70}.app-header-inner{width:min(100%,1280px);margin:0 auto;padding:14px clamp(16px,3.8vw,32px);display:flex;align-items:center;justify-content:space-between;gap:18px}.app-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--fg-strong);min-width:0}.app-logo-mark{width:18px;height:18px;flex:0 0 auto;border-radius:6px;background:linear-gradient(135deg,#fef08a,#eab308 60%,#a16207);box-shadow:0 0 0 1px #facc1566,0 10px 24px #ca8a044d}.app-logo-copy{display:grid;min-width:0}.app-logo-copy strong{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.app-logo-copy span{color:var(--muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.app-nav{display:flex;align-items:center;gap:14px;min-width:0}.app-nav-desktop{flex:1;justify-content:space-between}.app-nav-links,.app-nav-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-header-actions{display:none;align-items:center;gap:10px}.app-nav-links{min-width:0}.app-nav-link,.app-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:var(--radius-button);color:var(--muted);text-decoration:none;border:1px solid transparent;transition:color .14s ease,border-color .14s ease,background-color .14s ease,transform .14s ease}.app-nav-link:hover,.app-nav a:hover{color:var(--fg);border-color:var(--border);background:#facc150f}.app-nav-link.is-active{color:var(--fg-strong);border-color:var(--border-soft);background:linear-gradient(180deg,rgba(250,204,21,.12),transparent),#facc150f;box-shadow:inset 0 1px #ffffff0d}.nav-toggle-group{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:14px;border:1px solid var(--border);background:#ffffff05}.nav-segment,.nav-theme-btn{min-height:34px!important;padding:0 10px!important;font-size:.74rem!important}.nav-segment.is-active{border-color:#facc1570;background:linear-gradient(135deg,#facc1533,#ca8a042e)!important;color:var(--fg-strong)!important}.nav-badge{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:14px;font-size:.78rem;border:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--surface-muted);color:var(--fg);text-decoration:none}.nav-badge-muted{color:var(--muted)}.nav-guide-btn{min-height:38px;padding:0 14px;border-radius:14px;font-size:.78rem}.nav-auth-btn{min-height:40px;padding:0 14px;font-size:.82rem;color:var(--fg)}.nav-auth-link{min-height:40px;padding:0 14px;border-radius:var(--radius-button);color:var(--fg);border:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--surface-muted)}.app-menu-btn{display:none;align-items:center;justify-content:center;min-width:42px;min-height:42px;color:var(--fg)}.help-hint{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.help-hint-button{appearance:none;width:19px;height:19px;border-radius:999px;border:1px solid var(--field-border);background:var(--editor-chip-bg);color:var(--muted);font-size:11px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .14s ease,color .14s ease,transform .14s ease}.help-hint-button:hover{color:var(--fg);border-color:var(--border-strong);transform:translateY(-1px)}.help-hint-bubble{width:min(260px,calc(100vw - 32px));padding:10px 12px;border-radius:12px;border:1px solid var(--field-border);background:var(--surface-strong-2);color:var(--fg);font-size:12px;line-height:1.55;box-shadow:var(--surface-shadow);z-index:90}.guide-callout{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;border:1px solid var(--field-border);background:linear-gradient(135deg,var(--accent-soft-2),transparent 75%),var(--panel-surface);box-shadow:var(--surface-shadow)}.guide-callout-copy{display:grid;gap:6px}.guide-callout-label,.guide-modal-kicker{display:inline-flex;width:fit-content;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--field-border);background:var(--editor-chip-bg);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.guide-callout-copy p{margin:0;color:var(--muted);line-height:1.6}.guide-callout-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.guide-callout-step{display:flex;align-items:flex-start;gap:10px;color:var(--muted);line-height:1.55}.guide-callout-step-index{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--editor-chip-bg);border:1px solid var(--field-border);color:var(--fg);font-size:11px;font-weight:700}.guide-callout-step-copy{display:inline-block;padding-top:1px}.guide-callout-action{border-radius:999px!important;padding:8px 12px!important;white-space:nowrap}.guide-modal-shell{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}.guide-modal-backdrop{position:absolute;inset:0;border:0;background:#00000094;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.guide-modal-card{position:relative;width:min(980px,100%);max-height:min(88vh,900px);overflow:auto;display:grid;gap:20px;padding:22px;border-radius:24px;border:1px solid var(--field-border);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--surface-strong-2);box-shadow:var(--surface-shadow-hover)}.guide-modal-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.guide-modal-close{border-radius:999px!important;padding:8px 12px!important}.guide-modal-body{display:grid;gap:18px;grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.guide-modal-sidebar,.guide-step-card{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--field-border);background:var(--panel-surface-alt)}.guide-sidebar-section{display:grid;gap:8px}.guide-sidebar-section p{margin:0;color:var(--muted);line-height:1.6}.guide-flow-list{display:grid;gap:8px}.guide-flow-item{padding:10px 12px;border-radius:14px;border:1px solid var(--field-border);background:var(--panel-surface-soft);color:var(--fg);font-size:13px}.guide-modal-main{display:grid;gap:14px}.guide-step-progress{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.guide-step-dots{display:flex;gap:8px;flex-wrap:wrap}.guide-step-dot{appearance:none;width:10px;height:10px;border-radius:999px;border:0;background:var(--border);cursor:pointer;transition:transform .14s ease,background-color .14s ease}.guide-step-dot.is-active{transform:scale(1.25);background:var(--primary)}.guide-step-tip{display:grid;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid var(--field-border);background:var(--panel-surface-soft);color:var(--muted);font-size:13px;line-height:1.6}.guide-modal-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.app-drawer-backdrop{position:fixed;inset:0;background:#00000094;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:79}.app-drawer{position:fixed;top:0;right:0;width:min(92vw,360px);height:100dvh;z-index:80;padding:24px 20px;border-left:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--surface-strong-2);box-shadow:-20px 0 48px #0000006b;display:flex;flex-direction:column;gap:18px}.app-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-drawer-brand{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.app-drawer-nav{display:grid;gap:8px}.app-drawer-nav a,.app-drawer-action{display:inline-flex;align-items:center;width:100%;min-height:48px;padding:0 14px;justify-content:flex-start;text-decoration:none;color:var(--fg);border-radius:var(--radius-button)}.app-drawer-nav a{border:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--surface-muted)}.app-drawer-nav a.is-active{border-color:var(--border-strong);background:linear-gradient(180deg,rgba(250,204,21,.14),transparent),#facc1514}.app-drawer-action.is-active{border-color:var(--border-strong);background:linear-gradient(180deg,rgba(250,204,21,.14),transparent),#facc1514!important}.app-drawer-section{display:grid;gap:8px}.app-main{flex:1;width:100%;overflow-x:hidden}.page{width:min(100%,1040px);margin:0 auto;padding:0 0 32px}.page-section{padding:24px;margin-bottom:24px}.page h1,.page h2,.page h3{margin-top:0}.page form{display:flex;flex-direction:column;gap:16px}.page label{font-size:.92rem}.page-actions{display:flex;gap:12px;flex-wrap:wrap}.home-shell,.dashboard-shell,.new-adnews-page,.auth-container,.onboarding-shell{min-height:100vh}.home-shell,.dashboard-shell,.new-adnews-page{padding:clamp(28px,4vw,44px) 16px clamp(36px,5vw,56px)}.home-shell>div,.dashboard-shell>section,.dashboard-shell>article,.new-adnews-page>div{position:relative}.new-adnews-page{display:flex;align-items:flex-start;justify-content:center}.new-adnews-card{width:min(100%,720px);padding:clamp(22px,4vw,36px)}.new-adnews-header{margin-bottom:var(--space-2)}.new-adnews-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--radius-pill);border:1px solid rgba(250,204,21,.22);background:linear-gradient(135deg,#facc152e,#ca8a041f);color:var(--muted-3);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.new-adnews-brief,.onboarding-card,.auth-card{padding:clamp(24px,4vw,36px)}.auth-container,.onboarding-shell{display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card,.onboarding-card{width:min(100%,520px)}.auth-brand{display:grid;justify-items:center;gap:12px;margin-bottom:24px;text-align:center}.auth-logo-block{display:grid;justify-items:center;gap:12px}.auth-logo{width:88px;height:88px;border-radius:26px;object-fit:contain;background:radial-gradient(circle at top,rgba(250,204,21,.22),transparent 58%),#0a0a0aa3;padding:14px;border:1px solid rgba(250,204,21,.18);box-shadow:var(--glow-strong),var(--surface-shadow)}.auth-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);letter-spacing:-.03em}.auth-subtitle{font-size:.98rem;line-height:1.7;color:var(--muted);max-width:34ch;margin:0 auto}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border-radius:14px;border:1px solid var(--border);background:#ffffff08;margin-bottom:18px}.auth-tabs button{min-height:44px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:600}.auth-tabs button.active{background:linear-gradient(135deg,#facc152e,#ca8a0429);color:var(--fg-strong);border-color:#facc153d}.auth-form{display:grid;gap:10px}.auth-form label{font-size:.82rem;color:var(--muted)}.auth-submit{width:100%;min-height:50px;margin-top:10px}.auth-footer{margin:14px 0 0;text-align:center;color:var(--muted);font-size:.86rem;line-height:1.6}.dashboard-shell{width:min(100%,1080px);margin:0 auto;display:grid;gap:var(--space-2)}.dashboard-hero{display:grid;gap:14px}.dashboard-list{display:grid;gap:16px}.dashboard-card{padding:18px}.dashboard-card-trigger{width:100%}.dashboard-card-actions{display:flex;justify-content:flex-end}.home-shell>div{width:min(100%,1140px);margin:0 auto}.home-hero{margin-bottom:var(--space-2)}.home-hero h1,.dashboard-hero h1{font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:8px}.home-hero p,.dashboard-hero p{margin:0;max-width:64ch;color:var(--muted)}.home-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:var(--space-2)}.home-metric-card{padding:18px}.home-bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.onboarding-shell{padding-inline:16px}.onboarding-card-header{margin-bottom:var(--space-2)}.onboarding-eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#facc1514;color:var(--muted-3);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.onboarding-fields{display:grid;gap:16px}.app-footer{border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--surface-muted-2)}.app-footer-inner{width:min(100%,1240px);margin:0 auto;padding:16px clamp(16px,3.8vw,32px) 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.app-footer-link{color:var(--primary);text-decoration:none}.adnews-detail{width:min(100%,1040px);margin:0 auto;padding:clamp(28px,4vw,44px) 16px clamp(36px,5vw,56px)}.adnews-detail-header{margin-bottom:28px}.adnews-detail-back{margin-bottom:20px}.adnews-detail-back button{padding:10px 16px;border-radius:var(--radius-button)!important;border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--fg)}.adnews-detail-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:14px}.adnews-detail-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.84rem;color:var(--muted)}.adnews-badge{padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#facc150f}.adnews-detail-body{font-size:1rem;line-height:1.8}.adnews-detail-section{margin-bottom:var(--space-2);padding:20px 22px;border-radius:var(--radius-card);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--surface-soft)}.adnews-detail-section h2{font-size:1.1rem;margin-bottom:10px}.adnews-detail-section p,.adnews-detail-section li{color:var(--fg-subtle)}.adnews-detail-section ul{padding-left:18px;margin:0}.adnews-detail-footer{display:flex;justify-content:center}.feature-gate-shell{display:grid;gap:12px}.feature-gate-banner{border-radius:var(--radius-card);border:1px solid var(--border);padding:14px;background:linear-gradient(180deg,rgba(250,204,21,.08),transparent),var(--surface-soft);display:grid;gap:10px}.feature-gate-pill{display:inline-flex;align-items:center;width:fit-content;border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:6px 12px;font-size:.76rem;color:var(--muted)}.feature-gate-content{position:relative}.feature-gate-overlay{position:absolute;inset:0;z-index:2;border-radius:var(--radius-card);background:#0a0a0a3d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:1120px){.app-header-inner{align-items:flex-start}.app-nav-desktop{gap:10px}}@media(max-width:960px){.app-nav-desktop{display:none}.app-header-actions{display:flex;margin-left:auto}.nav-guide-btn{display:inline-flex;align-items:center;justify-content:center}.app-menu-btn{display:inline-flex}.page-actions{flex-direction:column}.page-actions>*{width:100%}}@media(max-width:720px){.app-header-inner{padding-block:12px}.guide-callout{flex-direction:column}.guide-callout-action{width:100%}.guide-modal-shell{padding:12px}.guide-modal-card{padding:18px;max-height:min(92vh,1000px)}.guide-modal-header,.guide-modal-actions{flex-direction:column;align-items:stretch}.guide-modal-close{width:100%}.guide-modal-body{grid-template-columns:1fr}.app-logo-copy span{display:none}.home-shell,.dashboard-shell,.new-adnews-page,.adnews-detail{padding-inline:14px}.home-metrics-grid,.home-bottom-grid{grid-template-columns:1fr}.auth-card,.onboarding-card,.new-adnews-card{padding:22px 18px}.auth-logo{width:76px;height:76px}.app-footer-inner{align-items:flex-start;flex-direction:column}}