:root{--bg:#0d1323;--bg-deep:#151d33;--surface:#f8f4ecf5;--surface-strong:#fffaf1;--chrome:#0d1323c7;--chrome-border:#ffffff1a;--ink:#20273a;--muted:#5e687e;--line:#1820341f;--accent:#ef7a54;--accent-strong:#d45a33;--accent-soft:#ef7a5424;--teal:#18977f;--teal-soft:#18977f24;--blue-soft:#5872ff24;--status-soft:#5872ff1f;--warning-soft:#ef7a5424;--shadow-app:0 32px 80px #03071261;--shadow-panel:0 22px 50px #050a162e;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:Georgia, "Times New Roman", serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--ink);background:var(--bg);font:16px/1.55 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 14%,#ef7a5447,#0000 24%),radial-gradient(circle at 88% 8%,#5872ff38,#0000 26%),radial-gradient(circle at 50% 110%,#18977f38,#0000 36%),linear-gradient(135deg,#0d1323 0%,#121a2d 45%,#1a2440 100%);min-height:100svh;margin:0}body,button,input,textarea,select{font:inherit}button,label{cursor:pointer}button,select,textarea{border:0}button{background:0 0}a{color:inherit}img{max-width:100%}#root{min-height:100svh}.app-shell{min-height:100svh;padding:16px}.page-frame{grid-template-rows:auto 1fr;gap:16px;width:100%;min-height:calc(100svh - 32px);margin:0 auto;display:grid}.page-layout{gap:16px;min-height:0;display:grid}.page-main{gap:16px;min-width:0;min-height:0;display:grid}.page-rail{display:none}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.brand{color:#f6f8ff;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand__mark{background:linear-gradient(135deg, var(--teal), #3db7a3);color:#f8f7f2;letter-spacing:.08em;border-radius:18px;place-items:center;width:52px;height:52px;font-weight:700;display:grid;box-shadow:0 16px 32px #18977f38}.brand__text{flex-direction:column;gap:2px;display:flex}.brand__text strong{font-size:1rem}.brand__text span{color:#f6f8ffb8;font-size:.92rem}.site-nav{border:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border-radius:999px;flex-wrap:wrap;gap:10px;padding:8px;display:inline-flex}.site-nav a{color:#f6f8ffb8;border-radius:999px;padding:10px 14px;font-size:.95rem;text-decoration:none;transition:background-color .16s,color .16s,transform .16s}.site-nav a:hover,.site-nav a:focus-visible{color:#fff;background:#ef7a5429;transform:translateY(-1px)}.app-bar{border-radius:var(--radius-xl);border:1px solid var(--chrome-border);box-shadow:var(--shadow-app);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0b101fd1,#161f36c7);justify-content:space-between;align-items:flex-end;gap:18px;padding:22px 24px;display:flex}.app-brand{max-width:52rem}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.72rem;font-weight:800}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--ink);margin:0;line-height:1.02}h1{color:#f6f8ff;letter-spacing:-.04em;font-size:clamp(1.95rem,3.8vw,3.4rem)}h2{letter-spacing:-.03em;font-size:clamp(1.28rem,1.8vw,1.8rem)}p{margin:0}.app-summary{color:#f6f8ffb8;max-width:46rem;margin-top:8px}.app-bar-meta,.panel-header-meta,.panel-footer{flex-wrap:wrap;gap:10px;display:flex}.app-bar-meta{justify-content:flex-end}.metric-pill,.panel-pill,.status-chip,.error-chip{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:.9rem;font-weight:700;display:inline-flex}.metric-pill{color:#f6f8ff;background:#ffffff14;border-color:#ffffff14}.metric-pill--soft{background:var(--blue-soft);color:var(--ink);border-color:#5872ff1f}.panel-pill{background:var(--teal-soft);color:#0c6352;border-color:#18977f1f}.status-chip{background:var(--status-soft);color:#304aa1;border-color:#5872ff24}.error-chip{background:var(--warning-soft);color:#8d4027;border-color:#ef7a541f}.workspace-shell{grid-template-rows:auto 1fr;gap:14px;min-height:0;display:grid}.ad-shell{border-radius:var(--radius-xl);border:1px solid var(--chrome-border);box-shadow:var(--shadow-app);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0b101fc7,#161f36b8);padding:18px 20px 20px}.ad-shell__meta{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.ad-shell__label{color:#ffd8cb;letter-spacing:.1em;text-transform:uppercase;background:#ef7a5429;border:1px solid #ef7a542e;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.8rem;font-weight:800;display:inline-flex}.ad-shell__caption{color:#f6f8ffb8;text-align:right;font-size:.92rem}.ad-shell__unit,.ad-shell__placeholder{border-radius:var(--radius-lg);width:100%}.ad-shell__placeholder{color:#f6f8ffc7;text-align:center;background:#f8f4ec1a;border:1px dashed #ffffff24;place-items:center;gap:8px;padding:18px;display:grid}.ad-shell__placeholder strong{color:#fff}.ad-shell--rail{margin-top:0}.mobile-switcher{border:1px solid var(--chrome-border);box-shadow:var(--shadow-panel);background:#f5f0e8e0;border-radius:999px;padding:6px;display:none}.segmented-button{min-height:46px;color:var(--muted);border-radius:999px;flex:1 1 0;font-weight:700}.segmented-button.is-selected{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff7f3}.panel-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:16px;min-height:0;display:grid}.panel{border-radius:var(--radius-xl);min-height:0;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#f8f4ecfa,#fffbf5fa);border:1px solid #ffffff47;padding:18px;overflow:hidden}.editor-panel{grid-template-rows:auto auto 1fr auto;gap:14px;display:grid}.preview-panel{grid-template-rows:auto 1fr;gap:14px;display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.utility-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button,.ghost-button,.toolbar-button,.toolbar-dropdown,.segmented-button{transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s,color .16s}.primary-button,.secondary-button,.ghost-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff7f3;box-shadow:0 10px 22px #d45a333d}.secondary-button{color:var(--ink);background:#1018270d;border-color:#10182714}.ghost-button{color:#0c6352;background:#18977f0f;border-color:#18977f29}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.toolbar-button:hover,.toolbar-dropdown:hover,.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.toolbar-button:focus-visible,.toolbar-dropdown:focus-visible,.segmented-button:focus-visible{outline:none;transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.toolbar-button:focus-visible,.toolbar-dropdown:focus-visible,.segmented-button:focus-visible,.editor-textarea:focus-visible{box-shadow:0 0 0 3px #5872ff2e}.editor-surface{border-radius:var(--radius-lg);background:linear-gradient(#0c1221f5,#141c30f5);border:1px solid #ffffff14;grid-template-rows:auto 1fr;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.editor-surface.is-dragging{border-color:#ef7a546b;box-shadow:inset 0 0 0 2px #ef7a542e,0 0 0 1px #ef7a541f}.toolbar{background:linear-gradient(#ffffff0d,#ffffff05);border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:14px;padding:14px;display:flex}.toolbar-group,.toolbar-select{flex-direction:column;gap:8px;display:flex}.toolbar-group{border-right:1px solid #ffffff14;padding-right:12px}.toolbar-group:last-of-type{border-right:0;padding-right:0}.toolbar-group-label{letter-spacing:.14em;text-transform:uppercase;color:#eef2ffa3;font-size:.72rem;font-weight:700}.toolbar-group-actions{flex-wrap:wrap;gap:8px;display:flex}.toolbar-button{color:#eef3ff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:auto auto;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:inline-grid}.toolbar-button:hover,.toolbar-button:focus-visible{background:#ef7a5429;border-color:#ef7a544d}.toolbar-button-glyph{color:#f8fafc;min-width:2rem;min-height:1.8rem;font-family:var(--font-mono);background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.82rem;font-weight:600;display:inline-flex}.toolbar-button-label{font-size:.85rem;font-weight:700}.toolbar-select{min-width:200px}.toolbar-dropdown{color:#eef3ff;background:#03071247;border:1px solid #ffffff1f;border-radius:14px;min-height:44px;padding:0 14px}.editor-canvas{background:linear-gradient(#fffbf6fa,#faf5ecfa);grid-template-rows:auto 1fr;min-height:0;padding:16px;display:grid}.editor-sheet-header{border-bottom:1px solid #18203414;justify-content:space-between;align-items:center;gap:12px;padding:0 8px 12px;display:flex}.editor-sheet-kicker{letter-spacing:.16em;text-transform:uppercase;color:#a3573e;font-size:.74rem;font-weight:800}.editor-sheet-meta{color:var(--muted);font-size:.92rem}.editor-textarea{width:100%;height:100%;min-height:0;color:var(--ink);resize:none;font-size:1rem;line-height:1.8;font-family:var(--font-body);background:0 0;padding:18px 16px 8px}.editor-textarea::placeholder{color:#9299a7}.preview-shell{border-radius:var(--radius-lg);background:linear-gradient(#fffcf7fa,#f1f6fff5);border:1px solid #18203414;height:100%;min-height:0;overflow:hidden}.preview-content,.preview-empty{height:100%;min-height:100%;padding:24px 28px 32px}.preview-empty{color:var(--muted);place-items:center;display:grid}.preview-content{overflow:auto}.preview-content>:first-child{margin-top:0}.preview-content>:last-child{margin-bottom:0}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4{color:#1c2437;margin:1.3em 0 .5em}.preview-content p,.preview-content ul,.preview-content ol,.preview-content pre,.preview-content table,.preview-content blockquote,.preview-content hr{margin:0 0 1rem}.preview-content ul,.preview-content ol{padding-left:1.4rem}.preview-content li+li{margin-top:.35rem}.preview-content blockquote{color:#5d657a;border-left:4px solid #ef7a5466;padding:.1rem 0 .1rem 1rem}.preview-content code,.toolbar-button-glyph{font-family:var(--font-mono)}.preview-content :not(pre)>code{color:#304aa1;background:#5872ff1f;border-radius:8px;padding:.16rem .38rem;font-size:.94em}.preview-content pre{color:#eef3ff;background:#141d33;border-radius:18px;padding:1rem 1.1rem;overflow:auto;box-shadow:inset 0 1px #ffffff0d}.preview-content pre code{color:inherit;background:0 0;padding:0}.preview-content table{border-collapse:collapse;background:#ffffff7a;border:1px solid #1820341a;border-radius:18px;width:100%;overflow:hidden}.preview-content th,.preview-content td{text-align:left;border-bottom:1px solid #18203414;padding:.8rem .9rem}.preview-content th{background:#18977f14}.preview-content tr:last-child td{border-bottom:0}.preview-content img{box-shadow:var(--shadow-panel);border-radius:18px;display:block}.preview-content hr{border:0;border-top:1px solid #1820341a}.screen-reader{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.seo-content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.seo-card,.site-footer{border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);background:#ffffffb8;border:1px solid #1820341a}.seo-card{padding:20px}.seo-card h2{margin-bottom:10px;font-size:1.1rem}.seo-card p{color:var(--muted)}.site-footer{padding:18px 20px}.site-footer nav{flex-wrap:wrap;gap:10px 18px;display:flex}.site-footer a{color:var(--ink);font-weight:800;text-decoration:none}@media (width<=1180px){.app-bar{flex-direction:column;align-items:flex-start}.app-bar-meta{justify-content:flex-start}.seo-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1280px){.page-layout.has-rail{grid-template-columns:minmax(0,1fr) clamp(300px,18vw,336px);align-items:start}.page-rail{display:block;position:sticky;top:16px}.page-rail .ad-shell__meta{flex-direction:column;align-items:flex-start}.page-rail .ad-shell__caption{text-align:left}}@media (width>=900px){.workspace-shell{min-height:clamp(560px,100svh - 178px,840px)}}@media (width<=780px){.app-shell{padding:12px}.site-header{flex-direction:column;align-items:flex-start}.page-frame{min-height:auto}.mobile-switcher{display:flex}.panel-grid{grid-template-columns:1fr}.panel{min-height:min(78svh,860px);display:none}.panel.is-current{display:grid}.panel-header,.editor-sheet-header{flex-direction:column;align-items:flex-start}.seo-content-grid{grid-template-columns:1fr}.ad-shell__meta{flex-direction:column;align-items:flex-start}.ad-shell__caption{text-align:left}.toolbar{gap:12px}.toolbar-group{border-right:0;width:100%;padding-right:0}.toolbar-group-actions{width:100%}.toolbar-button{flex:calc(50% - 8px);justify-content:flex-start}.toolbar-select{width:100%;min-width:0}.utility-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.primary-button,.secondary-button,.ghost-button{width:100%}.preview-content,.preview-empty{padding-inline:20px}}@media (width<=560px){.app-bar,.panel{padding:16px}.utility-actions{grid-template-columns:1fr}.toolbar-button{flex:100%}.preview-content,.preview-empty,.editor-canvas{padding-inline:14px}}