:root{--ui-font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";--ui-accent-h:262;--ui-accent-s:83%;--ui-accent-l:58%;--ui-accent:hsl(var(--ui-accent-h) var(--ui-accent-s) var(--ui-accent-l));--ui-success:#20c55d;--ui-warning:#f59f0a;--ui-danger:#ee2b3b;--radius-md:12px;--radius-lg:16px;--backdrop-blur:blur(12px)}html:not([data-ui-theme]),html[data-ui-theme=light]{--ui-bg:#f7f6ff;--ui-surface-1:#fff;--ui-surface-2:#fbfbff;--ui-border:#e0dbf0;--ui-text-1:#1b1b2c;--ui-text-2:#4b4965;--ui-muted:#6a6783;--ui-glass-bg:#ffffffb3;--ui-glass-border:#ffffff8c;--ui-gradient-primary:linear-gradient(135deg,#9d76f9,#6285f8);--ui-gradient-hover:linear-gradient(135deg,#874ff8,#456ff7);--ui-gradient-surface:linear-gradient(180deg,#fff,#f8f7fd);--ui-shadow-sm:0 1px 2px 0 #0000000d;--ui-shadow-md:0 10px 30px #231d4914;--ui-shadow-lg:0 24px 70px #231d4924;--ui-shadow-neon:0 0 20px hsl(var(--ui-accent-h) 92% 64%/0.18);--gradient-primary:var(--ui-gradient-primary);--gradient-hover:var(--ui-gradient-hover);--gradient-surface:var(--ui-gradient-surface);--color-bg-body:var(--ui-bg);--color-bg-card:var(--ui-surface-1);--color-text-main:var(--ui-text-1);--color-text-secondary:var(--ui-text-2);--color-border:var(--ui-border);--glass-bg:var(--ui-glass-bg);--glass-border:1px solid var(--ui-glass-border);--shadow-sm:var(--ui-shadow-sm);--shadow-md:var(--ui-shadow-md);--shadow-lg:var(--ui-shadow-lg);--shadow-neon:var(--ui-shadow-neon)}html[data-ui-theme=dark]{--ui-bg:#0f0d1c;--ui-surface-1:#181528;--ui-surface-2:#1d1a2d;--ui-border:#2f2b46;--ui-text-1:#fafafa;--ui-text-2:#cac9d9;--ui-muted:#acabba;--ui-glass-bg:#1c192e9e;--ui-glass-border:#4b3d8f26;--ui-gradient-primary:linear-gradient(135deg,#7a31f6,#2858f6);--ui-gradient-hover:linear-gradient(135deg,#6714f5,#1449f5);--ui-gradient-surface:linear-gradient(180deg,#181528,#131122);--ui-shadow-sm:0 1px 2px 0 #00000047;--ui-shadow-md:0 16px 40px #00000059;--ui-shadow-lg:0 40px 110px #0000008c;--ui-shadow-neon:0 0 24px hsl(var(--ui-accent-h) 92% 64%/0.16);--gradient-primary:var(--ui-gradient-primary);--gradient-hover:var(--ui-gradient-hover);--gradient-surface:var(--ui-gradient-surface);--color-bg-body:var(--ui-bg);--color-bg-card:var(--ui-surface-1);--color-text-main:var(--ui-text-1);--color-text-secondary:var(--ui-text-2);--color-border:var(--ui-border);--glass-bg:var(--ui-glass-bg);--glass-border:1px solid var(--ui-glass-border);--shadow-sm:var(--ui-shadow-sm);--shadow-md:var(--ui-shadow-md);--shadow-lg:var(--ui-shadow-lg);--shadow-neon:var(--ui-shadow-neon)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 600px at 10% 0,#8d4ff824,#0000 55%),radial-gradient(1200px 600px at 90% 10%,#4f76f81a,#0000 55%),var(--u2-bg);background:radial-gradient(1200px 600px at 10% 0,hsl(var(--ui-accent-h) 92% 64%/.14),#0000 55%),radial-gradient(1200px 600px at 90% 10%,#4f76f81a,#0000 55%),var(--color-bg-body);color:var(--color-text-main);font-family:var(--ui-font-sans)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border-radius:12px;font-size:16px;min-height:40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:focus-visible{box-shadow:0 0 0 4px #8d4ff838;box-shadow:0 0 0 4px hsl(var(--ui-accent-h) 92% 64%/.22);outline:none}.btn:disabled{transform:none}.btn-sm,.btn-small{border-radius:10px;font-size:14px;min-height:34px;padding:8px 14px}.btn-large{font-size:18px;min-height:46px;padding:14px 28px}.btn-primary{border:1px solid #0000}.btn-primary,.btn-primary:hover{background:var(--u2-grad-accent)}.btn-primary:hover{box-shadow:0 8px 12px #6366f14d}.btn-secondary{background:var(--u2-surface-1);background:var(--color-bg-card);border:1px solid var(--color-border);color:#7c3bed;color:var(--ui-accent)}.btn-secondary:hover{background:#8d4ff814;background:hsl(var(--ui-accent-h) 92% 64%/.08);border-color:#793ee059;border-color:hsl(var(--ui-accent-h) 72% 56%/.35);transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #793ee059;border:1px solid hsl(var(--ui-accent-h) 72% 56%/.35);color:#7c3bed;color:var(--ui-accent)}.btn-outline:hover{background:#8d4ff814;background:hsl(var(--ui-accent-h) 92% 64%/.08);border-color:#793ee073;border-color:hsl(var(--ui-accent-h) 72% 56%/.45);transform:translateY(-1px)}.btn-ghost{background:#0000;border:1px solid #0000;color:var(--u2-text-2);color:var(--color-text-secondary)}.btn-ghost:hover{background:#8d4ff80f;background:hsl(var(--ui-accent-h) 92% 64%/.06);color:var(--u2-text-1);color:var(--color-text-main);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#20c55d,#1ba74e);border:1px solid #0000;box-shadow:0 8px 14px #15843e2e}.btn-success:hover{box-shadow:0 12px 20px #15843e38;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ee2b3b,#d41121);border:1px solid #0000;box-shadow:0 8px 14px #8e0b162e}.btn-danger:hover{box-shadow:0 12px 20px #8e0b1638;transform:translateY(-1px)}.card{background:var(--u2-surface-1);background:var(--color-bg-card);background:var(--gradient-surface);border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:var(--u2-shadow-1);box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px}.loading{color:#666;font-size:18px}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;padding:12px}.success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;padding:12px}.warning{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#92400e;margin-bottom:20px;padding:12px}:root{--ui-font-sans:var(--u2-font-sans);--color-bg-body:var(--u2-bg);--color-bg-card:var(--u2-surface-1);--color-text-main:var(--u2-text-1);--color-text-secondary:var(--u2-text-2);--color-border:var(--u2-border);--glass-bg:var(--u2-surface-2);--shadow-sm:var(--u2-shadow-1);--shadow-md:var(--u2-shadow-1);--shadow-lg:var(--u2-shadow-2);--gradient-primary:var(--u2-grad-accent);--gradient-hover:var(--u2-grad-accent);--gradient-surface:var(--u2-surface-1);--u2-font-system:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";--u2-font-web:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans";--u2-font-sans:var(--u2-font-web);--u2-accent-h:268;--u2-accent:hsl(var(--u2-accent-h) 86% 60%);--u2-accent-2:#456ff7;--u2-accent-soft:hsl(var(--u2-accent-h) 86% 60%/0.14);--u2-grad-accent:linear-gradient(135deg,#bf4ff8,#456ff7);--u2-success:#20c565;--u2-warning:#f5a314;--u2-danger:#ef3948;--u2-r-1:14px;--u2-r-2:18px;--u2-r-pill:999px;--u2-s-1:10px;--u2-s-2:14px;--u2-s-3:18px;--u2-s-4:26px;--u2-s-5:34px;--u2-s-6:44px;--u2-ease:cubic-bezier(0.2,0,0,1);--u2-dur-1:140ms;--u2-dur-2:220ms}html[data-ui-font=system]{--u2-font-sans:var(--u2-font-system)}html:not([data-ui-font]),html[data-ui-font=web]{--u2-font-sans:var(--u2-font-web)}html:not([data-ui-theme]),html[data-ui-theme=light]{--u2-bg:#fbfcff;--u2-surface-2:#ffffffb8;--u2-surface-3:#f0f2ff;--u2-border:#e0dcefb3;--u2-text-1:#171727;--u2-text-2:#413f5a;--u2-muted:#6c698c;--u2-shadow-1:0 14px 34px #1c173b1a;--u2-shadow-2:0 34px 90px #1c173b2e;--u2-glow:0 0 40px hsl(var(--u2-accent-h) 86% 60%/0.18);color-scheme:light}html[data-ui-theme=dark]{--u2-bg:#0b0d14;--u2-surface-1:#101425;--u2-surface-2:#141829d6;--u2-surface-3:#0e1220;--u2-border:#2b2d469e;--u2-text-1:#f7f7f7;--u2-text-2:#d3d5e3;--u2-muted:#a9abbc;--u2-shadow-1:0 18px 46px #00000057;--u2-shadow-2:0 44px 120px #0009;--u2-glow:0 0 46px hsl(var(--u2-accent-h) 86% 60%/0.14);color-scheme:dark}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{background:radial-gradient(900px 480px at 16% -10%,#9341f12e,#0000 55%),radial-gradient(900px 480px at 90% 0,#456ff724,#0000 55%),linear-gradient(180deg,#ffffff0d,#0000 40%),var(--u2-bg);background:radial-gradient(900px 480px at 16% -10%,hsl(var(--u2-accent-h) 86% 60%/.18),#0000 55%),radial-gradient(900px 480px at 90% 0,#456ff724,#0000 55%),linear-gradient(180deg,#ffffff0d,#0000 40%),var(--u2-bg);color:var(--u2-text-1);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans;font-family:var(--u2-font-sans);font-size:15px;font-weight:500;font-weight:var(--u2-fw-body,500);letter-spacing:-.01em;line-height:1.55;margin:0}html[data-ui-theme=dark] body{background:radial-gradient(920px 520px at 16% -10%,#9341f114,#0000 62%),radial-gradient(920px 520px at 90% 0,#456ff70f,#0000 62%),var(--u2-bg);background:radial-gradient(920px 520px at 16% -10%,hsl(var(--u2-accent-h) 86% 60%/.08),#0000 62%),radial-gradient(920px 520px at 90% 0,#456ff70f,#0000 62%),var(--u2-bg)}html[data-ui-theme=dark] .u2-sidebar{background:radial-gradient(680px 300px at 0 0,#9341f11a,#0000 60%),radial-gradient(680px 300px at 60% 16%,#456ff70f,#0000 60%),var(--u2-surface-2);background:radial-gradient(680px 300px at 0 0,hsl(var(--u2-accent-h) 86% 60%/.1),#0000 60%),radial-gradient(680px 300px at 60% 16%,#456ff70f,#0000 60%),var(--u2-surface-2);border-right:1px solid var(--u2-border);box-shadow:inset -1px 0 0 #ffffff08}html[data-ui-font=system]{--u2-fw-body:420;--u2-fw-strong:720;--u2-fw-title:820}html:not([data-ui-font]),html[data-ui-font=web]{--u2-fw-body:500;--u2-fw-strong:800;--u2-fw-title:850}a{color:inherit}.u2-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.u2-sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(680px 300px at 0 0,#9341f129,#0000 60%),radial-gradient(680px 300px at 60% 16%,#456ff71a,#0000 60%),var(--u2-surface-2);background:radial-gradient(680px 300px at 0 0,hsl(var(--u2-accent-h) 86% 60%/.16),#0000 60%),radial-gradient(680px 300px at 60% 16%,#456ff71a,#0000 60%),var(--u2-surface-2);border-right:1px solid #9670c224;border-right:1px solid hsl(var(--u2-accent-h) 40% 60%/.14);box-shadow:inset -1px 0 0 #ffffff0a;height:100vh;padding:16px 14px;position:sticky;top:0}.u2-body{display:flex;flex-direction:column;min-width:0}.u2-topbar{align-items:center;background:radial-gradient(820px 240px at 10% 0,#9341f129,#0000 62%),radial-gradient(820px 240px at 70% 10%,#456ff71a,#0000 62%),var(--u2-surface-2);background:radial-gradient(820px 240px at 10% 0,hsl(var(--u2-accent-h) 86% 60%/.16),#0000 62%),radial-gradient(820px 240px at 70% 10%,#456ff71a,#0000 62%),var(--u2-surface-2);display:flex;gap:12px;justify-content:space-between;padding:16px 22px;top:0;z-index:30}.u2-subnav,.u2-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #9670c224;border-bottom:1px solid hsl(var(--u2-accent-h) 40% 60%/.14);position:sticky}.u2-subnav{background:linear-gradient(180deg,#9341f114,#0000 64%),linear-gradient(180deg,var(--u2-surface-2),#fff0);background:linear-gradient(180deg,hsl(var(--u2-accent-h) 86% 60%/.08),#0000 64%),linear-gradient(180deg,var(--u2-surface-2),#fff0);top:62px;z-index:25}.u2-subnavInner{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin:0 auto;max-width:1440px;overflow:hidden;padding:10px 22px}@media (max-width:600px){.u2-topbar{min-height:52px;padding:6px 12px;position:relative}.u2-topbar .u2-topbarAccount,.u2-topbarIntro{display:none}.u2-subnav{position:relative;top:auto}.u2-subnavInner{flex-wrap:nowrap;overflow-x:auto;padding:6px 12px;scrollbar-width:thin}.u2-tab{min-height:36px;padding:8px 10px}}.u2-tab{align-items:center;appearance:none;background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:14px;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:800;gap:8px;min-height:40px;padding:10px 14px;text-decoration:none;transition:background .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1),transform .22s cubic-bezier(.2,0,0,1);transition:background var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease),transform var(--u2-dur-2) var(--u2-ease);white-space:nowrap}.u2-tab:hover{background:#9341f11a;background:hsl(var(--u2-accent-h) 86% 60%/.1);border-color:#9341f147;border-color:hsl(var(--u2-accent-h) 86% 60%/.28);transform:translateY(-1px)}.u2-tab.is-active{background:#9341f129;background:hsl(var(--u2-accent-h) 86% 60%/.16);border-color:#9341f170;border-color:hsl(var(--u2-accent-h) 86% 60%/.44)}.u2-tab.is-disabled{cursor:not-allowed;opacity:.56;pointer-events:none}.u2-main{padding:24px 22px 64px}.u2-container{margin:0 auto;max-width:1440px}.u2-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000061;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .22s cubic-bezier(.2,0,0,1);transition:opacity var(--u2-dur-2) var(--u2-ease);z-index:55}@media (max-width:980px){.u2-shell{grid-template-columns:1fr}.u2-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-104%);transition:transform .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease);width:320px;z-index:60}html[data-ui-sidebar=open] .u2-sidebar{transform:translateX(0)}.u2-backdrop{display:block}html[data-ui-sidebar=open] .u2-backdrop{opacity:1;pointer-events:auto}}.u2-brand{align-items:center;background:radial-gradient(500px 160px at 10% 0,#9341f12e,#0000 60%),var(--u2-surface-1);background:radial-gradient(500px 160px at 10% 0,hsl(var(--u2-accent-h) 86% 60%/.18),#0000 60%),var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:18px;border-radius:var(--u2-r-2);box-shadow:var(--u2-shadow-1);display:flex;gap:12px;justify-content:space-between;padding:12px}.u2-brand__title{font-weight:800;font-weight:var(--u2-fw-strong,800);letter-spacing:-.02em;line-height:1.08}.u2-brand__hint{margin-top:2px}.u2-brand__hint,.u2-sectionTitle{color:var(--u2-muted);font-size:12px}.u2-sectionTitle{font-weight:800;font-weight:var(--u2-fw-strong,800);letter-spacing:.08em;margin:14px 8px 10px;text-transform:uppercase}.u2-nav{display:flex;flex-direction:column;gap:6px}.u2-navItem{align-items:center;border:1px solid #0000;border-radius:14px;color:var(--u2-text-2);display:flex;gap:10px;justify-content:space-between;padding:10px 12px;text-decoration:none;transition:transform .22s cubic-bezier(.2,0,0,1),background .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease),background var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease)}.u2-navItem:hover{background:#9341f11a;background:hsl(var(--u2-accent-h) 86% 60%/.1);border-color:#9341f147;border-color:hsl(var(--u2-accent-h) 86% 60%/.28);transform:translateY(-1px)}.u2-navItem.is-active{background:#9341f129;background:hsl(var(--u2-accent-h) 86% 60%/.16);border-color:#9341f170;border-color:hsl(var(--u2-accent-h) 86% 60%/.44);box-shadow:0 18px 44px #791ae62e;box-shadow:0 18px 44px hsl(var(--u2-accent-h) 80% 50%/.18);color:var(--u2-text-1)}.u2-navItem.is-disabled{cursor:not-allowed;opacity:.56}.u2-navItem.is-disabled:hover{background:#0000;border-color:#0000;transform:none}.u2-userCard{grid-gap:10px;background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:18px;border-radius:var(--u2-r-2);box-shadow:var(--u2-shadow-1);display:grid;gap:10px;margin-top:14px;padding:12px}.u2-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.u2-strong{font-weight:800;font-weight:var(--u2-fw-strong,800)}.u2-muted{color:var(--u2-muted)}.u2-badge{align-items:center;background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:999px;border-radius:var(--u2-r-pill);color:var(--u2-text-2);display:inline-flex;font-size:12px;font-weight:800;gap:6px;padding:6px 10px}.u2-badge.is-accent{background:#9341f11f;background:hsl(var(--u2-accent-h) 86% 60%/.12);border-color:#9341f157;border-color:hsl(var(--u2-accent-h) 86% 60%/.34);color:var(--u2-text-1)}.u2-badge.is-soon{background:#9341f11a;background:hsl(var(--u2-accent-h) 86% 60%/.1);border-color:#9341f147;border-color:hsl(var(--u2-accent-h) 86% 60%/.28);color:#ba8eeb;color:hsl(var(--u2-accent-h) 70% 74%)}.u2-pill{align-items:center;background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:999px;border-radius:var(--u2-r-pill);color:var(--u2-text-2);display:inline-flex;font-size:12px;font-weight:800;gap:8px;padding:6px 10px}.u2-pill.is-ok{background:#20c5651a;border-color:#20c5654d;color:var(--u2-text-1)}.u2-pill.is-warn{background:#f5a3141a;border-color:#f5a3144d;color:var(--u2-text-1)}.u2-pill.is-bad{background:#ef39481a;border-color:#ef39484d;color:var(--u2-text-1)}.u2-pill.is-bad:before,.u2-pill.is-ok:before,.u2-pill.is-warn:before{border-radius:999px;content:"";flex:0 0 auto;height:8px;width:8px}.u2-pill.is-ok:before{background:#20c565f2;box-shadow:0 0 0 3px #20c5652e}.u2-pill.is-warn:before{background:#f5a314f2;box-shadow:0 0 0 3px #f5a3142e}.u2-pill.is-bad:before{background:#ef3948f2;box-shadow:0 0 0 3px #ef39482e}.u2-btn{align-items:center;appearance:none;background:#0000;border:1px solid #0000;border-radius:14px;color:var(--u2-text-1);cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;font-weight:var(--u2-fw-strong,800);gap:10px;justify-content:center;min-height:40px;padding:10px 14px;text-decoration:none;transition:transform .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1),background .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease),box-shadow var(--u2-dur-2) var(--u2-ease),background var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease)}.u2-btn:focus-visible{box-shadow:0 0 0 4px #9341f138;box-shadow:0 0 0 4px hsl(var(--u2-accent-h) 86% 60%/.22);outline:none}.u2-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.u2-btn.is-primary{background:linear-gradient(135deg,#bf4ff8,#456ff7);background:var(--u2-grad-accent);box-shadow:0 18px 46px #791ae638;box-shadow:0 18px 46px hsl(var(--u2-accent-h) 80% 50%/.22);color:#fff}.u2-btn.is-primary:hover:not(:disabled){box-shadow:0 26px 70px #791ae642,var(--u2-glow);box-shadow:0 26px 70px hsl(var(--u2-accent-h) 80% 50%/.26),var(--u2-glow);transform:translateY(-1px)}.u2-btn.is-success{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#0000;box-shadow:0 18px 46px #22c55e59}.u2-btn.is-success:hover:not(:disabled){box-shadow:0 26px 70px #22c55e73,0 0 30px #22c55e4d;transform:translateY(-2px)}.u2-btn.is-lg{font-size:18px;font-weight:900;letter-spacing:.02em;padding:16px 32px}.u2-btn.is-secondary{background:var(--u2-surface-1);border-color:var(--u2-border);color:var(--u2-text-1)}.u2-btn.is-secondary:hover:not(:disabled){background:#9341f114;background:hsl(var(--u2-accent-h) 86% 60%/.08);border-color:#9341f15c;border-color:hsl(var(--u2-accent-h) 86% 60%/.36);transform:translateY(-1px)}.u2-btn.is-ghost{border-color:#0000;color:var(--u2-text-2)}.u2-btn.is-ghost:hover:not(:disabled){background:#9341f114;background:hsl(var(--u2-accent-h) 86% 60%/.08);color:var(--u2-text-1);transform:translateY(-1px)}.u2-btn.is-danger{background:#ef39481f;border-color:#ef39483d;color:#f5848e}.u2-btn.is-danger:hover:not(:disabled){background:#ef394829;transform:translateY(-1px)}.u2-iconBtn{align-items:center;background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:14px;color:var(--u2-text-1);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:transform .22s cubic-bezier(.2,0,0,1),background .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease),background var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease);width:40px}.u2-iconBtn:hover{background:#9341f114;background:hsl(var(--u2-accent-h) 86% 60%/.08);border-color:#9341f157;border-color:hsl(var(--u2-accent-h) 86% 60%/.34);transform:translateY(-1px)}.u2-field{grid-gap:8px;display:grid;gap:8px}.u2-label{color:var(--u2-muted);font-size:12px;font-weight:800;font-weight:var(--u2-fw-strong,800);letter-spacing:.08em;text-transform:uppercase}.u2-labelRow{align-items:center;display:flex;gap:8px;justify-content:flex-start}.u2-info{align-items:center;background:#9341f11a;background:hsl(var(--u2-accent-h) 86% 60%/.1);border:1px solid #9670c24d;border:1px solid hsl(var(--u2-accent-h) 40% 60%/.3);border-radius:999px;cursor:help;display:inline-flex;font-size:12px;font-weight:800;font-weight:var(--u2-fw-strong,800);height:18px;justify-content:center;line-height:1;transform:translateY(-1px);-webkit-user-select:none;user-select:none;width:18px}.u2-tooltip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--u2-surface-2);border:1px solid var(--u2-border);border-radius:14px;box-shadow:var(--u2-shadow-2);color:var(--u2-text-1);font-size:12px;font-weight:600;left:0;letter-spacing:-.01em;line-height:1.45;max-width:min(360px,78vw);opacity:0;padding:10px 12px;pointer-events:none;position:fixed;top:0;transition:opacity .14s cubic-bezier(.2,0,0,1);transition:opacity var(--u2-dur-1) var(--u2-ease);width:max-content;z-index:9999}.u2-tooltip.is-open{opacity:1}.u2-input,.u2-select,.u2-textarea{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:14px;color:var(--u2-text-1);font-size:14px;padding:11px 12px;transition:border-color .14s cubic-bezier(.2,0,0,1),box-shadow .14s cubic-bezier(.2,0,0,1),background .14s cubic-bezier(.2,0,0,1);transition:border-color var(--u2-dur-1) var(--u2-ease),box-shadow var(--u2-dur-1) var(--u2-ease),background var(--u2-dur-1) var(--u2-ease);width:100%}.u2-textarea{line-height:1.5;min-height:110px;resize:vertical}.u2-input::placeholder{color:#8785a3f2}.u2-input:focus,.u2-select:focus,.u2-textarea:focus{border-color:#9341f18c;border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:0 0 0 4px #9341f12e;box-shadow:0 0 0 4px hsl(var(--u2-accent-h) 86% 60%/.18);outline:none}.u2-card{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:18px;border-radius:var(--u2-r-2);box-shadow:var(--u2-shadow-1)}.u2-cardInner{padding:16px}.u2-cardHeader{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.u2-title{font-size:18px;font-weight:850;font-weight:var(--u2-fw-title,850);letter-spacing:-.02em;margin:0}.u2-subtitle{color:var(--u2-text-2);font-size:13px;margin:6px 0 0}.u2-grid{grid-gap:14px;display:grid;gap:14px}.u2-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.u2-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.u2-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.u2-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.u2-grid.cols-2,.u2-grid.cols-3,.u2-grid.cols-4{grid-template-columns:1fr}}.u2-kpi{align-items:center;display:flex;gap:10px;justify-content:space-between}.u2-kpiLabel{color:var(--u2-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.u2-kpiValue{font-size:28px;font-weight:850;font-weight:var(--u2-fw-title,850);letter-spacing:-.03em}.u2-tableWrap{background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:18px;border-radius:var(--u2-r-2);overflow:auto}.history-mobile-hint{display:none}@media (max-width:600px){.history-mobile-hint{display:block;font-size:12px;margin:0 0 10px}}.u2-table{border-collapse:collapse;font-size:13px;width:100%}.u2-table thead th{background:var(--u2-surface-2);border-bottom:1px solid var(--u2-border);color:var(--u2-muted);font-size:12px;padding:12px;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.u2-table tbody td{border-bottom:1px solid #ffffff05;padding:12px;vertical-align:top}.u2-table tbody tr:nth-child(odd) td{background:#9670c20f;background:hsl(var(--u2-accent-h) 40% 60%/.06)}html[data-ui-theme=dark] .u2-table tbody tr:nth-child(odd) td{background:#9670c20d;background:hsl(var(--u2-accent-h) 40% 60%/.05)}html:not([data-ui-theme]) .u2-table tbody tr:nth-child(odd) td,html[data-ui-theme=light] .u2-table tbody tr:nth-child(odd) td{background:#ae75f014;background:hsl(var(--u2-accent-h) 80% 70%/.08)}.u2-table tbody tr:hover td{background:#9341f11f;background:hsl(var(--u2-accent-h) 86% 60%/.12)}html[data-ui-theme=dark] .u2-table tbody tr:hover td{background:#9341f11a;background:hsl(var(--u2-accent-h) 86% 60%/.1)}.u2-table tbody tr:last-child td{border-bottom:0}.u2-scrollArea{max-height:640px;overflow:auto;padding-right:6px}.u2-scrollArea::-webkit-scrollbar{width:10px}.u2-scrollArea::-webkit-scrollbar-thumb{background:#977ab838;background:hsl(var(--u2-accent-h) 30% 60%/.22);background-clip:content-box;border:2px solid #0000;border-radius:999px}.u2-scrollArea::-webkit-scrollbar-track{background:#0000}.u2-radioGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:820px){.u2-radioGrid{grid-template-columns:1fr}}.u2-radioCard{align-items:flex-start;background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:16px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:transform .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1),background .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease),background var(--u2-dur-2) var(--u2-ease),box-shadow var(--u2-dur-2) var(--u2-ease)}.u2-radioCard:hover{background:#9341f10f;background:hsl(var(--u2-accent-h) 86% 60%/.06);border-color:#9341f14d;border-color:hsl(var(--u2-accent-h) 86% 60%/.3);transform:translateY(-1px)}.u2-radioCard.is-selected{border-color:#9341f18c;border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:var(--u2-shadow-1),var(--u2-glow)}.u2-radioCard input{margin-top:2px}.u2-modeGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:980px){.u2-modeGrid{grid-template-columns:1fr}}.u2-modeCard{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:16px;cursor:pointer;padding:12px;transition:transform .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1),background .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease),background var(--u2-dur-2) var(--u2-ease),box-shadow var(--u2-dur-2) var(--u2-ease)}.u2-modeCard:hover{border-color:#9341f14d;border-color:hsl(var(--u2-accent-h) 86% 60%/.3);transform:translateY(-1px)}.u2-modeCard.is-selected{background:#9341f11a;background:hsl(var(--u2-accent-h) 86% 60%/.1);border-color:#9341f18c;border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:var(--u2-shadow-1),var(--u2-glow)}.u2-modeTitle{font-weight:850;letter-spacing:-.02em}.u2-modeHint{color:var(--u2-text-2);font-size:12px;margin-top:6px}.u2-themeGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.u2-themeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.u2-themeGrid{grid-template-columns:1fr}}.u2-themeCard{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:16px;cursor:pointer;transition:transform .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease),box-shadow var(--u2-dur-2) var(--u2-ease)}.u2-themeCard:hover{border-color:#9341f14d;border-color:hsl(var(--u2-accent-h) 86% 60%/.3);box-shadow:var(--u2-shadow-1);transform:translateY(-1px)}.u2-themeCard.is-selected{border-color:#9341f18c;border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:var(--u2-shadow-1),var(--u2-glow)}.u2-themeBars{display:grid;grid-template-columns:1fr 1fr 1fr;height:14px}.u2-themeBody{padding:10px 10px 12px}.u2-themeName{font-size:13px;font-weight:850;letter-spacing:-.01em}.u2-themeMeta{color:var(--u2-muted);font-size:12px;margin-top:4px}.u2-tplGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1160px){.u2-tplGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.u2-tplGrid{grid-template-columns:1fr}}.u2-tpl{grid-gap:12px;background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:18px;border-radius:var(--u2-r-2);cursor:pointer;display:grid;gap:12px;grid-template-columns:120px 1fr;padding:12px;position:relative;transition:transform .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1),background .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease),box-shadow var(--u2-dur-2) var(--u2-ease),background var(--u2-dur-2) var(--u2-ease)}.u2-tpl:hover{border-color:#9341f14d;border-color:hsl(var(--u2-accent-h) 86% 60%/.3);box-shadow:var(--u2-shadow-1);transform:translateY(-1px)}.u2-tpl.is-selected{border-color:#9341f18c;border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:var(--u2-shadow-2),var(--u2-glow)}.u2-tplThumb{align-items:center;background:radial-gradient(220px 120px at 10% 0,#9341f12e,#0000 55%),radial-gradient(220px 120px at 90% 60%,#456ff724,#0000 55%),var(--u2-surface-3);background:radial-gradient(220px 120px at 10% 0,hsl(var(--u2-accent-h) 86% 60%/.18),#0000 55%),radial-gradient(220px 120px at 90% 60%,#456ff724,#0000 55%),var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:16px;color:var(--u2-muted);display:flex;justify-content:center}.u2-tplNameRow{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.u2-tplName{font-weight:850;letter-spacing:-.02em}.u2-tplDesc{color:var(--u2-text-2);font-size:12px;margin-top:6px}.u2-tplActions{display:flex;gap:8px;opacity:0;position:absolute;right:10px;top:10px;transform:translateY(-2px);transition:opacity .22s cubic-bezier(.2,0,0,1),transform .22s cubic-bezier(.2,0,0,1);transition:opacity var(--u2-dur-2) var(--u2-ease),transform var(--u2-dur-2) var(--u2-ease)}.u2-tpl.is-selected .u2-tplActions,.u2-tpl:hover .u2-tplActions{opacity:1;transform:translateY(0)}.u2-compChips{display:flex;flex-wrap:wrap;gap:8px}.u2-compChip{align-items:center;background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:999px;color:var(--u2-text-2);display:inline-flex;font-size:12px;padding:6px 10px;white-space:nowrap}.u2-divider{background:linear-gradient(90deg,#0000,#9670c238,#0000);background:linear-gradient(90deg,#0000,hsl(var(--u2-accent-h) 40% 60%/.22),#0000);height:1px;margin:14px 0}.u2-card{overflow:hidden;position:relative}.u2-card.is-gradient:before{background:radial-gradient(620px 240px at 0 0,#9341f147,#0000 62%),radial-gradient(620px 240px at 100% 35%,#456ff738,#0000 62%),radial-gradient(520px 240px at 30% 120%,#9341f11a,#0000 64%);background:radial-gradient(620px 240px at 0 0,hsl(var(--u2-accent-h) 86% 60%/.28),#0000 62%),radial-gradient(620px 240px at 100% 35%,#456ff738,#0000 62%),radial-gradient(520px 240px at 30% 120%,hsl(var(--u2-accent-h) 86% 60%/.1),#0000 64%);content:"";inset:-2px;pointer-events:none;position:absolute}.u2-card.is-gradient>*{position:relative}.u2-card.is-soft{background:radial-gradient(520px 220px at 0 0,#9341f11a,#0000 62%),radial-gradient(520px 220px at 100% 10%,#456ff70f,#0000 62%),linear-gradient(180deg,#9341f10f,var(--u2-surface-1));background:radial-gradient(520px 220px at 0 0,hsl(var(--u2-accent-h) 86% 60%/.1),#0000 62%),radial-gradient(520px 220px at 100% 10%,#456ff70f,#0000 62%),linear-gradient(180deg,hsl(var(--u2-accent-h) 86% 60%/.06),var(--u2-surface-1))}.u2-toolbar{gap:12px;justify-content:space-between}.u2-toolbar,.u2-toolbarGroup{align-items:center;display:flex;flex-wrap:wrap}.u2-toolbarGroup{gap:10px}.u2-stepNav{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.u2-stepNav.is-right{justify-content:flex-end}.u2-compControls{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:190px 160px;margin-left:auto}@media (max-width:980px){.u2-compControls{grid-template-columns:1fr 1fr}}@media (max-width:560px){.u2-compControls{grid-template-columns:1fr}}.u2-miniField{grid-gap:6px;display:grid;gap:6px}.u2-miniLabel{color:var(--u2-muted);font-size:11px;font-weight:800;font-weight:var(--u2-fw-strong,800);letter-spacing:.08em;text-transform:uppercase}.u2-miniSelect{border-radius:12px;font-size:12px;padding:9px 10px}.u2-segment{background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:14px;display:inline-flex;overflow:hidden}.u2-segment button{background:#0000;border:0;color:var(--u2-text-2);cursor:pointer;font-weight:800;padding:9px 12px;transition:background .22s cubic-bezier(.2,0,0,1),color .22s cubic-bezier(.2,0,0,1);transition:background var(--u2-dur-2) var(--u2-ease),color var(--u2-dur-2) var(--u2-ease)}.u2-segment button.is-active{background:#9341f12e;background:hsl(var(--u2-accent-h) 86% 60%/.18);color:var(--u2-text-1)}.u2-segment button:hover:not(.is-active){background:#9341f11a;background:hsl(var(--u2-accent-h) 86% 60%/.1)}.u2-siteTypeSection{margin-bottom:16px}.u2-siteTypeToggle{display:flex;gap:12px}.u2-siteTypeToggle.is-prominent{background:var(--u2-surface-2);border:1px solid var(--u2-border);border-radius:16px;gap:16px;justify-content:center;padding:16px}.u2-siteTypeBtn{align-items:center;background:var(--u2-surface-1);border:3px solid var(--u2-border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:180px;padding:18px 32px;transition:all .25s ease}.u2-siteTypeBtn:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.u2-siteTypeBtn.is-landing:hover{background:#258cf414;border-color:#258cf480}.u2-siteTypeBtn.is-landing.is-active{background:linear-gradient(135deg,#258cf426,#0b73da14);border-color:#258cf4;box-shadow:0 8px 24px #258cf440}.u2-siteTypeBtn.is-landing.is-active .u2-siteTypeName{color:#0b73da}.u2-siteTypeBtn.is-multipage:hover{background:#8c3cdd14;border-color:#8c3cdd80}.u2-siteTypeBtn.is-multipage.is-active{background:linear-gradient(135deg,#8c3cdd26,#7322c314);border-color:#8c3cdd;box-shadow:0 8px 24px #8c3cdd40}.u2-siteTypeBtn.is-multipage.is-active .u2-siteTypeName{color:#7322c3}.u2-siteTypeIcon{font-size:32px;line-height:1}.u2-siteTypeName{color:var(--u2-text-1);font-size:16px;font-weight:800;transition:color .2s ease}.u2-siteTypeHint{color:var(--u2-text-muted);font-size:12px;font-weight:500}.u2-wizard{grid-gap:14px;display:grid;gap:14px}.u2-stepper{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-columns:repeat(var(--u2-stepper-cols,4),minmax(0,1fr))}.u2-step{grid-gap:6px;background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:16px;cursor:pointer;display:grid;gap:6px;opacity:.62;padding:10px;transition:transform .22s cubic-bezier(.2,0,0,1),background .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1),opacity .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease),background var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease),opacity var(--u2-dur-2) var(--u2-ease)}.u2-step.is-current{background:#9341f11f;background:hsl(var(--u2-accent-h) 86% 60%/.12);border-color:#9341f161;border-color:hsl(var(--u2-accent-h) 86% 60%/.38);box-shadow:0 18px 44px #791ae629;box-shadow:0 18px 44px hsl(var(--u2-accent-h) 80% 50%/.16);opacity:1}.u2-step.is-done{background:var(--u2-surface-1);opacity:.95}.u2-step.is-locked{cursor:not-allowed}.u2-step:hover:not(.is-locked){transform:translateY(-1px)}.u2-stepNum{align-items:center;background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:14px;display:inline-flex;font-weight:850;height:32px;justify-content:center;width:32px}.u2-step.is-current .u2-stepNum{background:linear-gradient(135deg,#bf4ff8,#456ff7);background:var(--u2-grad-accent);border-color:#0000;color:#fff}.u2-stepLabel{font-size:12px;font-weight:850;letter-spacing:-.01em}.u2-stepHint{color:var(--u2-muted);font-size:11px}@media (max-width:980px){.u2-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}.u2-stepBody{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:1.2fr .8fr}@media (max-width:980px){.u2-stepBody{grid-template-columns:1fr}}.u2-templateGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:980px){.u2-templateGrid{grid-template-columns:1fr}}.u2-templateCard{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:18px;border-radius:var(--u2-r-2);box-shadow:var(--u2-shadow-1);cursor:pointer;overflow:hidden;position:relative;transition:transform .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1),border-color .22s cubic-bezier(.2,0,0,1);transition:transform var(--u2-dur-2) var(--u2-ease),box-shadow var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease)}.u2-templateCard:hover{border-color:#9341f15c;border-color:hsl(var(--u2-accent-h) 86% 60%/.36);box-shadow:var(--u2-shadow-2);transform:translateY(-2px)}.u2-templateCard.is-selected{border-color:#9341f18c;border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:var(--u2-shadow-2),var(--u2-glow)}.u2-templateThumb{background:radial-gradient(420px 120px at 15% 0,#9341f142,#0000 60%),radial-gradient(420px 120px at 85% 40%,#456ff733,#0000 60%),linear-gradient(180deg,#ffffff1a,#0000 45%),var(--u2-surface-3);background:radial-gradient(420px 120px at 15% 0,hsl(var(--u2-accent-h) 86% 60%/.26),#0000 60%),radial-gradient(420px 120px at 85% 40%,#456ff733,#0000 60%),linear-gradient(180deg,#ffffff1a,#0000 45%),var(--u2-surface-3);border-bottom:1px solid var(--u2-border);height:96px}.u2-templateContent{grid-gap:10px;display:grid;gap:10px;padding:12px}.u2-templateTop{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.u2-templateName{font-weight:900;letter-spacing:-.02em}.u2-templateDesc{color:var(--u2-text-2);font-size:13px}.u2-chipRow{display:flex;flex-wrap:wrap;gap:8px}.u2-templateActions{display:flex;gap:8px;opacity:0;position:absolute;right:10px;top:10px;transform:translateY(-2px);transition:opacity .22s cubic-bezier(.2,0,0,1),transform .22s cubic-bezier(.2,0,0,1);transition:opacity var(--u2-dur-2) var(--u2-ease),transform var(--u2-dur-2) var(--u2-ease)}.u2-templateCard.is-selected .u2-templateActions,.u2-templateCard:hover .u2-templateActions{opacity:1;transform:translateY(0)}.u2-sidePanel{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:18px;border-radius:var(--u2-r-2);box-shadow:var(--u2-shadow-1);overflow:hidden}.u2-sidePanelHeader{background:var(--u2-surface-3);border-bottom:1px solid var(--u2-border);padding:14px}.u2-sidePanelBody{grid-gap:10px;display:grid;gap:10px;padding:14px}.u2-list{color:var(--u2-text-2);font-size:13px;margin:0;padding-left:18px}.u2-modal{align-items:center;display:none;inset:0;justify-content:center;padding:18px;position:fixed;z-index:100}.u2-modal.is-open{display:flex}.u2-modalBackdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;inset:0;position:absolute}.u2-modalCard{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:18px;box-shadow:var(--u2-shadow-2);overflow:hidden;position:relative;width:min(980px,96vw)}.u2-modalHeader{align-items:center;background:var(--u2-surface-3);border-bottom:1px solid var(--u2-border);display:flex;gap:12px;justify-content:space-between;padding:14px}.u2-modalBody{padding:14px}.u2-previewFrame{align-items:center;background:radial-gradient(520px 220px at 30% 30%,#9341f133,#0000 60%),radial-gradient(520px 220px at 70% 60%,#456ff729,#0000 60%),var(--u2-surface-3);background:radial-gradient(520px 220px at 30% 30%,hsl(var(--u2-accent-h) 86% 60%/.2),#0000 60%),radial-gradient(520px 220px at 70% 60%,#456ff729,#0000 60%),var(--u2-surface-3);border:1px dashed #9341f166;border:1px dashed hsl(var(--u2-accent-h) 86% 60%/.4);border-radius:16px;color:var(--u2-muted);display:flex;font-weight:900;height:420px;justify-content:center;letter-spacing:.08em;text-transform:uppercase}.u2-ico{display:inline-block;height:18px;width:18px}.u2-ico.lg{height:20px;width:20px}:root{--u2-sidebar-bg:#0f172a;--u2-sidebar-text:#d8e5ff;--u2-sidebar-muted:#9fb2d1}.hub-sidebar,.u2-sidebar{background:linear-gradient(180deg,#0f172a,#1b2b44);background:linear-gradient(180deg,var(--u2-sidebar-bg) 0,#1b2b44 100%);border-right:1px solid #ffffff14}.hub-sidebar .u2-brand,.u2-sidebar .u2-brand{background:#ffffff0f;border:1px solid #ffffff0f}.hub-sidebar .u2-brand__title,.u2-sidebar .u2-brand__title{color:#f0f4ff}.hub-sidebar .u2-brand__hint,.hub-sidebar .u2-sectionTitle,.u2-sidebar .u2-brand__hint,.u2-sidebar .u2-sectionTitle{color:#9fb2d1;color:var(--u2-sidebar-muted)}.u2-navItem{color:#d8e5ff;color:var(--u2-sidebar-text)}.hub-sidebar .u2-navItem,.u2-sidebar .u2-navItem{background:#ffffff0a;border:1px solid #ffffff0f}.hub-sidebar .u2-navItem:not(:disabled):hover,.u2-sidebar .u2-navItem:not(:disabled):hover{background:#ffffff14;border-color:#ffffff29;color:#f0f4ff;transform:none}.hub-sidebar .u2-navItem.is-active,.u2-sidebar .u2-navItem.is-active{background:#3b82f633;border-color:#60a5fa8c;box-shadow:none;color:#bfdbfe;font-weight:600}.hub-sidebar .u2-navItem.is-disabled,.u2-sidebar .u2-navItem.is-disabled{color:#91a3bf;opacity:.7}.hub-sidebar .u2-userCard,.u2-sidebar .u2-userCard{background:#ffffff0f;border:1px solid #ffffff0f}.hub-sidebar .u2-userCard .u2-strong,.u2-sidebar .u2-userCard .u2-strong{color:#f0f4ff}.hub-sidebar .u2-userCard .u2-muted,.u2-sidebar .u2-userCard .u2-muted{color:#9fb2d1;color:var(--u2-sidebar-muted)}.u2-viewSettings{display:flex;gap:6px;margin-left:auto}.u2-menuToggle{display:none}.u2-subnav{background:var(--u2-surface-1);top:0}.u2-subnavInner{padding-bottom:8px;padding-top:8px}@media (max-width:960px){.u2-menuToggle{display:inline-flex}}@media (max-width:600px){.u2-subnavInner{flex-wrap:nowrap;overflow-x:auto;padding:8px 12px}.u2-subnavInner>*{flex-shrink:0}.u2-subnav{top:0}}.history-filters{align-items:end;flex-wrap:wrap;gap:12px;margin:16px 0}.history-filters .u2-field{flex:1 1 180px}@media (max-width:680px){.u2-siteTable,.u2-siteTable tbody{display:block;min-width:0;width:100%}.u2-siteTable thead{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.u2-siteTable tr{border-bottom:1px solid var(--u2-border);display:block;padding:12px 4px}.u2-siteTable td{align-items:baseline;border:0;display:flex;gap:12px;justify-content:space-between;overflow-wrap:anywhere;padding:6px;text-align:right;white-space:normal}.u2-siteTable td:before{content:attr(data-label);flex-shrink:0;font-weight:600;text-align:left}.u2-siteTable td[data-label=\414\435\439\441\442\432\438\44F]{padding-top:12px}.u2-siteTable td[data-label=\414\435\439\441\442\432\438\44F]:before{display:none}.u2-siteTable td[data-label=\414\435\439\441\442\432\438\44F] .u2-toolbarGroup{width:100%}.u2-siteTable td[data-label=\414\435\439\441\442\432\438\44F] button{flex:1 1}}@media (max-width:600px){.u2-subnav{top:0}}.generator-v2-container{color:var(--color-text-main);font-family:var(--ui-font-sans);margin:0 auto;padding:0}.u2-bgShowSelected{display:none}@media (min-width:781px){.generator-v2-container .u2-generatorWorkspace{overflow:visible}.u2-bgChooser .u2-bgSelected{align-self:start;position:sticky;top:132px}}@media (max-width:600px){.generator-v2-container>.u2-card:first-child{display:none}.generator-v2-container .u2-siteTypeToggle.is-prominent{gap:8px;padding:8px}.generator-v2-container .u2-siteTypeBtn{border-width:2px;flex:1 1;min-width:0;padding:10px 6px}.u2-templateSummary.is-empty .u2-compChips,.u2-templateSummary.is-empty .u2-divider,.u2-templateSummary.is-empty .u2-templateComponentsTitle,.u2-templateSummary.is-empty .u2-templateStats{display:none}.generator-v2-container .u2-stepper{display:block}.generator-v2-container .u2-step:not(.is-current){display:none}.generator-v2-container .u2-step.is-current{align-items:center;display:flex;gap:12px;min-height:52px}.generator-v2-container .u2-stepHint{display:none}}.u2-previewCard{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:18px;cursor:pointer;overflow:hidden;position:relative;transition:transform var(--u2-dur-2) var(--u2-ease),box-shadow var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease)}.u2-previewCard:hover{border-color:hsl(var(--u2-accent-h) 86% 60%/.34);box-shadow:var(--u2-shadow-2);transform:translateY(-2px)}.u2-previewCard.is-selected{border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:var(--u2-shadow-2),var(--u2-glow)}.u2-previewThumb{aspect-ratio:1/2;background-position:top;background-size:cover;filter:saturate(1.05) contrast(1.02)}.u2-previewHover{align-items:flex-end;background:linear-gradient(180deg,#0000 40%,#0000008c);display:flex;gap:10px;inset:0;justify-content:space-between;opacity:0;padding:12px;position:absolute;transition:opacity var(--u2-dur-2) var(--u2-ease)}.u2-previewCard:hover .u2-previewHover{opacity:1}.u2-previewMeta{grid-gap:8px;display:grid;gap:8px;padding:12px}.u2-previewTitleRow{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.u2-previewTitle{font-weight:850;font-weight:var(--u2-fw-title,850);letter-spacing:-.02em}.u2-previewDesc{color:var(--u2-text-2);font-size:12px}.u2-bgTile{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:16px;cursor:pointer;overflow:hidden;transition:transform var(--u2-dur-2) var(--u2-ease),border-color var(--u2-dur-2) var(--u2-ease),box-shadow var(--u2-dur-2) var(--u2-ease)}.u2-bgTile:hover{border-color:hsl(var(--u2-accent-h) 86% 60%/.32);box-shadow:var(--u2-shadow-1);transform:translateY(-1px)}.u2-bgTile.is-selected{border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:var(--u2-shadow-1),var(--u2-glow)}.u2-bgTileThumb{background-position:50%;background-size:cover;height:120px}.u2-bgTileThumb.is-empty{align-items:center;background:radial-gradient(220px 120px at 30% 30%,hsl(var(--u2-accent-h) 86% 60%/.16),#0000 60%),var(--u2-surface-3);color:var(--u2-text-3);display:flex;font-size:10px;justify-content:center;letter-spacing:.08em;text-transform:uppercase}.u2-bgTileThumbLabel{background:hsl(var(--u2-accent-h) 86% 60%/.12);border-radius:999px;padding:4px 8px}.u2-bgTileMeta{color:var(--u2-text-2);display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:10px}.u2-bgTileMeta span:first-child{min-width:0;overflow-wrap:anywhere}.u2-bgTileMeta .u2-muted{flex:0 0 auto}.u2-bgSearch{margin-bottom:12px;width:100%}.u2-bgEmptyPreview{font-size:12px;font-weight:400;letter-spacing:0;line-height:1.5;max-width:210px;padding:16px;text-align:center;text-transform:none}@media (max-width:600px){.u2-bgOpacityControls{flex-wrap:wrap;gap:8px!important}.u2-bgOpacityControls input[type=range]{flex-basis:100%!important;width:100%}.u2-bgOpacityControls>div{text-align:left!important}.u2-bgShowSelected{display:inline-flex;margin-bottom:12px}.u2-bgChooser .u2-bgSelected{order:-1}.u2-bgChooser .u2-bgTiles{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.u2-bgChooser .u2-bgTileThumb{height:92px}.u2-bgChooser .u2-bgTileMeta{grid-gap:4px;display:grid;gap:4px}}@media (max-width:350px){.u2-bgChooser .u2-bgTileMeta{font-size:10px;padding:8px 6px}}.generator-header{margin-bottom:3rem;text-align:center}.generator-header h1{color:var(--color-text-main);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.generator-header p{color:var(--color-text-secondary);font-size:1.125rem;margin:0}.progress-indicator{display:flex;justify-content:space-between;margin-bottom:3rem;padding:0 2rem;position:relative}.progress-indicator:before{background:var(--color-border);content:"";height:2px;left:2rem;position:absolute;right:2rem;top:24px;z-index:1}.progress-step{flex:1 1;flex-direction:column;max-width:200px;z-index:2}.progress-step,.step-number{align-items:center;display:flex;position:relative}.step-number{background:var(--color-bg-body);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);font-weight:600;height:48px;justify-content:center;margin-bottom:1rem;transition:all .3s ease;width:48px}.progress-step.active .step-number{background:var(--gradient-primary);border-color:#0000;box-shadow:0 0 0 4px hsl(var(--ui-accent-h) 92% 64%/.2);color:#fff}.progress-step.completed .step-number{background:var(--ui-success);border-color:#0000;color:#fff}.progress-step.optional .step-number{background:#0000;border:2px dashed var(--color-border)}.optional-badge{background:var(--ui-warning);border-radius:4px;color:#1b1b2c;font-size:.625rem;font-weight:600;padding:2px 4px;position:absolute;right:-8px;top:-8px}.step-info{text-align:center}.step-title{color:var(--color-text-main);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.step-description{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.generator-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem;min-height:500px;padding:2.25rem}.step-content h2{color:var(--color-text-main);font-size:1.75rem;font-weight:600;margin-bottom:2rem}.loading-state,.preview-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{border:4px solid #5a54782e;border-top:4px solid var(--ui-accent);margin-bottom:1rem}.spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:currentcolor;height:16px;margin-right:.5rem;width:16px}.form-group{margin-bottom:2rem}.form-group label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.form-select,.form-textarea{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-main);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.form-select:focus,.form-textarea:focus{border-color:hsl(var(--ui-accent-h) 72% 56%/.65);box-shadow:0 0 0 3px hsl(var(--ui-accent-h) 92% 64%/.14);outline:none}.form-textarea{min-height:100px;resize:vertical}.radio-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.radio-option{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px}.radio-option:hover{background:hsl(var(--ui-accent-h) 92% 64%/.06);border-color:hsl(var(--ui-accent-h) 72% 56%/.45)}.radio-option input[type=radio]{margin-right:.75rem;margin-top:.125rem;transform:scale(1.2)}.radio-option input[type=radio]:checked+.radio-label{color:var(--ui-accent)}.radio-option:has(input:checked){background:hsl(var(--ui-accent-h) 92% 64%/.08);border-color:hsl(var(--ui-accent-h) 72% 56%/.55)}.radio-label{display:flex;flex-direction:column}.radio-label strong{font-weight:600;margin-bottom:.25rem}.radio-label small{color:var(--color-text-secondary);font-size:.875rem}.checkbox-option{align-items:flex-start;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.checkbox-option:hover{background:#f8f9ff;border-color:#007bff}.checkbox-option input[type=checkbox]{margin-right:.75rem;margin-top:.125rem;transform:scale(1.2)}.checkbox-option:has(input:checked){background:#f8f9ff;border-color:#007bff}.checkbox-label{flex-direction:column}.checkbox-label strong{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.checkbox-label small{color:#7f8c8d;font-size:.875rem}.template-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-grid--smoke{margin-top:1.5rem}.template-section{border-top:1px solid #f1f3f5;margin-top:1.5rem;padding-top:1.5rem}.template-section--smoke{background:#fdfbff;border:1px solid #efe9ff;border-radius:12px;padding:1.5rem}.template-section__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.template-section__header h3{color:#2c3e50;font-size:1.125rem;margin:0}.template-section__header p{color:#7f8c8d;font-size:.875rem;margin:.25rem 0 0}.smoke-toggle{background:#fff;border:2px solid #e9ecef;border-radius:999px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.smoke-toggle:hover{border-color:#7d5fff;color:#7d5fff}.template-card{border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .2s ease}.template-card:hover{border-color:#007bff;box-shadow:0 8px 25px #007bff1a}.template-card.selected{background:#f8f9ff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.template-card--smoke{background:#fbfaff;border-color:#dcd6ff}.template-preview{align-items:center;border:2px solid #0000;display:flex;height:80px;justify-content:center;margin-bottom:1rem;position:relative}.template-icon{font-size:2rem}.template-info h3{color:#2c3e50;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.template-info p{color:#7f8c8d;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.template-stats{display:flex;gap:1rem}.stat{align-items:center;color:#6c757d;display:flex;font-size:.75rem}.stat-icon{margin-right:.25rem}.template-badge{background:#7d5fff;border-radius:999px;color:#fff;font-size:.65rem;font-weight:600;left:8px;letter-spacing:.5px;padding:.2rem .65rem;position:absolute;text-transform:uppercase;top:8px}.template-components{border-top:1px solid #e9ecef;font-size:.75rem;margin-top:.75rem;padding-top:.75rem}.components-group{line-height:1.4;margin-bottom:.4rem}.components-label{color:#6c757d;font-weight:600;margin-right:.4rem}.components-list{color:#495057}.template-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.template-tag{background:#f1f3f5;border-radius:999px;color:#6c757d;font-size:.7rem;padding:.25rem .5rem}.template-card--smoke .template-tag{background:#7d5fff1f;color:#7d5fff}.template-empty-state{border:2px dashed #e9ecef;border-radius:12px;color:#7f8c8d;font-size:.9rem;grid-column:1/-1;padding:1.5rem;text-align:center}.theme-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.theme-mode-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.theme-mode-card{background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;padding:1rem;transition:all .2s ease}.theme-mode-card .mode-title{color:#1f2d3d;font-weight:600;margin-bottom:.35rem}.theme-mode-card p{color:#6c757d;font-size:.85rem;margin:0}.theme-mode-card.selected{background:linear-gradient(180deg,#f8fbff,#fff);border-color:#007bff;box-shadow:0 15px 30px #007bff1f}.template-theme-info{background:#f8f9fb;border:1px solid #e9ecef;border-radius:10px;padding:1rem 1.25rem}.template-theme-info .info-row{color:#2c3e50;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.35rem;margin-bottom:.35rem}.template-theme-info .info-note{color:#6c757d;font-size:.8rem;margin:.5rem 0 0}.custom-theme-description{margin-top:1rem}.theme-description-input{min-height:100px;resize:vertical}.theme-card{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;padding:1rem;text-align:center;transition:all .2s ease}.theme-card:hover{border-color:#007bff;transform:translateY(-2px)}.theme-card.selected{background:#f8f9ff;border-color:#007bff}.theme-preview{border-radius:4px;display:flex;height:40px;margin-bottom:.5rem;overflow:hidden}.color-bar{flex:1 1}.theme-name{color:#2c3e50;font-size:.75rem;font-weight:500}.detail-subtext{color:#6c757d;display:block;font-size:.75rem;margin-top:.15rem}.smart-recommendation{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem}.recommendation-header{align-items:center;display:flex;margin-bottom:1.5rem}.recommendation-icon{font-size:2rem;margin-right:1rem}.recommendation-header h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.recommendation-header p{font-size:.875rem;opacity:.9}.customize-toggle{margin-bottom:1.5rem}.customize-checkbox{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .15s ease}.customize-checkbox:hover{background:#e9ecef;border-color:#dee2e6}.customize-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.customize-checkbox__text{color:#2c3e50;font-size:.95rem;font-weight:500}.customize-hint{background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:.85rem;line-height:1.5;margin:.5rem 0 0;padding:.75rem 1rem}.site-structure{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.site-structure__title{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:1rem;font-weight:600;margin:0;padding:1rem 1.25rem}.site-structure__layout{padding:0}.site-structure__section{padding:1rem 1.25rem}.site-structure__section-header{align-items:center;border-bottom:1px dashed #e9ecef;display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.site-structure__section-icon{font-size:1rem}.site-structure__section-name{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.site-structure__components{display:flex;flex-direction:column;gap:.5rem}.site-structure__component{align-items:center;background:#f8f9fa;border-left:3px solid #0000;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.site-structure__component--required{border-left-color:#ffc107}.site-structure__component-main{align-items:center;display:flex;flex:1 1;gap:.5rem}.site-structure__component-name{color:#2c3e50;font-size:.9rem;font-weight:500}.site-structure__component-fixed{font-size:.75rem;opacity:.6}.site-structure__component-select{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#2c3e50;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;max-width:280px;padding:.5rem .75rem;transition:all .15s ease}.site-structure__component-select:hover{border-color:#667eea}.site-structure__component-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.site-structure__component-badges{align-items:center;display:flex;gap:.5rem}.site-structure__badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.site-structure__badge--required{background:#ffc10726;color:#856404}.site-structure__badge--count{background:#667eea26;color:#667eea}.site-structure__divider{background:linear-gradient(90deg,#0000,#e9ecef 20%,#e9ecef 80%,#0000);height:1px;margin:0}.site-structure__toggle{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;display:flex;gap:.35rem;padding:.2rem .5rem;transition:all .15s ease}.site-structure__toggle:hover{background:#e9ecef;border-color:#dee2e6}.site-structure__toggle input[type=checkbox]{cursor:pointer;height:14px;width:14px}.site-structure__toggle-label{color:#6c757d;font-size:.7rem}.site-structure__toggle input:checked+.site-structure__toggle-label{color:#28a745}.site-structure__component--disabled{opacity:.5}.site-structure__optional-controls{align-items:center;display:flex}.site-structure__optional-select{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:.75rem;min-width:130px;padding:.25rem .5rem}.site-structure__optional-select:hover{border-color:#667eea}.site-structure__optional-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea26;outline:none}.site-structure__badge--optional{background:#6c757d26;color:#6c757d}.site-structure__section-position{color:#adb5bd;font-size:.7rem;margin-left:.5rem}.site-structure__columns{background:#e9ecef;display:flex;gap:1px;margin:0 -1.25rem;padding:0}.site-structure__column{background:#fff;flex:1 1;padding:0 1.25rem}.site-structure__column--left{border-right:2px solid #667eea;flex:0 0 25%}.site-structure__column--center{flex:1 1}.site-structure__column--right{border-left:2px solid #667eea;flex:0 0 25%}.site-structure__section--left .site-structure__section-header,.site-structure__section--right .site-structure__section-header{background:#667eea0d}.recommended-components{background:#ffffff1a;border-radius:8px;margin-top:1rem;padding:1.5rem}.recommended-components h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.component-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.component-list--detailed{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.component-item{background:#ffffff1a;border-radius:6px;font-size:.875rem}.component-item--detailed{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem}.component-item--required{border-left:3px solid #ffc107}.component-item__header{align-items:center;display:flex;gap:.5rem;width:100%}.component-item__meta{color:#6c757d;display:flex;font-size:.75rem;gap:1rem;padding-left:1.75rem}.component-name{flex:1 1}.component-variant-select{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#2c3e50;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.4rem .6rem;transition:all .15s ease}.component-variant-select:hover{background:#fff;border-color:#667eea}.component-variant-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.component-container,.component-instances{color:#6c757d}.component-icon{margin-right:.5rem}.component-info strong{color:#1a1a1a;font-weight:600}.component-info small{color:#0009;font-size:.75rem}.required-badge{background:#ffc107e6;color:#212529;font-size:.625rem;font-weight:600;margin-left:auto;padding:.125rem .5rem}.checkbox-option--large{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.checkbox-option--large:hover{background:#e9ecef}.current-theme-info{background:linear-gradient(135deg,#e7f3ff,#f0f7ff);border-left:4px solid #007bff;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem}.theme-info-header{align-items:flex-start;display:flex;gap:.75rem}.theme-info-icon{font-size:1.5rem;line-height:1}.theme-info-header strong{color:#2c3e50;display:block;margin-bottom:.25rem}.theme-info-header p{color:#5a6c7d;font-size:.875rem;line-height:1.4;margin:0}.form-hint{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:.8rem;line-height:1.5;margin:.25rem 0 .75rem;padding:.75rem}.advanced-toggle{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1rem}.advanced-settings{border-top:2px dashed #dee2e6;margin-top:1.5rem;padding-top:1.5rem}.preview-placeholder{padding:3rem;text-align:center}.preview-section{background:#f8f9fa;border-radius:12px;padding:2rem}.availability-summary,.template-access-panel,.warning-panel{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-top:1.5rem;padding:1.25rem 1.5rem}.warning-panel{background:#fff9e6;border-color:#ffeeba}.warning-panel__header{align-items:center;display:flex;gap:12px;margin-bottom:1rem}.warning-panel__icon{font-size:1.75rem}.panel-title,.warning-panel__title{color:#2c3e50;font-weight:600}.warning-panel__subtitle{color:#a0792d;font-size:.85rem}.warning-list{display:flex;flex-direction:column;gap:.75rem}.warning-item{background:#fff;border:1px solid #f1f3f5;border-radius:10px;display:flex;gap:12px;padding:.85rem 1rem}.warning-item--info{background:#eef5ff;border-left:4px solid #3f8cff}.warning-item--warning{background:#fff6e0;border-left:4px solid #f7b500}.warning-item--error{background:#fff0f0;border-left:4px solid #e55353}.warning-item__icon{font-size:1.25rem}.warning-item__message{color:#2c3e50;font-weight:500}.warning-item__meta{color:#6c757d;font-size:.8rem;margin-top:.2rem}.warning-item__severity{font-weight:600}.template-access-panel{background:#f2f7ff;border-color:#cfe2ff}.template-access-panel__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.access-badge{align-items:center;background:#e9ecef;border-radius:999px;color:#495057;display:inline-flex;font-size:.8rem;font-weight:600;padding:.35rem .8rem}.access-badge--ok{background:#e6f4ea;color:#1e7c33}.access-badge--warn{background:#fff2cd;color:#946200}.access-badge--error{background:#fde2e1;color:#b42318}.template-access-panel__note{color:#495057;font-size:.85rem;margin:0}.template-access-panel__note--ok{color:#1e7c33}.availability-summary__header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.availability-summary__meta{color:#6c757d;font-size:.85rem}.availability-flags{display:flex;flex-wrap:wrap;gap:.5rem}.availability-flag{background:#f1f3f5;border-radius:8px;color:#495057;font-size:.8rem;font-weight:500;padding:.35rem .75rem}.availability-flag--ok{background:#e6f4ea;color:#1e7c33}.availability-flag--issue{background:#fff2cd;color:#946200}.preview-info{margin-bottom:2rem}.preview-info h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.preview-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.preview-details--vertical{display:flex;flex-direction:column;gap:.75rem}.detail-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.detail-item--vertical{flex-direction:row;gap:1rem;justify-content:flex-start;padding:1rem 1.25rem}.detail-item--vertical .detail-label{flex-shrink:0;min-width:160px}.detail-item--vertical .detail-value{flex:1 1}.detail-label{color:#7f8c8d;font-weight:500}.detail-value{color:#2c3e50;font-weight:600}.generation-actions{display:flex;gap:1rem;justify-content:center}.debug-toggle{align-items:center;color:#4a5568;display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem}.debug-toggle input{height:16px;width:16px}.generation-result{background:#d4edda;border:2px solid #c3e6cb;border-radius:12px;margin-top:2rem;padding:2rem}.result-success{margin-bottom:2rem;text-align:center}.result-icon{display:block;font-size:3rem;margin-bottom:1rem}.result-success h3{color:#155724;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.result-success p{color:#155724;font-size:.875rem}.result-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.g2-btn-icon{align-items:center;display:inline-flex;line-height:1}.step-navigation{justify-content:space-between;padding:1.5rem 0}.step-actions,.step-navigation{align-items:center;display:flex}.step-actions{gap:1rem}.error-message{background:#ee2b3b1f;border:1px solid #ee2b3b40;border-radius:8px;color:#f4717c;margin-bottom:2rem;padding:1rem 1.5rem}.error-icon{font-size:1.125rem;margin-right:.75rem}.info-message{align-items:center;background:hsl(var(--ui-accent-h) 92% 64%/.12);border:1px solid hsl(var(--ui-accent-h) 72% 56%/.28);border-radius:8px;color:var(--color-text-main);display:flex;padding:1rem 1.5rem}.info-icon{font-size:1.125rem;margin-right:.75rem}@media (max-width:768px){.generator-v2-container{padding:1rem}.generator-header h1{font-size:2rem}.progress-indicator{flex-direction:column;gap:1rem;padding:0}.progress-indicator:before{display:none}.progress-step{background:#f8f9fa;border-radius:8px;flex-direction:row;max-width:none;padding:1rem;width:100%}.step-number{height:40px;margin-bottom:0;margin-right:1rem;width:40px}.step-info{flex:1 1;text-align:left}.generator-content{padding:1.5rem}.radio-group,.template-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.generation-actions,.result-actions,.step-actions{flex-direction:column;width:100%}.step-navigation{flex-direction:column;gap:1rem}.preview-details{grid-template-columns:1fr}}.generation-progress{background:#f8f9fa;background:var(--u2-surface-2,#f8f9fa);border:2px solid #e9ecef;border:2px solid var(--u2-border,#e9ecef);border-radius:14px;margin-top:2rem;padding:1.5rem}.generation-progress--static{background:#f5f8ff;background:var(--u2-surface-3,#f5f8ff);border-color:#a385e04d;border-color:hsl(var(--u2-accent-h,260) 60% 70%/.3);border-style:dashed}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-header h3{color:#2c3e50;color:var(--u2-text-1,#2c3e50);font-size:1.25rem;font-weight:800;margin:0}.progress-percentage{color:#7c41f1;color:hsl(var(--u2-accent-h,260) 86% 60%);font-size:1.5rem;font-weight:800}.progress-bar-container{background:#e9ecef;background:var(--u2-surface-3,#e9ecef);border-radius:6px;height:12px;margin-bottom:1.5rem;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#7c41f1,#5210d5);background:linear-gradient(90deg,hsl(var(--u2-accent-h,260) 86% 60%),hsl(var(--u2-accent-h,260) 86% 45%));border-radius:6px;box-shadow:0 2px 8px #7c41f166;box-shadow:0 2px 8px hsl(var(--u2-accent-h,260) 86% 60%/.4);height:100%;transition:width .3s ease}.progress-steps{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);margin-bottom:1rem}.progress-step-item{align-items:center;background:#fff;background:var(--u2-surface-1,#fff);border:2px solid #e9ecef;border:2px solid var(--u2-border,#e9ecef);border-radius:10px;display:flex;flex-direction:column;opacity:.5;padding:.75rem;transition:all .3s ease}.progress-step-item.active{background:#7c41f11f;background:hsl(var(--u2-accent-h,260) 86% 60%/.12);border-color:#7c41f1;border-color:hsl(var(--u2-accent-h,260) 86% 60%);box-shadow:0 2px 8px #7c41f133;box-shadow:0 2px 8px hsl(var(--u2-accent-h,260) 86% 60%/.2);opacity:1}.progress-step-item .step-number{align-items:center;background:#e9ecef;background:var(--u2-surface-3,#e9ecef);border-radius:50%;color:#6c757d;color:var(--u2-text-muted,#6c757d);display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;width:32px}.progress-step-item.active .step-number{background:#7c41f1;background:hsl(var(--u2-accent-h,260) 86% 60%);box-shadow:0 2px 8px #7c41f166;box-shadow:0 2px 8px hsl(var(--u2-accent-h,260) 86% 60%/.4);color:#fff}.progress-step-item .step-label{color:#6c757d;color:var(--u2-text-muted,#6c757d);font-size:.75rem;line-height:1.2;text-align:center}.progress-step-item.active .step-label{color:#7c41f1;color:hsl(var(--u2-accent-h,260) 86% 60%);font-weight:700}.progress-current-step{align-items:center;background:#fff;background:var(--u2-surface-1,#fff);border-left:4px solid #7c41f1;border-left:4px solid hsl(var(--u2-accent-h,260) 86% 60%);border-radius:10px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.current-step-icon{font-size:1.5rem}.current-step-text{color:#2c3e50;color:var(--u2-text-1,#2c3e50);font-size:1rem;font-weight:700}.progress-components-info{align-items:center;background:#fff;background:var(--u2-surface-1,#fff);border-radius:10px;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 1rem}.components-count{color:#6c757d;color:var(--u2-text-muted,#6c757d);font-weight:600}.current-component{color:#7c41f1;color:hsl(var(--u2-accent-h,260) 86% 60%);font-weight:700}.components-progress-list{background:#fff;background:var(--u2-surface-1,#fff);border:1px solid #e9ecef;border:1px solid var(--u2-border,#e9ecef);border-radius:10px;margin-top:1.5rem;padding:1rem}.components-list-title{color:#2c3e50;color:var(--u2-text-1,#2c3e50);font-size:1rem;font-weight:700;margin:0 0 1rem}.components-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.component-item{align-items:center;background:#f8f9fa;background:var(--u2-surface-2,#f8f9fa);border:2px solid #e9ecef;border:2px solid var(--u2-border,#e9ecef);border-radius:10px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.component-item--pending{border-color:#e9ecef;border-color:var(--u2-border,#e9ecef);opacity:.6}.component-item--processing{animation:pulse 2s ease-in-out infinite;background:#7c41f11f;background:hsl(var(--u2-accent-h,260) 86% 60%/.12);border-color:#7c41f1;border-color:hsl(var(--u2-accent-h,260) 86% 60%);box-shadow:0 2px 8px #7c41f133;box-shadow:0 2px 8px hsl(var(--u2-accent-h,260) 86% 60%/.2)}.component-item--completed{background:#22c3581f;border-color:#22c358}.component-item--failed{background:#d926261f;border-color:#d92626}.component-status-icon{flex-shrink:0;font-size:1.25rem}.component-order{color:#99a1b3;color:var(--u2-text-muted,#99a1b3);font-size:.75rem;font-weight:700;text-align:right;width:32px}.component-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.component-name{color:#2c3e50;color:var(--u2-text-1,#2c3e50);font-size:.875rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-meta{color:#6c7486;color:var(--u2-text-muted,#6c7486);font-size:.75rem}.component-status-text{color:#6c757d;color:var(--u2-text-muted,#6c757d);font-size:.75rem}.components-detailed-list{margin-top:1.5rem}.components-detailed-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.component-detailed-item{background:#fff;background:var(--u2-surface-1,#fff);border:1px solid #d7def0;border:1px solid var(--u2-border,#d7def0);border-radius:10px;box-shadow:0 3px 8px #2038751a;box-shadow:var(--u2-shadow-1,0 3px 8px #2038751a);display:flex;gap:.75rem;padding:.9rem}.component-detailed-order{color:#7c8db5;color:var(--u2-text-muted,#7c8db5);font-weight:700;min-width:32px}.component-detailed-info{color:#2f3c53;color:var(--u2-text-2,#2f3c53);display:flex;flex-direction:column;font-size:.85rem;gap:.15rem}.component-tech-name{color:#713cdd;color:hsl(var(--u2-accent-h,260) 70% 55%);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.component-human-name{color:#1f2430;font-size:.95rem;font-weight:600}.component-meta-line{color:#6c7486;font-size:.75rem}.generation-timer-section{background:linear-gradient(135deg,#7c41f114,#5b12ed0a);background:linear-gradient(135deg,hsl(var(--u2-accent-h,260) 86% 60%/.08),hsl(var(--u2-accent-h,260) 86% 50%/.04));border:1px solid #7c41f133;border:1px solid hsl(var(--u2-accent-h,260) 86% 60%/.2);border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.generation-timer{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.timer-icon{animation:pulse 2s ease-in-out infinite;font-size:1.5rem}.timer-value{font-feature-settings:"tnum";color:#1a1a2e;color:var(--u2-text-1,#1a1a2e);font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:800}.timer-estimate{color:#6c757d;color:var(--u2-text-muted,#6c757d);font-size:.875rem;margin-left:auto}.generation-tip{background:#fff9;background:var(--u2-surface-1,#fff9);border-radius:8px;color:#4a5568;color:var(--u2-text-2,#4a5568);font-size:.9rem;line-height:1.4;padding:.75rem;transition:opacity .3s ease}.debug-mode-hint{color:#5c6478;color:var(--u2-text-muted,#5c6478);font-size:.8rem;margin-bottom:1rem}.component-item--processing .component-status-text{color:#007bff;font-weight:600}.component-item--completed .component-status-text{color:#28a745}.component-item--failed .component-status-text{color:#dc3545}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.current-component-indicator{align-items:center;background:linear-gradient(135deg,#e7f3ff,#cfe2ff);border-left:4px solid #007bff;border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.indicator-icon{font-size:1.5rem}.indicator-text{color:#007bff;font-size:.875rem;font-weight:600}.progress-error{align-items:center;background:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.error-icon{font-size:1.5rem}.error-text{color:#dc3545;font-size:.875rem;font-weight:600}.progress-bar-fill.error{background:linear-gradient(90deg,#dc3545,#c82333)}.detail-item--components{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.detail-item--components .components-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.detail-item--components .component-item{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem}.detail-item--components .component-item.required{background:#e8f5e9;border-color:#a5d6a7}.detail-item--components .component-item.optional{background:#fff3e0;border-color:#ffcc80}.detail-item--components .component-name{color:#495057}.detail-item--components .component-badge{background:#0000000d;border-radius:3px;color:#6c757d;font-size:.7rem;padding:.1rem .25rem}@media (max-width:768px){.progress-steps{gap:.5rem;grid-template-columns:repeat(4,1fr)}.progress-step-item .step-label{font-size:.65rem}.progress-components-info{align-items:flex-start;flex-direction:column;gap:.5rem}.components-grid{grid-template-columns:1fr}.component-item{padding:.5rem}.component-name{font-size:.8rem}}.legal-documents-list{margin-top:.5rem}.legal-docs-preview{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.legal-doc-item{background:#f0f4f8;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:.8rem;padding:.25rem .75rem}.legal-doc-item:before{content:"📄 "}.background-settings{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.form-section-title{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.section-icon{font-size:1.25rem}.background-toggle{margin-bottom:1rem}.background-options{animation:fadeIn .3s ease;border-top:1px solid #dee2e6;padding-top:1rem}.bg-thumb-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:10px}.bg-thumb{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}.bg-thumb.selected{border-color:#667eea;box-shadow:0 4px 10px #667eea33;transform:translateY(-2px)}.bg-thumb__preview{align-items:center;background-color:#f3f3f3;background-position:50%;background-size:cover;border-radius:6px;color:#999;display:flex;flex-shrink:0;font-weight:700;height:48px;justify-content:center;width:48px}.bg-thumb__placeholder{font-size:18px}.bg-thumb__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.bg-thumb__title{color:#333;font-size:13px;font-weight:600}.bg-thumb__subtitle,.bg-thumb__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-thumb__subtitle{color:#777;font-size:12px}.background-options .form-group{margin-bottom:1.25rem}.background-options .form-group:last-child{margin-bottom:0}.background-options .radio-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.radio-option{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;padding:1rem;transition:all .2s ease}.radio-option:hover{background:#f8f9fa;border-color:#3498db}.radio-option.selected{background:#ebf5fb;border-color:#3498db}.radio-option input[type=radio]{display:none}.radio-content{align-items:flex-start;display:flex;gap:.75rem}.radio-icon{font-size:1.5rem;line-height:1}.radio-text{display:flex;flex-direction:column;gap:.25rem}.radio-text strong{color:#2c3e50;font-size:.95rem}.radio-text small{color:#7f8c8d;font-size:.8rem}@media (max-width:600px){.background-options .radio-group{grid-template-columns:1fr}.background-settings{padding:1rem}}.batch-controls{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.batch-mode-toggle{display:flex;flex-wrap:wrap;gap:8px}.batch-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:10px}.batch-hint{color:var(--u2-text-3);font-size:12px;margin-top:8px}.batch-table-wrapper{background:var(--u2-surface-2);border:1px solid var(--u2-border);border-radius:12px;margin-top:12px;overflow-x:auto}.batch-table{border-collapse:collapse;font-size:12px;min-width:1120px;width:100%}.batch-table td,.batch-table th{border-bottom:1px solid var(--u2-border);padding:10px 12px;vertical-align:top}.batch-table th{background:var(--u2-surface-3);color:var(--u2-text-2);font-weight:700;text-align:left}.batch-table tr:last-child td{border-bottom:none}.batch-status{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.batch-status.is-queued{color:hsl(var(--u2-accent-h) 90% 52%)}.batch-status.is-processing{color:hsl(var(--u2-accent-h) 80% 42%)}.batch-status.is-completed{color:#2c965d}.batch-status.is-failed{color:#d93226}.batch-stage{grid-gap:4px;display:grid;gap:4px}.batch-stage-meta{color:var(--u2-text-3);font-size:11px}.batch-url{word-break:break-all}.batch-error{color:#d03025}.batch-row-actions{display:flex;flex-wrap:wrap;gap:6px}.batch-row{cursor:pointer}.batch-row.is-expanded{background:var(--u2-surface-3)}.batch-row-details td{background:var(--u2-surface-2);padding:0}.batch-progress-panel{background:var(--u2-surface-2);border-top:1px solid var(--u2-border);padding:12px}.batch-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.batch-progress-title{color:var(--u2-text-1);font-weight:700}.batch-progress-percentage{color:hsl(var(--u2-accent-h) 86% 60%);font-weight:800}.batch-queue-note{color:var(--u2-text-2);font-size:12px;margin-top:8px}.batch-progress-missing{background:#fbecda;border-radius:8px;color:#b86b14;font-size:12px;margin-top:8px;padding:8px 10px}.batch-blocked{grid-gap:6px;background:var(--u2-surface-3);border:1px dashed var(--u2-border);border-radius:12px;display:grid;gap:6px;margin-top:10px;padding:10px 12px}.batch-link-list{grid-gap:4px;display:grid;font-size:12px;gap:4px;word-break:break-all}.batch-link-list a{text-decoration:underline}.batch-link-list a,.generator-v2-container{color:var(--u2-text-1)}.generator-v2-container>.u2-card{background:var(--u2-surface-1);box-shadow:none}.generator-v2-container .u2-wizardWorkspace{overflow:visible;scroll-margin-top:80px}.u2-generatorFields{border:0;margin:0;min-width:0}.generator-v2-container .step-content h2{font-size:22px;line-height:1.3;margin:0}.generator-v2-container .step-content .u2-subtitle{line-height:1.6;margin:6px 0 0}.generator-v2-container .u2-cardHeader{margin-bottom:18px}.generator-v2-container .u2-stepper{gap:6px}.generator-v2-container .u2-step{border-radius:10px;gap:6px;min-height:0;padding:10px}.generator-v2-container .u2-stepNum{font-size:12px;height:24px;width:24px}.generator-v2-container .u2-stepHint{display:none}.generator-v2-container .u2-stepLabel{font-size:12px;margin:0}.generator-v2-container .u2-step[aria-disabled=false]{cursor:pointer}.generator-v2-container :is(button,[role=button],input,select,textarea,a):focus-visible{outline:3px solid var(--u2-accent);outline-offset:3px}.generator-v2-container .u2-siteTypeSection{margin:0 0 16px}.generator-v2-container .u2-siteTypeToggle.is-prominent{background:none;border:0;justify-content:flex-start;padding:0}.generator-v2-container .u2-siteTypeBtn{border-radius:12px;flex:1 1;min-width:0;padding:12px}.generator-v2-container .u2-siteTypeIcon{display:none}.u2-selectionSummary{align-items:center;background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:12px;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:12px}.u2-selectionSummary p{font-size:13px;margin:4px 0 0}.generator-v2-container .u2-tplGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.generator-v2-container .u2-previewCard{border-radius:12px;display:flex;flex-direction:column}.generator-v2-container .u2-previewThumb{aspect-ratio:4/3;background-size:cover;flex-shrink:0}.generator-v2-container .u2-previewMeta{flex:1 1;order:1}.generator-v2-container .u2-previewHover{background:none;opacity:1;order:2;padding:0 12px 12px;position:static}.generator-v2-container .u2-previewHover .u2-btn{flex:1 1;padding:10px 6px}.generator-v2-container .u2-previewTitle{overflow-wrap:anywhere}.generator-v2-container .u2-previewDesc{-webkit-line-clamp:3}.generator-v2-container .u2-stepNav{background:var(--u2-surface-1);border-top:1px solid var(--u2-border);bottom:0;padding:12px 0;position:sticky;z-index:20}.generator-v2-container .u2-compControls{flex-shrink:0}.generator-v2-container .u2-miniSelect{max-width:240px}.generator-v2-container .u2-launchDetails{border:1px solid var(--u2-border);border-radius:12px;line-height:1.6;margin-bottom:12px;padding:16px}.generator-v2-container .u2-launchDetails p{margin:8px 0 0}@media (max-width:1100px){.generator-v2-container .u2-tplGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-v2-container .u2-step{padding:8px 5px}}@media (max-width:600px){.generator-v2-container>.u2-card:first-child{display:block}.generator-v2-container>.u2-card:first-child .u2-subtitle{display:none}.generator-v2-container .u2-cardInner{padding:12px}.generator-v2-container .u2-stepper{display:flex;overflow-x:auto}.generator-v2-container .u2-step.is-current,.generator-v2-container .u2-step:not(.is-current){align-items:center;display:flex;flex-shrink:0;gap:6px;min-height:44px}.generator-v2-container .u2-step:not(.is-current) .u2-stepLabel{display:none}.generator-v2-container .u2-tplGrid{grid-template-columns:minmax(0,1fr)}.generator-v2-container .u2-previewThumb{aspect-ratio:16/9}.generator-v2-container .u2-wizardWorkspace{scroll-margin-top:120px}.generator-v2-container .u2-compControls{display:grid;grid-template-columns:1fr 1fr;width:100%}.generator-v2-container .u2-miniSelect{max-width:100%;min-width:0;width:100%}.generator-v2-container .u2-stepNav .u2-btn{font-size:13px;padding:10px}.u2-selectionSummary{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.generator-v2-container *{scroll-behavior:auto!important;transition:none!important}}.generator-v2-container .u2-generatorFields{background:#0000;box-shadow:none;margin:0;min-height:0}.generator-v2-container>.u2-card:first-child .u2-cardHeader{margin-bottom:0}.generator-v2-container>.u2-card:nth-child(2) .u2-cardInner{padding:10px}.generator-v2-container .u2-step{align-items:center;display:flex}.generator-v2-container .u2-toolbarGroup{flex-direction:row;flex-wrap:wrap}.generator-v2-container .u2-toolbar .u2-toolbarGroup{align-items:end}.u2-templateDiagram{grid-gap:8px;background:var(--u2-surface-3);border-bottom:1px solid var(--u2-border);color:var(--u2-text-2);display:grid;gap:8px;padding:16px}.u2-diagramBar{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:5px;font-size:11px;padding:6px 12px;text-align:center}.u2-diagramColumn,.u2-diagramColumns{grid-gap:8px;display:grid;gap:8px}.u2-diagramColumn{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:5px;font-size:11px;min-width:0;padding:12px 8px;text-align:center}.u2-diagramColumn i{background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:3px;display:block;height:12px}.u2-templateDiagram small{font-size:11px;text-align:center}.generator-v2-container .u2-reviewSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-v2-container .u2-reviewSummary .u2-cardInner{padding:12px}.generator-v2-container .u2-reviewSummary p{margin:6px 0 0;overflow-wrap:anywhere}.u2-documentDetails summary{cursor:pointer;padding:8px 0}.u2-documentDetails .u2-compChips{padding-top:12px}@media (max-width:400px){.generator-v2-container .u2-reviewSummary{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.generator-v2-container .u2-wizardWorkspace{scroll-margin-top:16px}}.generator-v2-container .u2-blockSection>.u2-cardInner,.generator-v2-container .u2-blockStructure>.u2-cardInner{padding:0}.generator-v2-container .u2-blockSection,.generator-v2-container .u2-blockStructure{background:#0000!important;border:0;box-shadow:none}.generator-v2-container .u2-blockGroup>.u2-cardInner{padding:12px}.generator-v2-container .u2-componentRow{border-bottom:1px solid var(--u2-border);flex-wrap:wrap;padding:10px 0}.generator-v2-container .u2-componentRow:last-child{border-bottom:0}.generator-v2-container .u2-componentRow>div:first-child{flex:1 1 210px}.generator-v2-container .u2-componentRow .u2-compControls{display:grid;flex:1 1 260px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.generator-v2-container .u2-blockExplanation{line-height:1.6;margin:12px 0 20px}.generator-v2-container .u2-blockStructure .u2-miniSelect{max-width:100%;min-width:0;width:100%}@media (max-width:600px){.generator-v2-container .step-content>.u2-cardHeader{flex-wrap:wrap}.generator-v2-container .step-content>.u2-cardHeader>div{min-width:0}.generator-v2-container .step-content>.u2-cardHeader>.u2-pill{display:none}}.generator-v2-container,.generator-v2-container .step-content{min-width:0}.generator-v2-container .u2-field,.generator-v2-container .u2-toolbarGroup{max-width:100%;min-width:0}.u2-selectionSummary>div{min-width:0;overflow-wrap:anywhere}@media (max-width:400px){.generator-v2-container .u2-siteTypeToggle.is-prominent{flex-direction:column}.generator-v2-container .u2-siteTypeBtn{width:100%}.generator-v2-container .u2-previewHover{flex-wrap:wrap}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:40px;width:100%}.auth-card h2{color:#333;font-size:2rem;margin-bottom:10px;text-align:center}.auth-card p{color:#666;margin-bottom:30px;text-align:center}.auth-form{margin-bottom:20px}.auth-footer{border-top:1px solid #eee;padding-top:20px;text-align:center}.auth-footer a{color:#007bff;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.success{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-weight:500}.error,.success{margin-bottom:20px;padding:12px 16px;text-align:center}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-oauth{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.btn-oauth:hover{background:#f9fafb;border-color:#d1d5db}.btn-oauth:disabled{cursor:not-allowed;opacity:.6}.btn-oauth svg{flex-shrink:0}.btn-google{color:#374151}.btn-google:hover{box-shadow:0 2px 8px #0000001a}.telegram-login-wrapper{display:flex;justify-content:center}.telegram-login-wrapper iframe{border-radius:8px!important}.divider{align-items:center;display:flex;margin:24px 0}.divider:after,.divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.divider span{color:#9ca3af;font-size:14px;padding:0 16px;text-transform:uppercase}.verification-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:20px;padding:16px}.verification-notice h4{color:#92400e;font-size:14px;margin:0 0 8px}.verification-notice p{color:#78350f;font-size:13px;margin:0;text-align:left}.verification-notice button{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:12px;padding:8px 16px}.verification-notice button:hover{background:#d97706}@media (max-width:768px){.auth-card{padding:30px 20px}.oauth-buttons{gap:10px}.btn-oauth{font-size:14px;padding:10px 16px}}.component-parameters{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.parameters-tabs{align-items:stretch;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;min-height:60px}.parameters-tabs .tab-button,.parameters-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:15px 20px;text-align:center;transition:all .2s ease}.parameters-tabs .tab-button:hover,.parameters-tabs button:hover{background:#e9ecef;border-bottom-color:#adb5bd;color:#495057}.parameters-tabs .tab-button.active,.parameters-tabs button.active{background:#fff;border-bottom-color:#007bff;box-shadow:0 2px 4px #0000001a;color:#007bff;font-weight:600}.parameters-content{background:#fff;min-height:400px;padding:20px}.conditional-tab,.dynamic-tab,.parameters-tab,.validation-tab{background:#fff;border:1px solid #e9ecef;border-radius:0 0 8px 8px;border-top:none;min-height:400px}.tab-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.tab-header h3{color:#2c3e50;font-size:1.3em;margin:0}.conditional-rule-form,.dynamic-rule-form,.parameter-form,.validation-rule-form{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.conditional-rule-form h3,.dynamic-rule-form h3,.parameter-form h3,.validation-rule-form h3{color:#2c3e50;font-size:1.2em;margin:0 0 20px}.form-row{grid-gap:15px;gap:15px;margin-bottom:15px}.form-group label{color:#495057}.form-control{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.checkbox-label{gap:8px}.checkbox-label input[type=checkbox]{margin:0}.conditional-rules-list,.dynamic-rules-list,.parameters-list,.validation-rules-list{display:flex;flex-direction:column;gap:10px}.no-parameters,.no-rules{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.conditional-rule-item,.dynamic-rule-item,.parameter-item,.validation-rule-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:15px;transition:all .2s ease}.conditional-rule-item:hover,.dynamic-rule-item:hover,.parameter-item:hover,.validation-rule-item:hover{background:#e9ecef;border-color:#dee2e6}.parameter-info,.rule-info{flex:1 1}.parameter-header,.rule-header{align-items:center;display:flex;gap:10px;margin-bottom:5px}.parameter-name,.rule-condition,.rule-parameter{color:#2c3e50;font-weight:600}.parameter-type,.rule-action,.rule-content-type,.rule-source,.rule-type{background:#6c757d;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.required-badge{background:#dc3545;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.parameter-details,.rule-details{display:flex;flex-direction:column;gap:3px}.parameter-label,.rule-operator,.rule-target,.rule-value{color:#495057;font-size:13px}.parameter-description,.rule-dependency,.rule-error,.rule-fallback,.rule-template{color:#6c757d;font-size:12px;font-style:italic}.parameter-actions,.rule-actions{display:flex;gap:5px}.btn-sm{border-radius:4px;font-size:12px;padding:4px 8px}.options-list{display:flex;flex-direction:column;gap:10px}.option-item{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr auto}.form-actions{border-top:1px solid #dee2e6;margin-top:20px}.btn-secondary:hover{background:#545b62}.btn-danger:hover{background:#c82333}.btn-edit{background:#ffc107;color:#212529}.btn-edit:hover{background:#e0a800}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}.tab-header .btn{background:#007bff;border:none;border-radius:6px;box-shadow:0 2px 4px #007bff33;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.tab-header .btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.tab-header .btn:active{box-shadow:0 2px 4px #007bff33;transform:translateY(0)}.tab-header .btn{contain:layout style paint;isolation:isolate;pointer-events:auto;position:relative;z-index:1011}.tab-header .btn:active,.tab-header .btn:focus,.tab-header .btn:hover{contain:layout style paint;isolation:isolate;pointer-events:auto;position:relative;z-index:1012}.conditional-tab .btn,.dynamic-tab .btn,.parameters-tab .btn,.validation-tab .btn{contain:layout style paint;isolation:isolate;pointer-events:auto;position:relative;z-index:1011}.no-event-bubble{z-index:9999!important}.no-event-bubble,.no-event-bubble *{contain:layout style paint!important;isolation:isolate!important;pointer-events:auto!important;position:relative!important}.no-event-bubble *{z-index:inherit!important}.component-parameters .btn,.component-parameters .btn-primary,.component-parameters .btn-secondary{contain:layout style paint!important;isolation:isolate!important;pointer-events:auto!important;position:relative!important;z-index:10000!important}@media (max-width:768px){.parameters-tabs{flex-direction:column}.parameters-tabs button{padding:12px 15px;text-align:left}.form-row{grid-template-columns:1fr}.conditional-rule-item,.dynamic-rule-item,.parameter-item,.validation-rule-item{align-items:flex-start;flex-direction:column;gap:10px}.parameter-actions,.rule-actions{align-self:flex-end}.option-item{gap:5px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.parameters-content{padding:15px}.tab-header{align-items:flex-start;flex-direction:column;gap:15px}.conditional-rule-form,.dynamic-rule-form,.parameter-form,.validation-rule-form{padding:15px}}.component-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}.component-form-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;contain:layout style paint;isolation:isolate;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;pointer-events:auto;position:relative;width:90%;z-index:1001}.component-form-modal h2{color:#333;font-size:24px;margin:0 0 20px}.component-form-modal h3{border-bottom:1px solid #eee;color:#555;font-size:18px;margin:25px 0 15px;padding-bottom:5px}.form-group small{color:#999;display:block;font-size:12px;margin-top:5px}.checkbox-group{flex-wrap:wrap;gap:15px;margin-top:10px}.checkbox-label input[type=checkbox]{margin-right:5px}.form-actions{gap:10px}.btn-cancel,.btn-save{padding:10px 20px}.relation-section{background:#fdfdfd;border:1px solid #eef0f4;border-radius:8px;margin:20px 0;padding:15px}.relation-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.relation-columns{display:flex;flex-wrap:wrap;gap:20px}.relation-column{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:220px}.relation-column--categories{max-width:240px}.relation-caption{color:#4a5568;font-size:13px;font-weight:600;text-transform:uppercase}.category-pills{display:flex;flex-wrap:wrap;gap:8px}.category-pill{background:#fff;border:1px solid #dfe3ec;border-radius:999px;color:#4a5568;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.category-pill.active{background:#f0f4ff;border-color:#6c63ff;box-shadow:0 2px 8px #6c63ff26;color:#6c63ff}.add-category-btn{background:#eef2ff;border:none;border-radius:6px;color:#4c51bf;cursor:pointer;font-size:13px;margin-top:10px;padding:6px 12px;transition:background .2s ease}.add-category-btn:hover{background:#d7ddff}.custom-entry-row{display:flex;gap:10px;margin-top:12px}.custom-entry-row input{flex:1 1}.custom-entry-row button{background:#edf2f7;border:1px solid #d1d9e6;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:500;padding:0 18px;transition:background .2s ease}.custom-entry-row button:hover{background:#dbe5f3}.selection-summary{display:flex;flex-direction:column;gap:6px;margin-top:16px}.selection-chips{background:#fbfcff;border:1px dashed #dbe1ef;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;min-height:42px;padding:8px}.selection-chip{align-items:center;background:#fff;border:1px solid #d3dae8;border-radius:999px;display:inline-flex;font-size:13px;gap:6px;padding:4px 10px}.selection-chip--component{border-color:#6c63ff;color:#6c63ff}.selection-chip--category{border-color:#38a169;color:#2f855a}.selection-chip--custom{border-color:#ed8936;color:#c05621}.selection-chip--empty{background:#f7fafc;border-color:#cbd5e0;border-style:dashed;color:#718096}.chip-remove{background:#0000;border:none;color:inherit;cursor:pointer;font-size:14px;font-weight:700;line-height:1;padding:0}.component-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding:8px}.component-list__empty{color:#a0aec0;font-size:13px;padding:12px 0;text-align:center}.component-option{align-items:flex-start;color:#2d3748;display:flex;font-size:13px;gap:8px}.component-option input{margin-top:3px}.template-area-manager{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.template-area-manager__header{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.template-area-manager__header h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.template-area-manager__description{color:#666;font-size:14px;line-height:1.5;margin:0}.template-area-manager__error{background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:14px;margin-bottom:16px;padding:12px 16px}.template-area-manager__areas{margin-bottom:24px}.template-area-manager__areas h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.template-area-manager__empty{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:32px;text-align:center}.template-area-manager__empty p{color:#999;font-size:14px;margin:0}.template-area-manager__areas-list{display:flex;flex-direction:column;gap:16px}.template-area-manager__area{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;transition:all .2s ease}.template-area-manager__area:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.template-area-manager__area-header{border-bottom:1px solid #e9ecef;justify-content:space-between;padding-bottom:12px}.template-area-manager__area-type{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.template-area-manager__area-type--header{background:#e3f2fd;color:#1976d2}.template-area-manager__area-type--navigation{background:#f3e5f5;color:#7b1fa2}.template-area-manager__area-type--sidebar{background:#e8f5e8;color:#388e3c}.template-area-manager__area-type--dynamic{background:#fff3e0;color:#f57c00}.template-area-manager__area-type--footer{background:#fce4ec;color:#c2185b}.template-area-manager__area-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.template-area-manager__area-field{display:flex;flex-direction:column}.template-area-manager__area-field label{color:#555;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.template-area-manager__area-field input,.template-area-manager__area-field textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.template-area-manager__area-field input:focus,.template-area-manager__area-field textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.template-area-manager__area-field textarea{min-height:60px;resize:vertical}.template-area-manager__area-field input[type=checkbox]{margin-right:8px;width:auto}.template-area-manager__area-actions{display:flex;justify-content:flex-end}.template-area-manager__add-area{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:24px;padding:20px}.template-area-manager__add-area h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.template-area-manager__add-area-options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.template-area-manager__add-area-options .btn{font-size:14px;padding:8px 16px}.template-area-manager__no-more-areas{background:#e9ecef;border-radius:4px;color:#6c757d;font-size:14px;margin:0;padding:12px;text-align:center}.template-area-manager__actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}@media (max-width:768px){.template-area-manager__area-content{grid-template-columns:1fr}.template-area-manager__actions,.template-area-manager__add-area-options{flex-direction:column}}.template-area-manager.loading{opacity:.7;pointer-events:none}.template-area-manager.loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.template-area-manager__template-info{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin:16px 0;padding:16px}.template-area-manager__template-info h4{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.template-area-manager__template-info p{color:#666;font-size:14px;margin:0}.template-area-manager__columns{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:32px;padding:20px}.template-area-manager__columns h4{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.template-area-manager__columns-preview{display:flex;flex-wrap:wrap;gap:16px}.template-area-manager__column{background:#fff;border:2px solid #e9ecef;border-radius:8px;flex:1 1;min-width:200px;overflow:hidden;transition:border-color .3s ease}.template-area-manager__column:hover{border-color:#007bff}.template-area-manager__column-header{align-items:center;background:#e9ecef;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:12px 16px}.template-area-manager__column-name{color:#333;font-size:14px;font-weight:600}.template-area-manager__column-width{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.template-area-manager__column-content{min-height:120px;padding:16px}.template-area-manager__column-dropzone{border-radius:6px;color:#6c757d;font-size:14px;min-height:80px}.template-area-manager__column-dropzone:hover{background:#007bff0d;border-color:#007bff;color:#007bff}.template-area-manager__column--drag-over{background:#007bff0d;border-color:#007bff!important;box-shadow:0 0 10px #007bff4d}.template-area-manager__column-area{align-items:center;background:#e9ecef;border:1px solid #dee2e6;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.template-area-manager__column-area-name{color:#333;font-size:14px;font-weight:600}.template-area-manager__column-area-type{background:#fff;border-radius:3px;color:#666;font-size:11px;padding:2px 6px;text-transform:uppercase}.template-area-manager__area-drag-handle{color:#6c757d;cursor:grab;font-size:16px;font-weight:700;line-height:1;margin-right:8px}.template-area-manager__area-drag-handle:hover{color:#007bff}.template-area-manager__area[draggable=true]{cursor:grab;transition:opacity .2s ease}.template-area-manager__area[draggable=true]:active{cursor:grabbing;opacity:.8}.template-area-manager__area-header.dragging{background-color:#007bff1a;border:2px dashed #007bff;box-shadow:0 4px 12px #007bff4d;opacity:.5;transform:scale(.95)}.template-area-manager__area:has(.template-area-manager__area-header.dragging){opacity:.7;transform:scale(.98)}.template-area-manager__column-dropzone{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-top:8px;min-height:60px;padding:20px;text-align:center;transition:all .3s ease}.template-area-manager__column--drag-over .template-area-manager__column-dropzone{background-color:#007bff1a;border-color:#007bff;transform:scale(1.02)}.template-area-manager__column-dropzone span{color:#666;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.template-area-manager__column-dropzone small{color:#999;font-size:12px}.template-area-manager__area-components{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.template-area-manager__area-components h6{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.template-area-manager__components-list{display:flex;flex-wrap:wrap;gap:8px}.template-area-manager__component{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-direction:column;min-width:120px;padding:8px 12px;text-align:center;transition:all .2s ease}.template-area-manager__component:hover{background:#007bff0d;border-color:#007bff}.template-area-manager__component-name{color:#333;font-size:13px;font-weight:600;margin-bottom:4px}.template-area-manager__component-variant{background:#fff;border:1px solid #e9ecef;border-radius:3px;color:#666;font-size:11px;padding:2px 6px}.template-area-manager__no-components{background:#f8f9fa;border-radius:4px;color:#6c757d;font-size:13px;font-style:italic;margin:0;padding:8px;text-align:center}.template-area-manager__area-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:4px 4px 0 0;cursor:grab;display:flex;gap:8px;margin-bottom:16px;padding:8px 12px;transition:background-color .2s}.template-area-manager__area-header:hover{background:#e9ecef}.template-area-manager__area-header[draggable=true]:active{cursor:grabbing}.template-area-manager__area-header h5{color:#333;flex:1 1;font-size:16px;font-weight:600;margin:0;pointer-events:none}.template-area-manager__area-type--custom{background-color:#f8d7da;color:#721c24}.template-area-manager__areas-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.template-area-manager__create-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.template-area-manager__create-button:hover{background:#218838}.template-area-manager__create-form{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px}.template-area-manager__create-form-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.template-area-manager__create-form-header h5{color:#333;font-size:16px;margin:0}.template-area-manager__close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:18px;line-height:1;padding:4px}.template-area-manager__close-button:hover{color:#495057}.template-area-manager__create-form-body{display:flex;flex-direction:column;gap:16px}.template-area-manager__create-form-actions{border-top:1px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.template-area-manager__save-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.template-area-manager__save-button:hover:not(:disabled){background:#0056b3}.template-area-manager__save-button:disabled{background:#6c757d;cursor:not-allowed}.template-area-manager__cancel-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.template-area-manager__cancel-button:hover{background:#545b62}@media (max-width:768px){.template-area-manager__columns-preview{flex-direction:column}.template-area-manager__column{min-width:100%}.template-area-manager__components-list{flex-direction:column}.template-area-manager__component{min-width:100%}}.html-template-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.html-template-form-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:1000px;overflow-y:auto;padding:30px;width:95%}.html-template-form-modal h2{color:#333;font-size:24px;margin:0 0 25px}.html-template-form-modal h3{border-bottom:1px solid #eee;color:#555;font-size:18px;margin:25px 0 15px;padding-bottom:8px}.html-template-form-modal h4{color:#666;font-size:16px;margin:20px 0 10px}.form-section{background:#f9f9f9;border-radius:6px;margin-bottom:30px;padding:20px}.form-row{display:flex;margin-bottom:20px}.form-group{flex:1 1}.form-group label{color:#666;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f5f5f5;border-color:#ddd;color:#666;cursor:not-allowed}.disabled-input{background-color:#f5f5f5!important;color:#666!important;cursor:not-allowed!important}.form-hint{color:#999;font-style:italic;margin-top:5px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;margin-top:10px}.checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.switch{width:50px}.slider,.slider:before{transition:.4s}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(26px)}.responsive-settings{background:#fff;border-radius:4px;margin-top:15px;padding:15px}.columns-config{background:#fff;border-radius:6px;overflow:hidden}.column-config{background:#fff;border-bottom:1px solid #eee;padding:20px}.column-config:last-child{border-bottom:none}.column-config h4{color:#4caf50;font-size:16px;font-weight:600;margin:0 0 15px}.form-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-cancel,.btn-save{border-radius:4px}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-save:hover{box-shadow:0 4px 12px #667eea66;opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.html-template-form-modal{margin:10px;padding:20px;width:98%}.form-row{gap:0}.form-actions,.form-row{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.component-form-wrapper .html-template-form{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:auto;max-height:90vh;max-width:90vw;overflow-y:auto;padding:24px;position:relative;top:auto;transform:none;width:800px;z-index:1001}.html-template-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:800px;padding:24px}.html-template-form__header{border-bottom:1px solid #e0e0e0;margin-bottom:32px;padding-bottom:20px}.html-template-form__header h3{color:#333;font-size:24px;font-weight:600;margin:0 0 12px}.html-template-form__description{color:#666;font-size:16px;line-height:1.6;margin:0}.html-template-form__form{display:flex;flex-direction:column;gap:32px}.html-template-form__section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:24px}.html-template-form__section h4{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border-radius:6px;padding:12px 16px;transition:all .2s ease}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-control--readonly{background:#f8f9fa!important;color:#6c757d;cursor:not-allowed}.form-hint{color:#6c757d;display:block;font-size:12px;line-height:1.4;margin-top:6px}.html-template-form__columns-preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.column-preview{background:#fff;border:1px solid #e9ecef;border-radius:6px;overflow:hidden;transition:all .2s ease}.column-preview:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.column-preview__header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 16px}.column-preview__name{color:#333;font-size:14px;font-weight:600;text-transform:capitalize}.column-preview__width{background:#007bff;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px}.column-preview__content{align-items:center;background:#fff;color:#6c757d;display:flex;font-size:14px;justify-content:center;min-height:60px;padding:20px 16px;text-align:center}.html-template-form__actions{border-top:1px solid #e0e0e0;display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.btn{justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #007bff4d}.btn-danger:hover:not(:disabled){transform:translateY(-1px)}@media (max-width:768px){.html-template-form{border-radius:0;margin:0;padding:16px}.html-template-form__header{margin-bottom:24px;padding-bottom:16px}.html-template-form__header h3{font-size:20px}.html-template-form__description{font-size:14px}.html-template-form__section{padding:16px}.html-template-form__columns-preview{grid-template-columns:1fr}.html-template-form__actions{flex-direction:column;gap:12px}.btn{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){.html-template-form{background:#1a1a1a;color:#fff}.html-template-form__header{border-color:#404040}.html-template-form__section{background:#2d2d2d;border-color:#404040}.form-group label{color:#fff}.form-group input,.form-group select,.form-group textarea{background:#333;border-color:#404040;color:#fff}.form-control--readonly{background:#404040!important;color:#adb5bd}.column-preview{background:#333;border-color:#404040}.column-preview__header{background:#404040;border-color:#555}.column-preview__name{color:#fff}.column-preview__content{background:#333;color:#adb5bd}.html-template-form__actions{border-color:#404040}}.code-editor-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.code-editor-modal{background:#1e1e1e;border-radius:12px;box-shadow:0 8px 32px #00000080;color:#fff;display:flex;flex-direction:column;height:95%;max-height:900px;max-width:1600px;overflow:hidden;width:98%}.editor-header{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568);border-bottom:1px solid #4a5568;display:flex;justify-content:space-between;padding:20px 30px}.editor-header h2{color:#fff;font-size:20px;margin:0}.btn-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:40px;transition:background .3s;width:40px}.btn-close:hover{background:#fff3}.error-message{background:#742a2a;border-left:4px solid #e53e3e;color:#fed7d7;justify-content:space-between;margin:0 20px 10px}.error-message button{color:#fed7d7;padding:0 5px}.editor-tabs{background:#2d3748;border-bottom:1px solid #4a5568;display:flex;padding:0 20px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#a0aec0;cursor:pointer;font-size:14px;font-weight:500;padding:15px 20px;transition:all .3s}.tab-button:hover{background:#ffffff0d;color:#fff}.tab-button.active{background:#667eea1a;border-bottom-color:#667eea;color:#fff}.editor-content{overflow:hidden}.editor-content,.editor-panel{display:flex;flex:1 1;flex-direction:column}.editor-toolbar{align-items:center;background:#4a5568;border-bottom:1px solid #718096;display:flex;justify-content:space-between;padding:10px 20px}.editor-toolbar span{color:#fff;font-size:14px;font-weight:500}.editor-toolbar small{color:#a0aec0;font-size:12px}.preview-panel{display:flex;flex:1 1;flex-direction:column}.preview-toolbar{align-items:center;background:#4a5568;border-bottom:1px solid #718096;display:flex;justify-content:space-between;padding:10px 20px}.preview-toolbar span{color:#fff;font-size:14px;font-weight:500}.preview-toolbar small{color:#a0aec0;font-size:12px}.preview-frame{border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;flex:1 1;margin:20px}.editor-actions{background:#2d3748;border-top:1px solid #4a5568;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s}.btn-cancel{background:#718096;color:#fff}.btn-cancel:hover{background:#4a5568}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;opacity:.9;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.loading{align-items:center;color:#a0aec0;display:flex;font-size:16px;height:200px;justify-content:center}.monaco-editor{border-radius:0 0 8px 8px}@media (max-width:1200px){.code-editor-modal{height:98%;width:99%}}@media (max-width:768px){.editor-header{padding:15px 20px}.editor-header h2{font-size:16px}.editor-tabs{overflow-x:auto;padding:0 10px}.tab-button{font-size:12px;padding:12px 16px;white-space:nowrap}.editor-toolbar{padding:8px 15px}.editor-actions{flex-direction:column;padding:15px 20px}.btn-cancel,.btn-save{width:100%}.preview-frame{margin:10px}}.code-editor-modal ::-webkit-scrollbar{height:8px;width:8px}.code-editor-modal ::-webkit-scrollbar-track{background:#2d3748}.code-editor-modal ::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.code-editor-modal ::-webkit-scrollbar-thumb:hover{background:#718096}.preview-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.preview-modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:90%;max-width:1400px;width:95%}.preview-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:8px 8px 0 0;padding:20px}.preview-header h2{color:#2c3e50;font-size:1.4em;margin:0}.preview-controls{align-items:center;display:flex;gap:15px}.device-selector{background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;gap:5px;padding:4px}.device-selector button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2em;padding:8px 12px;transition:all .2s ease}.device-selector button:hover{background:#f8f9fa}.device-selector button.active{background:#007bff;color:#fff}.close-btn{background:#dc3545;border-radius:50%;color:#fff;font-size:1.2em;transition:background-color .2s ease}.close-btn:hover{background:#c82333}.preview-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px}.preview-loading{color:#666}.preview-error,.preview-loading{align-items:center;display:flex;flex-direction:column;gap:20px}.preview-error{color:#dc3545;text-align:center}.preview-error button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s ease}.preview-error button:hover{background:#0056b3}.preview-frame-container{align-items:flex-start;background:#f8f9fa;border-radius:4px;display:flex;height:100%;justify-content:center;overflow:auto;padding:20px;width:100%}.preview-frame{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 10px #0000001a;height:100%;min-height:600px;transition:width .3s ease}@media (max-width:768px){.preview-overlay{padding:10px}.preview-modal{height:95%;width:100%}.preview-header{align-items:flex-start;flex-direction:column;gap:15px;padding:15px}.preview-controls{justify-content:space-between;width:100%}.preview-header h2{font-size:1.2em}.device-selector{flex:1 1;justify-content:center}.preview-content,.preview-frame-container{padding:10px}.preview-frame{min-height:400px;width:100%!important}}@media (max-width:480px){.device-selector button{font-size:1em;padding:6px 8px}.preview-header h2{font-size:1.1em}}.template-preview-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.template-preview-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.template-preview-modal__content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;position:relative;width:90vw}.template-preview-modal__header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.template-preview-modal__header h3{color:#333;font-size:18px;font-weight:600;margin:0}.template-preview-modal__controls{align-items:center;display:flex;gap:16px}.template-preview-modal__mode-switcher{display:flex;gap:8px}.template-preview-modal__mode-switcher .btn{border-radius:6px;font-size:12px;padding:6px 12px}.template-preview-modal__body{background:#f8f9fa;flex:1 1;overflow:auto;padding:24px}.template-preview-frame{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;overflow:hidden}.template-preview-frame--desktop{max-width:1200px}.template-preview-frame--tablet{max-width:768px}.template-preview-frame--mobile{max-width:375px}.template-preview-frame__iframe{background:#fff;border:0;display:block;min-height:500px;width:100%}.template-preview-modal__footer{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 24px}.template-preview-modal__info{display:flex;gap:24px}.template-preview-modal__info p{color:#666;font-size:14px;margin:0}.template-preview-modal__actions{display:flex;gap:12px}.template-preview{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.template-preview--desktop{margin:0 auto;max-width:1200px}.template-preview--tablet{margin:0 auto;max-width:768px}.template-preview--mobile{margin:0 auto;max-width:375px}.template-preview-content{display:flex;min-height:500px}.template-preview-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;flex:0 0 250px;padding:20px}.template-preview-dynamic{background:#fff;flex:1 1;padding:24px}.template-preview__error,.template-preview__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.template-preview__loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}.template-preview__loading p{color:#666;font-size:16px;margin:0}.template-preview__error p{color:#dc3545;font-size:16px;margin:0 0 16px}@media (max-width:768px){.template-preview-modal__content{height:95vh;width:95vw}.template-preview-modal__header{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px}.template-preview-modal__controls{justify-content:space-between}.template-preview-modal__mode-switcher{flex:1 1;justify-content:center}.template-preview-modal__body{padding:16px}.template-preview-modal__footer{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px}.template-preview-modal__actions,.template-preview-modal__info{justify-content:center}.template-preview-content{flex-direction:column}.template-preview-sidebar{border-bottom:1px solid #e9ecef;border-right:none;flex:none}}@media (prefers-color-scheme:dark){.template-preview-modal__content{background:#1a1a1a;color:#fff}.template-preview-modal__footer,.template-preview-modal__header{background:#2d2d2d;border-color:#404040}.template-preview-modal__body{background:#1a1a1a}.template-preview{background:#2d2d2d;color:#fff}.template-preview-sidebar{background:#333;border-color:#404040}.template-preview-dynamic{background:#2d2d2d}}.container-editor{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:800px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}.container-editor:before{background:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.container-editor__header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.container-editor__header h2{color:#333;font-size:1.5rem;margin:0}.container-editor__close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.container-editor__close:hover{background:#e9ecef;color:#333}.container-editor__loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.container-editor__error{align-items:center;background:#f8d7da;border-bottom:1px solid #f5c6cb;color:#721c24;display:flex;font-size:14px;gap:10px;padding:12px 20px}.container-editor__error .error-icon{font-size:16px}.container-editor__error button{align-items:center;background:none;border:none;color:#721c24;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;margin-left:auto;padding:0;width:20px}.container-editor__tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex}.container-editor__tabs .tab{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px;position:relative;transition:all .2s}.container-editor__tabs .tab:hover{background:#e9ecef;color:#333}.container-editor__tabs .tab.active{background:#fff;color:#007bff}.container-editor__tabs .tab.active:after{background:#007bff;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.container-editor__content{background:#fff;flex:1 1;overflow-y:auto;padding:20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.scope-checkboxes{gap:6px}.scope-checkboxes,.toggle-group{display:flex;flex-direction:column}.toggle-group{gap:8px}.toggle-group small{color:#6c757d;font-size:12px;line-height:1.4}.hint-box{background:#fff4e6;border-left:4px solid #f08c00;border-radius:6px;color:#8a5600;font-size:13px;margin:8px 0 16px;padding:12px 16px}.switch{display:inline-block;height:24px;position:relative;width:46px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.switch input:checked+.slider{background-color:#28a745}.switch input:checked+.slider:before{transform:translateX(22px)}.container-editor__rules{max-width:600px}.rules-info{background:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;margin-bottom:20px;padding:16px}.rules-info p{font-size:14px;margin:0 0 8px}.rules-info p:last-child{margin-bottom:0}.visual-settings{margin-top:24px}.visual-settings h4{color:#333;font-size:1.1rem;margin:0 0 16px}.container-editor__components{max-width:700px}.components-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.components-header h3{color:#333;margin:0}.components-header select{min-width:200px}.component-rules-list{display:flex;flex-direction:column;gap:16px}.component-rule{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:16px}.component-rule__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.component-rule__controls{align-items:center;display:flex;gap:8px}.move-buttons{display:flex;flex-direction:column;gap:2px}.move-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;color:#495057;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;min-width:20px;padding:2px 6px;transition:all .2s}.move-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;color:#212529}.move-btn:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.4}.move-btn.move-up:hover:not(:disabled){background:#d4edda;border-color:#c3e6cb;color:#155724}.move-btn.move-down:hover:not(:disabled){background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.component-rule__header h4{color:#333;font-size:1rem;margin:0}.delete-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:background .2s}.delete-btn:hover{background:#dc3545}.component-rule__settings{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.component-rule__settings .mode-select{display:flex;flex-direction:column;gap:4px;min-width:180px}.component-rule__specific-label{color:#6c757d;font-size:.9rem;font-weight:400;margin-left:8px}.component-rule__settings label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:6px;margin:0}.component-rule__settings input[type=checkbox]{margin:0;width:auto}.instances{display:flex;gap:12px;margin-left:auto}.instances label{font-size:13px}.instances input{margin-left:4px;width:60px}.no-rules{background:#fff;border:2px dashed #ddd;border-radius:6px;color:#666;padding:40px 20px;text-align:center}.no-rules p{margin:0 0 8px}.no-rules p:last-child{font-size:14px;margin-bottom:0}.no-rules-icon{font-size:24px;margin-bottom:8px}.no-rules h4{color:#495057;font-size:16px;margin:8px 0}.components-placeholder{background:#fff;border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px;text-align:center}.placeholder-icon{font-size:48px;margin-bottom:16px}.components-placeholder h3{color:#495057;margin-bottom:12px}.components-placeholder p{color:#6c757d;line-height:1.5;margin-bottom:24px}.placeholder-info{background:#fff;border-radius:6px;margin:24px auto;max-width:400px;padding:20px;text-align:left}.placeholder-info h4{color:#495057;font-size:14px;margin-bottom:12px}.placeholder-info ul{list-style:none;margin:0;padding:0}.placeholder-info li{color:#28a745;font-size:13px;padding:4px 0}.container-editor__footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px}@media (max-width:768px){.container-editor{border-radius:0;height:95vh;left:2.5vw;max-height:none;top:2.5vh;transform:none;width:95vw}.form-row{grid-template-columns:1fr}.components-header{align-items:stretch;flex-direction:column}.components-header select{min-width:auto}.component-rule__settings{align-items:flex-start;flex-direction:column}.instances{margin-left:0}}@media (max-width:480px){.container-editor__content,.container-editor__header{padding:16px}.container-editor__footer{flex-direction:column;padding:16px}.btn{width:100%}}.container-creation-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal-overlay{cursor:pointer;position:absolute}.modal-content{display:flex;flex-direction:column;max-width:900px;overflow:hidden;position:relative}.modal-header{border-bottom:1px solid #e9ecef}.error-message{border-bottom:1px solid #f5c6cb}.error-message button{align-items:center;background:none;border:none;color:#721c24;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;margin-left:auto;padding:0;width:20px}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{border-bottom:2px solid #007bff;color:#333;font-size:1.2rem;margin:0 0 16px;padding-bottom:8px}.form-section h4{color:#555;font-size:1rem;margin:0 0 12px}.template-groups{display:flex;flex-direction:column;gap:24px}.template-group{border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.group-title{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#333;font-size:1rem;margin:0;padding:12px 16px}.template-options{display:flex;flex-direction:column;gap:1px}.template-option{align-items:center;background:#fff;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.template-option:hover{background:#f8f9fa}.template-option.selected{background:#e3f2fd;border-left:4px solid #007bff}.template-info{display:flex;flex-direction:column;gap:4px}.template-name{color:#333;font-size:15px;font-weight:600}.template-placement{color:#007bff;font-size:12px;font-weight:500}.template-limits{background:#f8f9fa;border-radius:12px;color:#666;flex-shrink:0;font-size:12px;padding:4px 8px;text-align:right}.template-preview{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-bottom:20px;padding:16px}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.preview-item{color:#555;font-size:14px}.preview-item strong{color:#333}.advanced-settings{background:#f9f9f9;border:1px solid #e9ecef;border-radius:6px;padding:16px}.settings-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.settings-row:last-child{margin-bottom:0}.modal-footer{border-top:1px solid #e9ecef}.btn{border-radius:4px;min-width:100px}.btn:disabled{opacity:.6}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-primary:disabled{background:#6c757d}@media (max-width:768px){.modal-content{border-radius:0;height:95vh;max-height:none;width:95vw}.preview-grid,.settings-row{grid-template-columns:1fr}.template-option{gap:12px;padding:12px}.template-limits{align-self:flex-start;margin-top:8px}}@media (max-width:480px){.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column;padding:16px}.btn{width:100%}.template-option{align-items:flex-start;flex-direction:column;text-align:left}.template-color{align-self:center}}.template-builder{background:#f5f6fa;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh}.template-builder__header{align-items:center;background:#fff;border-bottom:1px solid #e1e4e8;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:20px}.template-builder__header-info{flex:1 1;margin-right:20px}.template-builder__name-input{border:1px solid #e1e4e8;border-radius:6px;font-size:18px;font-weight:600;margin-bottom:10px;padding:10px 15px;transition:border-color .2s;width:100%}.template-builder__name-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.template-builder__description-input{border:1px solid #e1e4e8;border-radius:6px;font-size:14px;padding:8px 15px;resize:vertical;transition:border-color .2s;width:100%}.template-builder__description-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.template-builder__opacity-field{background:#f7f8fa;background:var(--u2-surface-2,#f7f8fa);border:1px solid #e1e4e8;border:1px solid var(--u2-border,#e1e4e8);border-radius:8px;margin-top:12px;padding:10px 14px}.template-builder__opacity-field .u2-label{align-items:center;color:#333;color:var(--u2-text-1,#333);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}.template-builder__opacity-field .u2-hint{color:#6c757d;color:var(--u2-text-muted,#6c757d);cursor:help;font-size:14px}.template-builder__opacity-row{align-items:center;display:flex;gap:10px}.template-builder__opacity-row input[type=range]{background:#e9ecef;background:var(--u2-surface-3,#e9ecef);border-radius:3px;cursor:pointer;flex:1 1;height:6px}.template-builder__opacity-value{color:#333;color:var(--u2-text-1,#333);font-size:14px;font-weight:700;min-width:50px;text-align:right}.template-builder__header-actions{display:flex;gap:10px}.template-builder__main{display:flex;flex:1 1;overflow:hidden}.template-builder__library{background:#fff;border-right:1px solid #e1e4e8;display:flex;flex-direction:column;overflow:hidden;width:300px}.template-builder__library h3{border-bottom:1px solid #e1e4e8;color:#24292e;font-size:16px;font-weight:600;margin:0;padding:20px}.template-builder__library-tabs{background:#f6f8fa;border-bottom:1px solid #e1e4e8;display:flex}.template-builder__library-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:#586069;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.template-builder__library-tabs .tab:hover{background:#fff;color:#24292e}.template-builder__library-tabs .tab.active{background:#fff;border-bottom-color:#007bff;color:#007bff}.template-builder__library-list{flex:1 1;overflow-y:auto;padding:15px}.template-builder__library-item{align-items:flex-start;background:#fff;border:1px solid #e1e4e8;border-radius:6px;cursor:move;display:flex;margin-bottom:10px;overflow:hidden;padding:12px;position:relative;transition:all .2s}.template-builder__library-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-builder__library-item.dragging{opacity:.5;transform:scale(.95)}.template-builder__library-item-icon{flex-shrink:0;font-size:24px;margin-right:12px}.template-builder__library-item-content{flex:1 1;min-width:0}.template-builder__library-item-name{color:#24292e;font-size:14px;font-weight:600;margin-bottom:4px}.template-builder__library-item-description{color:#586069;font-size:12px;line-height:1.4}.template-builder__library-item-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.template-builder__library-item-meta .badge{background:#f1f3f5;border-radius:3px;color:#586069;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.template-builder__create-dynamic-btn{font-size:14px;margin-bottom:15px;padding:12px;transition:background .2s}.template-builder__canvas{background:#f5f6fa;flex:1 1;overflow-y:auto;padding:20px}.template-builder__canvas h3{color:#24292e;font-size:16px;font-weight:600;margin:0 0 20px}.template-builder__layout-selector{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.template-builder__layout-selector label{color:#24292e;font-size:14px;font-weight:500}.template-builder__layout-selector select{background:#fff;border:1px solid #e1e4e8;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px}.template-builder__columns{display:flex;gap:15px;min-height:600px}.template-builder__column{background:#fff;border:2px dashed #e1e4e8;border-radius:8px;display:flex;flex-direction:column;position:relative;transition:all .3s}.template-builder__column.can-drop{background:#28a7450d;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.template-builder__column.cannot-drop{background:#dc35450d;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.template-builder__column-header{background:#f6f8fa;border-bottom:1px solid #e1e4e8;border-radius:6px 6px 0 0;padding:12px 15px}.template-builder__column-name{color:#24292e;font-size:14px}.template-builder__column-type{font-size:11px;font-weight:600;padding:3px 8px}.template-builder__column-type.main{background:#d1f5d3;color:#0e6e1a}.template-builder__column-type.sidebar{background:#fff3cd;color:#856404}.template-builder__column-width{color:#586069;font-size:12px;font-weight:500}.template-builder__column-content{flex:1 1;overflow-y:auto;padding:15px}.template-builder__column-dropzone{align-items:center;background:#f8f9fa;border:2px dashed #e1e4e8;border-radius:6px;color:#adb5bd;display:flex;font-size:14px;justify-content:center;min-height:100px;padding:20px;text-align:center}.template-builder__container{background:#fff;border:2px solid;border-radius:6px;margin-bottom:10px;padding:12px;transition:all .2s}.template-builder__container:hover{box-shadow:0 2px 8px #0000001a}.template-builder__container-header{margin-bottom:8px}.template-builder__container-name{color:#24292e;font-size:14px}.template-builder__container-type{background:#f1f3f5;border-radius:3px;color:#586069;font-size:10px;font-weight:600;margin:0 8px;padding:2px 6px}.template-builder__container-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:2px}.template-builder__container-actions .btn-icon{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:16px;justify-content:center;opacity:.6;padding:2px;transition:opacity .2s;width:16px}.template-builder__container-actions .btn-icon:hover{opacity:1}.template-builder__container-description{color:#586069;line-height:1.4;margin-bottom:8px}.template-builder__container-meta{border-top:1px solid #e1e4e8;color:#586069;display:flex;font-size:11px;gap:10px;padding-top:8px}.template-builder__settings{background:#fff;border-left:1px solid #e1e4e8;display:flex;flex-direction:column;overflow:hidden;width:320px}.template-builder__settings h3{border-bottom:1px solid #e1e4e8;color:#24292e;font-size:16px;font-weight:600;margin:0;padding:20px}.template-builder__settings h4{color:#24292e;font-size:14px;font-weight:600;margin:0 0 15px}.template-builder__container-settings,.template-builder__info{flex:1 1;overflow-y:auto;padding:20px}.template-builder__stats,.template-builder__tips{margin-top:20px}.template-builder__stats ul,.template-builder__tips ul{list-style:none;margin:10px 0 0;padding:0}.template-builder__stats li,.template-builder__tips li{border-bottom:1px solid #f0f0f0;color:#586069;font-size:13px;padding:6px 0}.template-builder__tips li{padding-left:20px;position:relative}.template-builder__tips li:before{background:#007bff;border-radius:50%;content:"";height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.form-group{margin-bottom:15px}.form-group label{color:#24292e;font-size:13px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e1e4e8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #007bff1a}.btn{gap:6px;padding:8px 16px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-danger{background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838}.template-builder__error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;margin:15px 20px;padding:12px 20px}.template-builder__validation{display:flex;gap:15px;margin-bottom:15px;padding:0 20px}.validation-errors,.validation-warnings{border-radius:6px;flex:1 1;font-size:13px;font-weight:500;padding:10px 15px}.validation-errors{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.validation-warnings{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.template-builder__loading{align-items:center;color:#586069;display:flex;font-size:16px;height:100vh;justify-content:center}.template-builder__loading:before{animation:spin 1s linear infinite;border:3px solid #e1e4e8;border-radius:50%;border-top-color:#007bff;content:"";display:inline-block;height:20px;margin-right:10px;width:20px}@media (max-width:1200px){.template-builder__settings{width:280px}.template-builder__library{width:260px}}@media (max-width:992px){.template-builder__main{flex-direction:column}.template-builder__library,.template-builder__settings{border:none;border-bottom:1px solid #e1e4e8;width:100%}.template-builder__columns{flex-direction:column}.template-builder__column{width:100%!important}}.template-builder__container,.template-builder__library-item{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.template-builder__canvas::-webkit-scrollbar,.template-builder__column-content::-webkit-scrollbar,.template-builder__library-list::-webkit-scrollbar{height:8px;width:8px}.template-builder__canvas::-webkit-scrollbar-track,.template-builder__column-content::-webkit-scrollbar-track,.template-builder__library-list::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.template-builder__canvas::-webkit-scrollbar-thumb,.template-builder__column-content::-webkit-scrollbar-thumb,.template-builder__library-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.template-builder__canvas::-webkit-scrollbar-thumb:hover,.template-builder__column-content::-webkit-scrollbar-thumb:hover,.template-builder__library-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.template-builder__outside-zone{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin:10px 0;min-height:80px;padding:20px;transition:all .2s ease}.template-builder__outside-zone--top{background:linear-gradient(135deg,#f8f9fa,#e9f7fd);border-color:#17a2b8}.template-builder__outside-zone--bottom{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border-color:#6c757d}.template-builder__outside-zone--drag-over{background:#d4edda;border-color:#28a745;transform:scale(1.02)}.template-builder__outside-zone--can-drop{border-style:solid}.template-builder__zone-label{color:#495057;font-weight:600;margin-bottom:10px;text-align:center}.template-builder__zone-placeholder{color:#6c757d;font-style:italic;padding:20px;text-align:center}.template-builder__zone-containers{display:flex;flex-wrap:wrap;gap:10px}.template-builder__outside-container{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 4px #0000001a;min-width:200px;padding:12px}.template-builder__container-header{gap:8px;margin-bottom:4px}.template-builder__container-order{align-items:center;border-radius:50%;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.template-builder__container-controls{display:flex;gap:4px;margin-left:auto}.template-builder__move-btn{align-items:center;background:#6c757d;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:8px;height:16px;justify-content:center;transition:background-color .2s;width:16px}.template-builder__move-btn:hover:not(:disabled){background:#5a6268}.template-builder__move-btn:disabled{background:#dee2e6;color:#6c757d;cursor:not-allowed}.template-builder__zone-count{color:#6c757d;font-size:12px;font-weight:400;margin-left:8px}.template-builder__layout-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:12px;margin-top:8px;padding:8px}.template-builder__create-dynamic-form{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 4px #0000000d;margin:12px 0;padding:16px}.template-builder__create-dynamic-form h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 15px}.template-builder__create-dynamic-form .form-group{margin-bottom:14px}.template-builder__create-dynamic-form label{color:#495057;display:block;font-size:13px;font-weight:500;margin-bottom:5px}.template-builder__create-dynamic-form .form-control{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:13px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.template-builder__create-dynamic-form .form-control:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.template-builder__create-dynamic-form textarea.form-control{min-height:60px;resize:vertical}.template-builder__create-dynamic-form .form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:15px}.template-builder__create-dynamic-form .btn-sm{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s}.template-builder__create-dynamic-form .btn-primary{background:#007bff;color:#fff}.template-builder__create-dynamic-form .btn-primary:hover{background:#0056b3}.template-builder__create-dynamic-form .btn-secondary{background:#6c757d;color:#fff}.template-builder__create-dynamic-form .btn-secondary:hover{background:#545b62}.template-builder__create-dynamic-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:10px;padding:10px 15px;transition:background-color .2s;width:100%}.template-builder__create-dynamic-btn:hover{background:#218838}.template-builder__create-dynamic-btn:active{transform:translateY(1px)}.template-builder__create-container-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:10px;padding:10px 15px;transition:background-color .2s;width:100%}.template-builder__create-container-btn:hover{background:#0056b3}.template-builder__create-container-btn:active{transform:translateY(1px)}.template-builder__column-width-editor{align-items:center;display:flex;gap:4px}.template-builder__width-input{background:#fff;border:1px solid #ced4da;border-radius:3px;font-size:11px;padding:2px 6px;text-align:center;transition:border-color .2s;width:60px}.template-builder__width-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.template-builder__width-input:hover{border-color:#adb5bd}.template-builder__column-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;font-size:11px;font-weight:500;gap:4px;justify-content:space-between;padding:8px}.template-builder__column-name{color:#495057;flex:1 1;font-weight:600}.template-builder__column-type{background:#e9ecef;border-radius:3px;color:#495057;font-size:10px;padding:2px 6px;text-transform:uppercase}.template-builder__column-type.main{background:#d4edda;color:#155724}.template-builder__column-type.sidebar{background:#d1ecf1;color:#0c5460}.template-builder__container-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;font-size:11px;gap:4px;justify-content:space-between;padding:6px 8px}.template-builder__container-order{background:#007bff;border-radius:2px;color:#fff;flex-shrink:0;font-size:9px;font-weight:600;min-width:20px;padding:1px 4px;text-align:center}.template-builder__container-name{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-builder__container-type{background:#e9ecef;border-radius:2px;color:#495057;flex-shrink:0;font-size:8px;padding:1px 3px;text-transform:uppercase}@media (max-width:768px){.template-builder__container-header{align-items:flex-start;flex-direction:column;gap:2px}.template-builder__container-actions{align-self:flex-end}}.template-builder__container-icon{font-size:16px}.template-builder__container-name{flex:1 1;font-weight:600}.template-builder__remove-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;height:24px;transition:background-color .2s;width:24px}.template-builder__remove-btn:hover{background:#c82333}.template-builder__container-description{color:#6c757d;font-size:12px;margin-top:4px}.template-builder{background:var(--u2-bg);color:var(--u2-text-1);font-family:var(--u2-font-sans)}.template-builder__header,.template-builder__library,.template-builder__settings{background:var(--u2-surface-2);border-color:var(--u2-border)}.template-builder__canvas{background:var(--u2-bg)}.template-builder__canvas h3,.template-builder__column-name,.template-builder__container-name,.template-builder__library h3,.template-builder__settings h3,.template-builder__settings h4{color:var(--u2-text-1)}.template-builder__library-tabs{background:var(--u2-surface-3);border-color:var(--u2-border)}.template-builder__library-tabs .tab{color:var(--u2-text-2)}.template-builder__library-tabs .tab:hover{background:hsl(var(--u2-accent-h) 86% 60%/.08);color:var(--u2-text-1)}.template-builder__library-tabs .tab.active{background:var(--u2-surface-2);border-bottom-color:hsl(var(--u2-accent-h) 86% 60%/.55);color:var(--u2-text-1)}.template-builder__column,.template-builder__container,.template-builder__library-item{background:var(--u2-surface-1);border-color:var(--u2-border)}.template-builder__column-type,.template-builder__column-width,.template-builder__container-description,.template-builder__library-item-description,.template-builder__library-item-meta,.template-builder__stats,.template-builder__tips{color:var(--u2-muted)}.template-builder__column-header{background:var(--u2-surface-2);border-bottom-color:var(--u2-border)}.template-builder__width-input{background:var(--u2-surface-1);border-color:var(--u2-border);border-radius:10px;color:var(--u2-text-1)}.template-builder__width-input:focus{border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:0 0 0 4px hsl(var(--u2-accent-h) 86% 60%/.18);outline:none}.html-template-manager{background:#0000;color:var(--u2-text-1);display:flex;flex-direction:column;height:100%}.template-manager__header{align-items:flex-start;background:var(--u2-surface-2);border-bottom:1px solid var(--u2-border);box-shadow:none;display:flex;justify-content:space-between;padding:20px}.template-manager__title h2{color:var(--u2-text-1);font-size:24px;font-weight:600;margin:0 0 5px}.template-manager__title p{color:var(--u2-text-2);font-size:14px;margin:0}.template-manager__filters{background:var(--u2-surface-2);border-bottom:1px solid var(--u2-border);display:flex;gap:20px;padding:20px}.html-template-manager .filter-group{display:flex;flex-direction:column;gap:5px}.html-template-manager .filter-group label{color:var(--u2-muted);font-size:12px;font-weight:500}.html-template-manager .filter-group .form-control{border:1px solid var(--u2-border);border-radius:12px;font-size:14px;min-width:200px;padding:8px 12px}.html-template-manager .filter-group .form-control:focus{border-color:hsl(var(--u2-accent-h) 86% 60%/.55);box-shadow:0 0 0 4px hsl(var(--u2-accent-h) 86% 60%/.18);outline:none}.template-manager__error{background:#ef394824;border:1px solid #ef39484d;border-radius:14px;color:var(--u2-text-1);margin:20px;padding:12px 20px}.template-manager__loading{padding:40px}.template-manager__empty,.template-manager__loading{color:var(--u2-muted);font-size:16px;text-align:center}.template-manager__empty{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:var(--u2-r-2);margin:20px;padding:60px 20px}.html-template-manager .u2-tableWrap{margin:20px}.template-table-wrapper{flex:1 1;overflow-x:auto;padding:20px}.template-table{border-collapse:initial;border-spacing:0 12px;width:100%}.template-table thead th{color:#6a737d;font-size:12px;font-weight:600;letter-spacing:.04em;padding:0 12px 6px;text-align:left;text-transform:uppercase}.template-table tbody tr{background:#fff;border:1px solid #e1e4e8;border-radius:14px;box-shadow:0 8px 20px #0f172a12}.template-table tbody td{padding:18px 12px;vertical-align:top}.template-table tbody tr td:first-child{border-bottom-left-radius:14px;border-top-left-radius:14px}.template-table tbody tr td:last-child{border-bottom-right-radius:14px;border-top-right-radius:14px}.template-name-cell{display:flex;gap:14px}.template-status-chip{align-self:flex-start;background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:999px;color:var(--u2-text-2);font-size:12px;font-weight:600;padding:6px 12px}.template-status-chip--active{background:#20c5651f;border-color:#20c5654d;color:var(--u2-text-1)}.template-status-chip--draft{background:#f5a3141f;border-color:#f5a3144d;color:var(--u2-text-1)}.template-status-chip--archived{background:var(--u2-surface-3);border-color:var(--u2-border);color:var(--u2-text-2)}.template-name-row{align-items:center;display:flex;gap:12px}.template-name-row h3{color:var(--u2-text-1);font-size:18px;margin:0}.template-layout-chip{background:hsl(var(--u2-accent-h) 86% 60%/.12);border:1px solid hsl(var(--u2-accent-h) 86% 60%/.34);border-radius:999px;color:var(--u2-text-1);font-size:11px;letter-spacing:.06em;padding:2px 12px;text-transform:uppercase}.template-description{color:var(--u2-muted);font-size:13px;margin:6px 0 0;max-width:420px}.template-stat-row{border-bottom:1px dashed var(--u2-border);color:var(--u2-text-2);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.template-stat-row:last-child{border-bottom:none}.quality-badge__wrapper{display:flex;flex-direction:column;gap:6px}.quality-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.quality-badge--error{background:#fdecea;color:#b42318}.quality-badge--warning{background:#fff4e5;color:#b35c00}.quality-badge--ok{background:#e6fbf0;color:#1f8b4d}.template-meta{color:#4b5563;font-size:13px;gap:6px}.template-meta__item strong{color:#1f2933;font-weight:600}.template-actions{flex-direction:column;gap:8px}.template-actions .btn{width:100%}.template-manager__breadcrumb{align-items:center;background:#fff;border-bottom:1px solid #e1e4e8;display:flex;font-size:14px;gap:8px;padding:15px 20px}.template-manager__breadcrumb .btn-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;padding:0;text-decoration:none}.template-manager__breadcrumb .btn-link:hover{text-decoration:underline}.breadcrumb-separator{color:#6a737d}@media (max-width:768px){.template-manager__header{align-items:stretch}.template-manager__filters,.template-manager__header{flex-direction:column;gap:15px}.filter-group .form-control{min-width:auto}.template-table-wrapper{padding:12px}.template-table thead{display:none}.template-table tbody tr{display:block}.template-table tbody td{border-bottom:1px solid #f1f3f4;display:block;padding:12px 10px;width:100%}.template-table tbody td:last-child{border-bottom:none}.template-name-cell{flex-direction:column}.template-actions{flex-direction:row;flex-wrap:wrap}}.container-manager{margin:0 auto;max-width:1200px;padding:20px}.container-manager__header{margin-bottom:30px;text-align:center}.container-manager__header h2{color:#333;font-size:2rem;margin:0 0 10px}.container-manager__header p{color:#666;font-size:1.1rem;margin:0}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}.error-message{align-items:center;border-radius:4px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 20px}.error-message .error-icon{font-size:16px}.error-message button:not(.u2-iconBtn){align-items:center;background:none;border:none;color:#721c24;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;margin-left:auto;padding:0;width:20px}.container-manager,.container-manager__header h2{color:var(--u2-text-1)}.container-manager__header p{color:var(--u2-text-2)}.container-manager .loading-state{color:var(--u2-muted)}.container-manager .spinner{border-color:var(--u2-border);border-top-color:var(--u2-accent-2)}.container-manager__filters{background:var(--u2-surface-2);box-shadow:none;padding:16px}.container-manager__filters,.instances-table{border:1px solid var(--u2-border);border-radius:var(--u2-r-2)}.instances-table{background:var(--u2-surface-1);box-shadow:var(--u2-shadow-1)}.table-header{background:var(--u2-surface-2);color:var(--u2-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.table-header,.table-row{border-bottom:1px solid var(--u2-border)}.table-row:hover{background:hsl(var(--u2-accent-h) 86% 60%/.1)}.container-name{color:var(--u2-text-1)}.component-count,.container-description,.template-name{color:var(--u2-muted)}.type-badge{background:var(--u2-surface-3);border:1px solid var(--u2-border);color:var(--u2-text-2)}.area-badge{background:hsl(var(--u2-accent-h) 86% 60%/.12);border:1px solid hsl(var(--u2-accent-h) 86% 60%/.34);color:var(--u2-text-1)}.scope-badge,.status-badge{background:var(--u2-surface-3);border:1px solid var(--u2-border);color:var(--u2-text-2)}.status-badge--published{background:#20c5651a;border-color:#20c5654d;color:var(--u2-text-1)}.status-badge--draft{background:#f5a3141a;border-color:#f5a3144d;color:var(--u2-text-1)}.status-note{color:var(--u2-text-2)}.status-note--warning{color:var(--u2-warning)}.table-row--draft{background:#f5a3140f}.table-row--draft:hover{background:#f5a3141a}.allowed-components strong,.required-components strong{color:var(--u2-text-2)}.component-tag.required{background:#ef39481f;border-color:#ef39483d;color:#f5848e}.component-tag.allowed{background:#20c5651f;border-color:#20c5653d;color:var(--u2-text-1)}.component-tag.more{background:hsl(var(--u2-accent-h) 86% 60%/.1);border-color:hsl(var(--u2-accent-h) 86% 60%/.28);color:var(--u2-text-1)}.empty-state,.no-rules{color:var(--u2-muted)}.empty-state h3{color:var(--u2-text-1)}.container-manager__view-switcher{background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;gap:0;margin-bottom:20px;overflow:hidden}.view-switch{align-items:center;background:#fff;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.view-switch:hover{background:#f8f9fa}.view-switch.active{background:#007bff;color:#fff}.container-manager__filters{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;margin-bottom:25px;padding:20px}.search-box{max-width:400px}.search-input{transition:border-color .2s;width:100%}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.type-filter{background:#fff;border:1px solid #ddd;min-width:150px;padding:10px 15px}.btn,.type-filter{border-radius:6px;font-size:14px}.btn{font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268}.btn-icon{background:none;border:none;border-radius:4px;font-size:16px;padding:6px;transition:background .2s}.btn-icon:hover{background:#0000001a}.btn-icon.delete:hover{background:#dc3545;color:#fff}.btn-icon--danger{color:#dc3545;margin-left:.5rem}.btn-icon--danger:hover{background:#f5c6cb;color:#721c24}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:20px}.template-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.template-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.template-card__header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;padding:16px}.template-color{border:2px solid #0000001a;border-radius:50%;flex-shrink:0;height:24px;width:24px}.template-info{flex:1 1}.template-info h3{color:#333;font-size:1.1rem;margin:0 0 4px}.template-type{background:#f8f9fa;border-radius:12px;color:#666;font-size:12px;padding:2px 8px}.template-actions{display:flex;gap:4px}.template-card__body{padding:16px}.template-description{color:#666;font-size:14px;line-height:1.4;margin:0 0 16px}.template-meta{display:flex;flex-direction:column;gap:8px}.meta-item{display:flex;font-size:13px;justify-content:space-between}.meta-item strong{color:#333}.meta-item span{color:#666}.status.active{color:#28a745;font-weight:500}.status.inactive{color:#dc3545;font-weight:500}.instances-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-header{background:#f8f9fa;color:#333;font-size:14px;font-weight:600}.table-header,.table-row{grid-gap:16px;border-bottom:1px solid #eee;display:grid;gap:16px;grid-template-columns:2fr 1fr 1.4fr 1.2fr 1fr 2fr 1.1fr 110px;padding:16px 20px}.table-row{align-items:flex-start;transition:background .2s}.table-row:hover{background:#f8f9fa}.table-row:last-child{border-bottom:none}.container-name{color:#333;font-weight:500;margin-bottom:4px}.container-description{color:#666;font-size:12px;line-height:1.3}.type-badge{background:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.template-name{color:#666;font-size:13px}.area-badge{align-items:center;background:#edf2ff;border-radius:999px;color:#2b4acb;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.scope-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.scope-badge{background:#f1f3f5;border-radius:999px;color:#495057;font-size:11px;font-weight:500;padding:2px 8px}.component-count{color:#666;font-size:13px;font-weight:500}.col-actions{display:flex;gap:4px;justify-content:center}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-weight:600;gap:6px;margin-bottom:6px}.status-badge--published{background:#ecfdf3;color:#0f9d58}.status-badge--draft{background:#fff4e6;color:#f08c00}.status-note{color:#495057;display:block;font-size:12px}.status-note--warning{color:#d9480f}.table-row--draft{background:#fff9f2}.table-row--draft:hover{background:#fff3e4}.component-rules{font-size:12px}.allowed-components,.required-components{margin-bottom:8px}.allowed-components:last-child,.required-components:last-child{margin-bottom:0}.allowed-components strong,.required-components strong{color:#333;display:block;font-size:11px;margin-bottom:4px}.component-list{display:flex;flex-wrap:wrap;gap:4px}.component-tag{border-radius:12px;display:inline-block;font-size:10px;font-weight:500;padding:2px 6px;white-space:nowrap}.component-tag.required{background:#dc3545;color:#fff}.component-tag.allowed{background:#28a745;color:#fff}.component-tag.more{background:#6c757d;color:#fff}.no-rules{color:#999;font-size:12px;font-style:italic}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:1.5rem;margin:0 0 12px}.empty-state p{font-size:1rem;line-height:1.5;margin:0 0 20px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal-content{border-radius:8px;box-shadow:0 10px 30px #0000004d;width:90vw}.template-editor{padding:0}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#e9ecef;color:#333}.template-form{padding:20px}.form-row{grid-gap:16px;gap:16px}.form-group,.form-row{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{min-height:80px;resize:vertical}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;gap:8px;margin:0}.checkbox-group input[type=checkbox]{margin:0;width:auto}.modal-footer{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:20px}@media (max-width:768px){.container-manager{padding:15px}.container-manager__filters{align-items:stretch;flex-direction:column}.table-header,.table-row,.templates-grid{grid-template-columns:1fr}.table-header,.table-row{gap:8px}.col-rules{margin-top:8px}.table-header{display:none}.table-row{display:block;padding:16px}.col-actions{justify-content:flex-start;margin-top:12px}.form-row{grid-template-columns:1fr}.modal-content{margin:20px;width:95vw}}@media (max-width:480px){.container-manager__header h2{font-size:1.5rem}.container-manager__header p{font-size:1rem}.view-switch{font-size:13px;padding:10px 15px}.template-card__body,.template-card__header{padding:12px}}.component-tester{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.component-tester__header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px;text-align:center}.component-tester__header h1{color:#333;font-size:32px;margin:0 0 10px}.component-tester__header p{color:#666;font-size:14px;margin:0}.component-tester__section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.component-tester__section h3{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.component-select{margin-bottom:15px}.component-select__dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:15px;padding:12px;transition:border-color .2s;width:100%}.component-select__dropdown:hover{border-color:#4caf50}.component-select__dropdown:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.component-filters{align-items:center;gap:15px}.quick-filters{display:flex;flex-wrap:wrap;gap:8px}.quick-filters button{background:#fff;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:13px;padding:6px 14px;text-transform:capitalize;transition:all .2s}.quick-filters button:hover{background:#f1f8f4;border-color:#4caf50}.quick-filters button.active{background:#4caf50;border-color:#4caf50;color:#fff}.search-box{flex:1 1;max-width:300px;position:relative}.search-box input{border:1px solid #e0e0e0;border-radius:20px;font-size:13px;padding:8px 35px 8px 12px;width:100%}.search-box input:focus{border-color:#4caf50;outline:none}.search-icon{pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.settings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.setting-item{flex-direction:column;gap:6px}.setting-item label{color:#666;font-size:13px;font-weight:600}.setting-item select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:10px;transition:border-color .2s}.setting-item select:hover{border-color:#4caf50}.setting-item select:focus{border-color:#4caf50;outline:none}.settings-actions{display:flex;gap:10px}.btn-nav,.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:#4caf50}.btn-primary:hover:not(:disabled){background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.btn-secondary{background:#ff9800;color:#fff}.btn-secondary:hover:not(:disabled){background:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:translateY(-1px)}.btn-icon{background:#e3f2fd;border:2px solid #2196f3;border-radius:6px;color:#1976d2;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-icon:hover{background:#2196f3;box-shadow:0 3px 8px #2196f366;color:#fff;transform:translateY(-1px)}.btn-icon:disabled,.btn-nav:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.preview-section{min-height:300px}.preview-section.loading{align-items:center;display:flex;justify-content:center}.loader{text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:50px;margin:0 auto 15px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader p{color:#333;font-size:16px;margin:0 0 5px}.loader small{color:#999;font-size:13px}.preview-header{justify-content:space-between;margin-bottom:15px}.preview-header,.preview-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.info-badge{background:#e0e0e0;border-radius:12px;color:#666;font-size:12px;font-weight:600;padding:4px 12px}.info-badge.cached{background:#e3f2fd;color:#1976d2}.info-badge.fresh{background:#e8f5e9;color:#388e3c}.preview-container{background:#fafafa;border:2px solid #e0e0e0;border-radius:6px;min-height:300px;overflow:auto;padding:20px}.component-render{background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a}.component-render--frame{border:0;display:block;width:100%}.preview-section.empty{align-items:center;background:#fafafa;display:flex;justify-content:center}.empty-state{padding:40px}.empty-icon{font-size:48px;margin:0 0 15px}.empty-text{color:#999;font-size:16px;margin:0}.details-section{cursor:pointer}.details-header{align-items:center;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.details-header:hover{opacity:.7}.toggle-icon{color:#666;font-size:13px}.details-content{grid-gap:20px;display:grid;gap:20px;margin-top:20px}.detail-block{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.detail-block h4{color:#666;font-size:14px;font-weight:600;margin:0 0 12px}.detail-block pre{word-wrap:break-word;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap}.images-list{display:flex;flex-direction:column;gap:8px}.image-item{align-items:center;background:#fff;border-radius:4px;display:flex;gap:10px;padding:8px}.image-key{color:#333;font-weight:600;min-width:150px}.image-link{align-items:center;border-radius:4px;color:inherit;display:flex;gap:8px;padding:4px 8px;text-decoration:none;transition:background .2s}.image-link:hover{background:#f0f0f0}.view-hint{color:#2196f3;font-size:12px;opacity:0;transition:opacity .2s}.image-link:hover .view-hint{opacity:1}.status{border-radius:12px;font-size:13px;padding:2px 8px}.status.success{background:#e8f5e9;color:#388e3c}.status.warning{background:#fff3e0;color:#f57c00}.status.info{background:#e3f2fd;color:#1976d2}.performance-list{list-style:none;margin:0;padding:0}.performance-list li{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:6px 0}.performance-list li:last-child{border-bottom:none}.performance-list li.total{border-top:2px solid #4caf50;color:#333;font-weight:600;margin-top:6px;padding-top:12px}.navigation-buttons{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.btn-nav{background:#2196f3;color:#fff}.btn-nav:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.current-position{color:#666;font-size:14px;font-weight:600}.progress-bar-container{align-items:center;display:flex;gap:15px}.progress-bar{background:#e0e0e0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:13px;font-weight:600;min-width:50px;text-align:right}@media (max-width:768px){.component-filters{align-items:stretch;flex-direction:column}.search-box{max-width:none}.settings-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.navigation-buttons{flex-wrap:wrap}}.source-toggle{align-items:center;background:#f5f5f5;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:12px;gap:6px;margin-left:10px;padding:4px 10px;transition:all .2s ease}.source-toggle:hover{background:#e8e8e8}.source-toggle input{cursor:pointer}.image-source-overlay{border-radius:3px;box-shadow:0 1px 3px #0000004d;font-size:9px;font-weight:700;left:4px;letter-spacing:.5px;padding:2px 6px;pointer-events:none;position:absolute;text-transform:uppercase;top:4px;z-index:100}.source-unsplash{background:#000;color:#fff}.source-pexels{background:#05a081;color:#fff}.source-pixabay{background:#6c5ce7;color:#fff}.source-xsgames{background:#ff6b35;color:#fff}.source-pravatar{background:#9c27b0;color:#fff}.source-randomuser{background:#2196f3;color:#fff}.source-local,.source-processed{background:#4caf50;color:#fff}.source-optimized{background:#8bc34a;color:#fff}.source-picsumplaceholder,.source-placeholder{background:#ff9800;color:#fff}.source-unknown{background:#9e9e9e;color:#fff}.source-error{background:#f44336;color:#fff}.admin{background:var(--color-bg-body);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.admin-header{align-items:center;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg);border-top:3px solid #6366f1;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.admin-header h1{color:var(--color-text-main);font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0}.admin-error{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#ef4444;justify-content:space-between;margin-bottom:1rem}.admin-error,.admin-tabs{display:flex;padding:1rem}.admin-tabs{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.admin-tab{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.admin-tab:hover{background:#6366f10d;color:#4f46e5}.admin-tab.active{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}.admin-content{min-height:400px}.admin-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:3rem;padding:2rem}.admin-section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.admin-section-header h2{color:var(--color-text-main);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.admin-section-header p{color:var(--color-text-secondary);flex:1 1;margin:0}.admin-section-header .btn{flex-shrink:0;margin-left:auto}.admin-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.admin-table table{border-collapse:collapse;width:100%}.admin-table th{background:var(--ui-surface-2);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid var(--color-border)}.admin-table td{color:var(--color-text-main);padding:1.25rem 1rem;vertical-align:middle}.admin-table tr:hover{background:hsl(var(--ui-accent-h) 92% 64%/.1)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:var(--gradient-primary);box-shadow:0 4px 6px #6366f133;color:#fff}.btn-primary:hover{background:var(--gradient-hover);box-shadow:0 6px 10px #6366f14d;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0;color:#1e293b}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 6px #ef444433}.btn-sm{font-size:.8rem;padding:.375rem .75rem}.btn-code{background:#0ea5e9;color:#fff}.btn-code:hover{background:#0284c7}.btn-constructor{background:#10b981;color:#fff}.btn-constructor:hover{background:#059669}.btn-preview{background:#f59e0b;color:#fff}.btn-preview:hover{background:#d97706}.component-status,.generation-status,.rule-status,.template-status,.user-role{border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.user-role--admin{background:#fee2e2;border:1px solid #fecaca;color:#ef4444}.user-role--user{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.component-status--active,.generation-status--completed,.rule-status--active,.template-responsive--yes,.template-status--active{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.component-status--inactive,.template-responsive--no,.template-status--inactive{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.generation-status--processing{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.generation-status--failed{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.file-path{background:#eff6ff;border-radius:4px;color:#3b82f6;cursor:pointer;font-family:monospace;padding:2px 6px;text-decoration:none}.file-path:hover{background:#dbeafe;text-decoration:underline}.template-areas-count{background:#f1f5f9;border-radius:6px;color:#475569;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.admin-settings{grid-gap:2rem;display:grid;gap:2rem}.setting-group{background:var(--ui-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.setting-group h3{color:var(--color-text-main);font-size:1.1rem;font-weight:700;margin:0 0 1rem}.setting-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 0}.setting-item:last-child{border-bottom:none}.setting-item label{color:var(--color-text-main);font-weight:500}.setting-item input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;padding:.625rem;width:150px}.setting-item input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.admin-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1.2rem;height:200px;justify-content:center}.admin-empty-state{color:var(--color-text-secondary);padding:4rem 1rem;text-align:center}.admin-empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.admin-empty-state h3{color:var(--color-text-main);font-weight:700;margin:0 0 .5rem}.admin-empty-state p{font-size:1rem;margin:0}.component-filters{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 12px}.component-filters .filter-group{min-width:180px}.component-sort-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 18px}.component-sort-controls label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.sort-toggle{display:inline-flex;gap:8px}.component-table-wrapper{margin-top:10px;overflow-x:auto}.component-table{border-collapse:initial;border-spacing:0 12px;width:100%}.component-table thead th{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:0 16px 8px;text-align:left;text-transform:uppercase}.component-table tbody tr{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.component-table tbody tr:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.component-table tbody td{border:1px solid #0000;padding:16px;vertical-align:top}.component-table tbody td:first-child{border-bottom-left-radius:12px;border-top-left-radius:12px}.component-table tbody td:last-child{border-bottom-right-radius:12px;border-top-right-radius:12px}.component-group-row td{background:#0000;border:none;box-shadow:none!important;padding:8px 4px}.component-group-row:hover{box-shadow:none!important;transform:none!important}.component-group-title{color:var(--u2-text-1);font-size:1.1rem;font-weight:700;margin-right:12px}.component-group-count{background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:999px;color:var(--u2-text-2);font-size:.85rem;padding:2px 8px}.component-name-cell{display:flex;flex-direction:column;gap:4px}.component-name{color:var(--color-text-main);font-size:1rem;font-weight:600}.component-variant{color:var(--color-text-secondary);font-family:monospace;font-size:.85rem}.component-name-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.component-file-link{background:none;border:none;color:var(--u2-accent-2);cursor:pointer;font-size:.85rem;padding:0;text-decoration:none}.component-file-link:hover{text-decoration:underline}.category-chip{background:hsl(var(--u2-accent-h) 86% 60%/.12);border:1px solid hsl(var(--u2-accent-h) 86% 60%/.34);border-radius:999px;color:var(--u2-text-1);font-size:.75rem;font-weight:600;padding:2px 10px}.component-placement{display:flex;flex-direction:column;gap:6px}.scope-chip{align-items:center;background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:999px;color:var(--u2-text-2);display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px;width:fit-content}.scope-chip--primary{background:#456ff724;border-color:#456ff74d;color:var(--u2-text-1)}.scope-chip--column{background:hsl(var(--u2-accent-h) 86% 60%/.12);border-color:hsl(var(--u2-accent-h) 86% 60%/.3);color:var(--u2-text-1)}.scope-chip--universal{background:#20c5651f;border-color:#20c5654d;color:var(--u2-text-1)}.placement-subtitle{color:var(--u2-muted);font-size:.8rem}.component-tag-list{display:flex;flex-wrap:wrap;gap:6px}.component-tag{align-items:center;background:var(--u2-surface-3);border:1px solid var(--u2-border);border-radius:999px;color:var(--u2-text-2);display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 8px}.component-tag--success{background:#20c5651a;border-color:#20c5654d;color:var(--u2-text-1)}.component-tag--warning{background:#f5a3141a;border-color:#f5a3144d;color:var(--u2-text-1)}.component-tag--info{background:#456ff71f;border-color:#456ff747;color:var(--u2-text-1)}.component-tag--danger{background:#ef39481a;border-color:#ef39484d;color:var(--u2-text-1)}.component-tag--muted{background:var(--u2-surface-3);border-color:var(--u2-border);color:var(--u2-text-2)}.component-stat-block{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.component-stat-block span{color:var(--u2-muted);font-size:.75rem}.component-stat-block strong{color:var(--u2-text-1);font-size:.95rem}.status-chip-group{display:flex;flex-direction:column;gap:6px}.component-table .action-buttons{justify-content:flex-start}@media (max-width:768px){.admin{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-tabs{justify-content:center}.admin-table{overflow-x:auto}.action-buttons,.component-filters{flex-direction:column}.component-table thead{display:none}.component-table tbody tr{display:flex;flex-direction:column;padding:16px}.component-table tbody td{border:none;display:block;padding:8px 0;width:100%}.component-table tbody td:first-child,.component-table tbody td:last-child{border-radius:0}}.component-form-wrapper{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-status{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.user-status--active{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.user-status--blocked{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.user-blocked-info{color:var(--color-text-secondary);font-size:.7rem;margin-top:4px}.user-blocked-info span{color:#dc2626;cursor:help}.u2-btn.is-warning{background:#f59e0b;border-color:#d97706;color:#fff}.u2-btn.is-warning:hover{background:#d97706}.u2-btn.is-success{background:#10b981;border-color:#059669;color:#fff}.u2-btn.is-success:hover{background:#059669}.admin-generations{margin:0 auto;max-width:1400px;padding:20px}.page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:20px}.page-header h1{font-size:28px;margin:0 0 10px}.page-header p{font-size:16px;margin:0}.controls-row{gap:20px;justify-content:space-between;margin-bottom:20px}.controls-row,.search-form{align-items:center;display:flex}.search-form{gap:10px}.search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:300px;padding:10px 15px}.search-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.search-button:hover{background:#0056b3}.clear-filters{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.clear-filters:hover{background:#545b62}.filter-controls{align-items:center;display:flex;gap:10px}.filter-controls label{color:#333;font-weight:500}.filter-select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.generations-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.generations-table table{border-collapse:collapse;width:100%}.generations-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px;text-align:left}.generations-table td{border-bottom:1px solid #dee2e6;padding:15px;vertical-align:top}.generation-id,.generations-table tr:hover{background:#f8f9fa}.generation-id{border-radius:4px;color:#666;font-family:monospace;font-size:12px;padding:4px 8px}.user-email{color:#007bff;font-weight:500}.user-email.clickable{cursor:pointer;text-decoration:underline}.user-email.clickable:hover{color:#0056b3}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.error{background:#f8d7da;color:#721c24}.status-badge.processing{background:#cce5ff;color:#004085}.actions-column{position:relative;width:80px}.action-container{display:inline-block;position:relative}.action-trigger{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-trigger:hover{background:#e9ecef;border-color:#adb5bd}.admin-generations .action-trigger:before{content:"⚙️"}.action-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:5px;min-width:150px;position:absolute;right:0;top:100%;z-index:1000}.action-menu.menu-top{bottom:100%;margin-bottom:5px;margin-top:0;top:auto}.action-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:10px 15px;text-align:left;transition:background-color .2s ease;width:100%}.action-item:hover{background:#f8f9fa}.action-item.disabled{color:#999;cursor:not-allowed}.action-item.disabled:hover{background:none}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px}.pagination button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.pagination button:hover:not(:disabled){background:#0056b3}.pagination button:disabled{background:#6c757d;cursor:not-allowed}.pagination-info{color:#666;font-size:14px}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state h3{color:#333;margin:0 0 10px}.loading-spinner{color:#666;padding:60px 20px;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin:20px 0;padding:15px}@media (max-width:768px){.controls-row{align-items:stretch;flex-direction:column}.search-input{min-width:auto}.generations-table{overflow-x:auto}.generations-table td,.generations-table th{font-size:14px;padding:10px}.action-menu{left:0;min-width:200px;right:auto}}.admin-generations{margin:0;max-width:none;padding:0}.admin-generations__sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-generations__sortable:hover{color:var(--u2-text-1)}.admin-generations__mono{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:12px;color:var(--u2-text-2);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:4px 8px}.admin-generations__userBtn{background:#0000;border:0;color:var(--u2-accent-2);cursor:pointer;font:inherit;font-weight:800;padding:0;text-align:left}.admin-generations__userBtn:hover{text-decoration:underline}.admin-generations__actions{position:relative}.admin-generations .action-trigger:before{content:none!important}.admin-generations .action-trigger{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:14px;color:var(--u2-text-1);height:40px;width:40px}.admin-generations .action-trigger:hover{background:hsl(var(--u2-accent-h) 86% 60%/.08);border-color:hsl(var(--u2-accent-h) 86% 60%/.34)}.admin-generations .action-trigger .u2-ico{height:18px;opacity:.95;width:18px}.action-menu{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:14px;box-shadow:var(--u2-shadow-2)}.action-item{color:var(--u2-text-1)}.action-item:hover{background:hsl(var(--u2-accent-h) 86% 60%/.1)}.action-item.is-danger{color:#f5848e}.action-item.disabled{opacity:.56}.admin-generations__queueSection{margin-bottom:4px}.admin-generations__queueGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.admin-generations__queueItem{align-items:center;background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.admin-generations__queueItem.is-active{background:#4799eb0f;border-color:#4799eb66}.admin-generations__queueItem.is-stale{background:#f042510f;border-color:#f0425166}.admin-generations__queueInfo{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.admin-generations__queueId{color:var(--u2-text-2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;word-break:break-all}.admin-generations__queueMeta{color:var(--u2-text-3);display:flex;flex-wrap:wrap;font-size:12px;gap:6px 12px}.admin-generations__queueStats{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.admin-generations__queueStat{align-items:center;display:flex;flex-direction:column;gap:2px}.admin-generations__queueStatValue{color:var(--u2-text-1);font-size:22px;font-weight:700}.admin-generations__queueStatLabel{color:var(--u2-text-3);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.admin-generations__cancelBtn{flex-shrink:0}.bg-tester{background:#1a1a2e;color:#e0e0e0;font-family:system-ui,sans-serif;min-height:100vh}.bg-tester .u2-card,.bg-tester .u2-card .u2-title{color:var(--u2-text-1)}.bg-tester__loading{align-items:center;color:#888;display:flex;font-size:1.5rem;justify-content:center;min-height:100vh}.bg-tester__header{background:#0000004d;border-bottom:1px solid #ffffff1a;padding:20px 30px}.bg-tester__header h1{color:#fff;font-size:1.6rem;margin:0}.bg-tester__header p{color:#888;font-size:.9rem;margin:5px 0 0}.bg-tester__body{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 80px)}.bg-tester__sidebar{background:#0003;border-right:1px solid #ffffff1a;overflow-y:auto;padding:20px}.bg-tester__section{margin-bottom:20px}.bg-tester__section h3{border-bottom:1px solid #ffffff1a;color:#888;font-size:.8rem;letter-spacing:1px;margin:0 0 10px;padding-bottom:8px;text-transform:uppercase}.bg-tester__section h4{color:#667eea;font-size:.75rem;margin:10px 0 5px}.bg-tester__section label{color:#888;display:block;font-size:.85rem;margin:10px 0 5px}.bg-tester__section select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.9rem;padding:8px 10px;width:100%}.bg-tester__section select option{background:#1a1a2e;color:#fff}.bg-tester__section input[type=range]{margin:5px 0;width:100%}.bg-tester__section small{color:#666;display:block;font-size:.75rem;margin-top:5px}.bg-tester__mode-toggle{display:flex;gap:8px}.bg-tester__mode-toggle button{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#aaa;cursor:pointer;flex:1 1;font-size:.85rem;padding:10px;transition:all .2s}.bg-tester__mode-toggle button:hover{background:#ffffff1a}.bg-tester__mode-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.bg-tester__list{max-height:400px;overflow-y:auto}.bg-tester__item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:5px;padding:8px 10px}.bg-tester__item:hover{background:#ffffff1a}.bg-tester__item.selected{background:#667eea33;border-color:#667eea}.bg-tester__item .weight{font-size:.75rem;opacity:.7}.bg-tester__images{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.bg-tester__thumb{aspect-ratio:16/9;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:6px;cursor:pointer;position:relative;transition:all .2s}.bg-tester__thumb:hover{border-color:#667eea80;transform:scale(1.02)}.bg-tester__thumb.selected{border-color:#667eea;box-shadow:0 0 10px #667eea66}.bg-tester__thumb .badge{background:#0009;border-radius:3px;font-size:.65rem;padding:2px 4px;position:absolute;right:3px;top:3px}.bg-tester__btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ddd;cursor:pointer;font-size:.9rem;margin-bottom:8px;padding:10px;transition:all .2s;width:100%}.bg-tester__btn:hover:not(:disabled){background:#ffffff26}.bg-tester__btn:disabled{cursor:not-allowed;opacity:.5}.bg-tester__btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.bg-tester__btn--primary:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.bg-tester__preview{display:flex;flex-direction:column;padding:20px}.bg-tester__error{background:#dc354533;border:1px solid #dc354580;border-radius:6px;color:#ff6b6b;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 15px}.bg-tester__error button{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:1.2rem}.bg-tester__preview-area{background:#fff;border-radius:12px;flex:1 1;min-height:500px;overflow:hidden;position:relative}.bg-tester__preview-frame{background:#fff;bottom:0;left:0;position:absolute;right:0;top:0}.bg-tester__preview-frame>div{height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important}.bg-tester__preview-frame>div:first-child{z-index:1!important}.bg-tester__preview-frame>div:nth-child(2){z-index:2!important}.bg-tester__preview-frame--sandboxed{border:0;display:block;height:100%;width:100%}.bg-tester__placeholder{color:#999;font-size:1.1rem;height:100%}.bg-tester__placeholder,.bg-tester__sample-content{align-items:center;display:flex;justify-content:center}.bg-tester__sample-content{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.bg-tester__sample-card{background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0003;color:#333;padding:30px 40px;text-align:center}.bg-tester__sample-card h2{color:#1a1a2e;font-size:1.3rem;margin:0 0 10px}.bg-tester__sample-card p{color:#666;margin:0 0 20px}.bg-tester__sample-buttons{display:flex;gap:10px;justify-content:center}.bg-tester__sample-buttons span{background:#f0f0f0;border-radius:6px;color:#555;font-size:.85rem;padding:10px 15px}.bg-tester__info{align-items:center;background:#0000004d;border-radius:8px;display:flex;font-size:.85rem;gap:20px;margin-top:15px;padding:12px 16px}.bg-tester__info span{color:#aaa}.bg-tester__info strong{color:#ddd}.bg-tester__info button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ddd;cursor:pointer;font-size:.85rem;margin-left:auto;padding:8px 14px}.bg-tester__info button:hover{background:#ffffff26}@media (max-width:900px){.bg-tester__body{grid-template-columns:1fr}.bg-tester__sidebar{border-bottom:1px solid #ffffff1a;border-right:none;max-height:400px}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:20px 0}.page-header{margin-bottom:40px;text-align:center}.page-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.page-header p{color:#666;font-size:1.2rem}.form-container,.page-header p{margin:0 auto;max-width:600px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}}:root{--u2-accent-h:215;--u2-accent:#2563eb;--u2-accent-2:#1d4ed8;--u2-accent-soft:#eff6ff;--u2-grad-accent:#2563eb;--u2-r-1:8px;--u2-r-2:12px;--ui-accent-h:215;--ui-accent:#2563eb}html:not([data-ui-theme]),html[data-ui-theme=light]{--u2-bg:#f5f7fa;--u2-surface-1:#fff;--u2-surface-2:#f8fafc;--u2-surface-3:#f1f5f9;--u2-border:#dce3ec;--u2-text-1:#172b44;--u2-text-2:#40536d;--u2-muted:#52657c;--u2-shadow-1:0 1px 3px #0f172a0a;--u2-shadow-2:0 8px 24px #0f172a14;--u2-glow:0 0 0 1px #2563eb;--wp-selection:#eff6ff;--wp-success-bg:#f0fdf4;--wp-success-border:#86cba6;--ui-gradient-primary:#2563eb;--ui-gradient-hover:#1d4ed8;--ui-gradient-surface:#fff}html[data-ui-theme=dark]{--u2-bg:#0f1722;--u2-surface-1:#182230;--u2-surface-2:#1d2a3a;--u2-surface-3:#233246;--u2-border:#35465d;--u2-text-1:#e8eef7;--u2-text-2:#c5d1e2;--u2-muted:#a5b5cc;--u2-shadow-1:none;--u2-shadow-2:0 8px 24px #0000002e;--u2-glow:0 0 0 1px #60a5fa;--wp-selection:#1c3557;--wp-success-bg:#16362d;--wp-success-border:#36765e;--ui-gradient-primary:#2563eb;--ui-gradient-hover:#1d4ed8;--ui-gradient-surface:#182230}html[data-ui-font]{--u2-fw-body:400;--u2-fw-strong:600;--u2-fw-title:700}body,html[data-ui-theme=dark] body{background:var(--u2-bg)}.u2-main{padding-top:24px}.u2-card.is-soft{background:var(--u2-surface-2)}.u2-card.is-gradient{background:var(--u2-surface-1)}.u2-card.is-gradient:before{content:none}.u2-badge,.u2-btn,.u2-input,.u2-pill,.u2-select,.u2-tab,.u2-textarea{border-radius:8px}.u2-badge,.u2-btn,.u2-pill,.u2-tab{font-weight:600}.u2-btn{min-height:42px}.u2-btn.is-primary,.u2-btn.is-primary:hover{background:#2563eb;box-shadow:none;color:#fff}.u2-btn.is-primary:hover{background:#1d4ed8}.u2-btn.is-success,.u2-btn.is-success:hover{background:#15803d;box-shadow:none;color:#fff}.u2-btn.is-success:hover{background:#166534}.u2-tab.is-createSite,.u2-tab.is-createSite.is-active{background:#15803d;border-color:#15803d;color:#fff}.u2-tab.is-createSite:hover{background:#166534}.wp-createModes{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.wp-createMode{background:var(--u2-surface-2);border:1px solid var(--wp-success-border);border-radius:12px;color:var(--u2-text-1);display:flex;flex-direction:column;gap:12px;padding:20px;text-decoration:none}.wp-createMode>strong{font-size:20px}.wp-createMode>span:not(.u2-btn){color:var(--u2-muted);flex:1 1;line-height:1.6}.wp-modeSwitch{display:flex;flex-wrap:wrap;gap:10px}.wp-publicLink{min-width:0}.wp-publicLinkDetails{grid-gap:10px;display:grid;gap:10px;margin-top:12px;max-width:540px;min-width:0;text-align:left}.wp-publicLinkDetails label{grid-gap:6px;color:var(--u2-muted);display:grid;font-size:12px;gap:6px}.wp-publicLinkDetails input{min-width:0;width:100%}.wp-backgroundUpload{margin:18px 0}.wp-backgroundUpload .u2-btn{cursor:pointer;position:relative}.wp-backgroundUpload input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.wp-backgroundUpload .u2-btn:focus-within{outline:3px solid #2563eb;outline:3px solid var(--u2-accent);outline-offset:3px}.wp-backgroundThumbnail{border:0;height:100%;pointer-events:none;width:100%}.wp-backgroundModes{grid-template-columns:repeat(3,minmax(0,1fr))}.u2-info{background:var(--u2-surface-3);border:1px solid var(--u2-border);color:var(--u2-text-1);font:inherit}.wp-quickProgress{background:var(--wp-success-bg);border:1px solid var(--wp-success-border);border-radius:12px;padding:20px}.wp-quickProgress progress{accent-color:#15803d;height:12px;width:100%}.generator-v2-container.is-quick .wp-advancedOptions,.generator-v2-container.is-quick .wp-backgroundDetails,.generator-v2-container.is-quick .wp-buildDetails,.generator-v2-container.is-quick .wp-buildSummary,.generator-v2-container.is-quick .wp-companyNameField,.generator-v2-container.is-quick .wp-legalLanguageField,.generator-v2-container.is-quick .wp-platformField,.generator-v2-container.is-quick .wp-reviewLocalization{display:none}.generator-v2-container.is-quick .wp-generationWorkspace{grid-template-columns:minmax(0,1fr)}@media (max-width:640px){.wp-createModes{grid-template-columns:minmax(0,1fr)}.wp-createMode{padding:16px}.generator-v2-container .u2-modeGrid{grid-template-columns:minmax(0,1fr)}}.u2-btn:hover,.u2-tab:hover{transform:none}.u2-tab{background:#0000;border-color:#0000;color:var(--u2-text-2)}.u2-tab.is-active{background:var(--wp-selection);border-color:#93b8ec;color:var(--u2-text-1)}.u2-label{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}.u2-subtitle{line-height:1.65}.u2-divider{background:var(--u2-border)}.u2-input::placeholder,.u2-textarea::placeholder{color:var(--u2-muted)}.u2-previewFrame{background:var(--u2-surface-2)}.u2-bgTile:hover,.u2-previewCard:hover{box-shadow:none;transform:none}.u2-bgTile.is-selected,.u2-previewCard.is-selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.generator-v2-container{font-family:var(--u2-font-sans);max-width:1180px}.generator-v2-container>.u2-card:first-child{background:#0000;border:0}.generator-v2-container>.u2-card:first-child .u2-cardInner{padding:0 0 4px}.generator-v2-container>.u2-card:first-child h1{font-size:28px;letter-spacing:-.025em}.generator-v2-container>.u2-card:nth-child(2){background:#0000;border:0}.generator-v2-container>.u2-card:nth-child(2) .u2-cardInner{padding:0}.generator-v2-container .u2-step{background:#0000;border:0;border-bottom:3px solid var(--u2-border);border-radius:0;box-shadow:none;padding:10px 6px}.generator-v2-container .u2-step.is-current{background:var(--wp-selection);border-color:#2563eb}.generator-v2-container .u2-step.is-done{background:#0000;border-color:#70b895}.generator-v2-container .u2-stepNum{background:var(--u2-surface-3);box-shadow:none;color:var(--u2-muted)}.generator-v2-container .u2-step.is-current .u2-stepNum{background:#2563eb;color:#fff}.generator-v2-container .u2-step.is-done .u2-stepNum{background:#15803d;color:#fff}.generator-v2-container .u2-siteTypeBtn{background:var(--u2-surface-1);border:1px solid var(--u2-border);box-shadow:none;color:var(--u2-text-1)}.generator-v2-container .u2-siteTypeBtn.is-active{background:var(--wp-selection);border-color:#2563eb;box-shadow:inset 3px 0 #2563eb;color:var(--u2-text-1)}.generator-v2-container .u2-siteTypeBtn .u2-siteTypeHint{color:var(--u2-muted)}.generator-v2-container .u2-selectionSummary{background:var(--wp-selection);border-color:#93b8ec}.generator-v2-container .u2-previewMeta{gap:10px;padding:16px}.generator-v2-container .u2-previewTitle{font-size:15px;font-weight:650}.generator-v2-container .u2-templateDiagram{background:var(--u2-surface-2)}.generator-v2-container .u2-diagramColumn{border-top:3px solid #71a7d8}.generator-v2-container .u2-diagramBar{background:var(--u2-surface-3);color:var(--u2-muted)}.generator-v2-container .u2-previewHover .u2-btn{font-size:13px}.generator-v2-container .u2-blockGroup{border-left:3px solid #71a7d8}.generator-v2-container .wp-launchCard{background:var(--wp-success-bg);border:1px solid var(--wp-success-border)}.generator-v2-container .u2-launchDetails{background:var(--u2-surface-1)}.wp-platformIcon{flex-shrink:0;height:24px;width:24px}.wp-platformChoices{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.wp-platformChoice{align-items:center;background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:10px;color:var(--u2-text-1);cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:600;gap:10px;min-height:62px;padding:14px 12px;text-align:left}.wp-platformChoice.is-selected{background:var(--wp-selection);border-color:#2563eb}.wp-choiceMark{color:#2563eb;color:var(--u2-accent);flex-shrink:0;margin-left:auto;width:12px}.wp-inlineLabel{align-items:center;display:flex;gap:8px}.wp-inlineLabel .wp-platformIcon{height:18px;width:18px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:#2563eb}@media (max-width:1000px){.wp-platformChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.u2-main{padding:18px 12px 36px}.generator-v2-container>.u2-card:first-child h1{font-size:24px}.generator-v2-container .u2-step{min-width:36px}.wp-platformChoice{font-size:12px;gap:8px;padding:12px 8px}}@media (max-width:360px){.wp-platformChoices{grid-template-columns:minmax(0,1fr)}}.generator-v2-container .u2-siteTypeBtn.is-active .u2-siteTypeName{color:var(--u2-text-1)}.generator-v2-container .u2-siteTypeBtn:hover{background:var(--wp-selection);border-color:#93b8ec;box-shadow:none;transform:none}.wp-localeSelect{min-width:0;position:relative}.wp-localeTrigger{align-items:center;background:var(--u2-surface-1);cursor:pointer;display:flex;font:inherit;font-size:14px;gap:10px;text-align:left}.wp-localeTrigger>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-selectArrow{margin-left:auto}.wp-flag{border-radius:2px;flex:0 0 24px;height:18px;object-fit:contain;width:24px}.wp-localePopup{background:var(--u2-surface-1);border:1px solid var(--u2-border);border-radius:10px;box-shadow:var(--u2-shadow-2);left:0;padding:8px;position:absolute;right:0;top:calc(100% + 6px);z-index:45}.wp-localeOptions{margin-top:8px;max-height:240px;overflow-y:auto}.wp-localeOption{align-items:center;background:#0000;border:0;border-radius:6px;color:var(--u2-text-1);cursor:pointer;display:flex;font:inherit;font-size:14px;gap:10px;min-height:42px;padding:10px 8px;text-align:left;width:100%}.wp-localeOption>span:first-of-type{flex:1 1}.wp-localeOption:hover,.wp-localeOption[aria-selected=true]{background:var(--wp-selection)}.generator-v2-container .u2-card:has(.wp-localeSelect){overflow:visible}.wp-localePopup.is-above{bottom:calc(100% + 6px);top:auto}.wp-themeExample{border:1px solid var(--u2-border);border-radius:12px;min-width:0;overflow:hidden;padding:20px;text-align:left}.wp-themeExampleNav{align-items:center;display:flex;font-size:11px;gap:16px;justify-content:space-between;margin-bottom:24px}.wp-themeExampleNav span{font-size:9px;opacity:.72}.wp-themeExampleHero small{display:block;font-size:9px;letter-spacing:.07em;margin-bottom:10px}.wp-themeExampleHero>strong{display:block;font-size:26px;letter-spacing:-.035em;line-height:1.15}.wp-themeExampleHero p{font-size:11px;line-height:1.6;opacity:.75}.wp-exampleButton{border-radius:6px;display:inline-block;font-size:10px;margin:5px 0 20px;padding:9px 12px}.wp-themeExampleCards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.wp-themeExampleCards>div{border-top:2px solid;font-size:10px;padding:9px 0}.wp-themeExampleCards i{border-radius:3px;display:block;height:3px;margin-top:7px;opacity:.15;width:90%}.wp-themeExampleCards i:last-child{width:60%}.wp-themeExample.is-compact{border:0;border-radius:0;padding:12px;pointer-events:none}.wp-themeExample.is-compact .wp-themeExampleNav{font-size:9px;margin-bottom:14px}.wp-themeExample.is-compact .wp-themeExampleHero p,.wp-themeExample.is-compact .wp-themeExampleHero small,.wp-themeExample.is-compact .wp-themeExampleNav span{display:none}.wp-themeExample.is-compact .wp-themeExampleHero>strong{font-size:17px}.wp-themeExample.is-compact .wp-exampleButton{font-size:8px;margin-bottom:10px;padding:5px 8px}.wp-themeExample.is-compact .wp-themeExampleCards{font-size:8px}.u2-themeGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.u2-themeCard{overflow:hidden}.wp-contentFields{gap:24px!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important}.wp-contentFields>.u2-grid{align-content:start;border:1px solid var(--u2-border);border-radius:12px;gap:16px!important;padding:18px}.wp-contentFields .u2-field{grid-gap:8px;display:grid;gap:8px;min-width:0}.wp-contentStep input:not([type=checkbox]):not([type=radio]),.wp-contentStep select,.wp-contentStep textarea{box-sizing:border-box;font:inherit;width:100%}.wp-contentStep textarea{min-height:168px!important}.wp-contentStep .u2-strong{line-height:1.5}.wp-componentExample{margin-top:12px;width:100%}.wp-componentExample p{font-size:12px;line-height:1.5}.wp-componentExample iframe{background:#fff;border:1px solid var(--u2-border);border-radius:8px;height:360px;width:100%}.u2-componentRow>div:first-child{flex:1 1;min-width:0}.wp-progressIcon{flex-shrink:0;vertical-align:middle}.wp-templateDiagram{gap:8px!important;height:auto!important;min-height:250px;padding:16px!important}.wp-diagramBottom,.wp-diagramTop{font-size:10px;min-height:18px}.wp-diagramColumn{display:flex;flex-direction:column;gap:6px;min-width:0}.wp-diagramBlock{background:var(--u2-surface-2);border:1px solid var(--u2-border);border-radius:5px;font-size:9px;min-width:0;padding:6px}.wp-diagramBlock span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-diagramBlock>div{display:flex;gap:3px;margin-top:4px}.wp-diagramBlock i{background:var(--u2-text-muted);border-radius:2px;display:block;flex:1 1;height:4px;opacity:.18}.wp-diagramBlock.is-visual>div i{background:#3b82f6;background:var(--u2-primary,#3b82f6);height:18px}.wp-diagramBlock.is-optional{border-style:dashed}.wp-componentCount{background:var(--u2-surface-3)!important;border-color:#3b82f6!important;border-color:var(--u2-primary,#3b82f6)!important;font-weight:700!important}@media(max-width:760px){.wp-contentFields{grid-template-columns:minmax(0,1fr)!important}.wp-themeExample{padding:14px}.wp-componentExample iframe{height:300px}.u2-componentRow{flex-direction:column!important}.u2-compControls,.u2-componentRow>div:first-child{width:100%}}.generation-progress .progress-header{flex-wrap:wrap;gap:12px}.generation-progress .progress-header h3{min-width:0}.generation-progress .timer-estimate{color:var(--u2-muted)}.generation-progress .component-info,.generation-progress .current-step-text{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.generation-progress{min-width:0;padding:14px}.generation-timer-section{padding:12px}.generation-timer{flex-wrap:wrap;gap:8px}.generation-timer .timer-estimate{flex-basis:100%;margin-left:0}.generation-progress .components-grid{grid-template-columns:minmax(0,1fr)}.generation-progress .component-item{gap:8px}}.wp-generationResult{border:2px solid #15803d;border:2px solid var(--u2-success,#15803d);border-radius:18px;margin:0 0 24px;padding:5px;scroll-margin-top:100px}.wp-generationResult:focus{outline:3px solid var(--u2-border);outline-offset:3px}.wp-generationResult .wp-resultTitle{color:var(--u2-text-1);font-size:clamp(1.3rem,2.5vw,1.8rem);margin:0}.wp-generationResult .wp-downloadSite{font-size:17px;min-height:54px;padding-inline:28px}.wp-generationWorkspace{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.wp-generationWorkspace>*{min-width:0}.wp-generationWorkspace .wp-buildSummary{grid-column:2;grid-row:1/span 2}.wp-generationWorkspace .wp-launchCard{grid-column:1;grid-row:1}.wp-generationWorkspace .u2-reviewSummary{grid-template-columns:1fr}.wp-generationWorkspace>:last-child{grid-column:1}.wp-generationWorkspace .u2-grid.cols-4:not(.u2-reviewSummary){grid-template-columns:repeat(2,minmax(0,1fr))}.wp-buildDetails{border:1px solid var(--u2-border);border-radius:14px;margin-top:20px;padding:18px}.wp-buildDetails>summary,.wp-progressDetails>summary{color:var(--u2-text-1);cursor:pointer;font-weight:600;padding:8px 0}.wp-buildDetails[open]>summary{margin-bottom:16px}.wp-progressDetails .components-grid{max-height:320px;overflow:auto}.generation-progress{margin-bottom:24px}@media (max-width:960px){.wp-generationWorkspace{display:flex;flex-direction:column}.wp-generationWorkspace>*{width:100%}.wp-generationWorkspace .wp-buildSummary{order:3}}@media (max-width:540px){.wp-generationResult .wp-downloadSite{justify-content:center;width:100%}.wp-launchCard .u2-cardHeader,.wp-launchCard .u2-toolbarGroup{align-items:stretch;flex-direction:column}.wp-launchCard .u2-toolbarGroup{width:100%}.wp-launchCard .u2-toolbarGroup .u2-btn{justify-content:center;width:100%}.wp-generationWorkspace .u2-grid.cols-4:not(.u2-reviewSummary){grid-template-columns:1fr}}
/*# sourceMappingURL=main.b728ffa6.css.map*/