:root{--bg: #f8efd5;--surface: #fffdf2;--surface-soft: #fff3bd;--surface-cool: #eaf8de;--ink: #162f1d;--muted: #796d51;--line: #e0c98d;--green: #2f7d54;--green-dark: #123f27;--gold: #ffd400;--gold-dark: #8b6400;--black: #0b120b;--blue: #2f7fb8;--red: #b84d63;--clay: #d99239;--rose: #ff5fa2;--cream-glow: #fff7dc;--shadow: 0 20px 54px rgba(35, 49, 26, .16);--radius: 18px;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html,body,#root{width:100%;min-width:1024px;height:100%}body{margin:0;background:radial-gradient(circle at 72% 9%,rgba(255,212,0,.48),transparent 24%),radial-gradient(circle at 22% 92%,rgba(47,125,84,.28),transparent 27%),radial-gradient(circle at 62% 66%,rgba(217,146,57,.28),transparent 22%),linear-gradient(135deg,rgba(255,255,255,.55),transparent 38%),var(--bg)}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(47,114,184,.35);outline-offset:2px}.loading-screen{display:grid;min-height:100%;place-items:center;gap:12px;color:var(--green-dark);font-weight:800}.loading-screen svg{width:40px;height:40px}.app-shell{--store-primary: var(--gold);--store-accent: var(--black);--store-background: var(--black);--store-surface: var(--surface-soft);--store-text: var(--ink);--store-muted: var(--muted);display:grid;grid-template-columns:284px minmax(0,1fr);width:100%;height:100%;min-height:0;position:relative;isolation:isolate;background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--store-primary) 30%,transparent),transparent 24%),radial-gradient(circle at 80% 78%,color-mix(in srgb,var(--store-accent) 13%,transparent),transparent 29%),linear-gradient(90deg,#ffffff57,#fff7d7a3 48%,#ffffff57),var(--bg);transition:grid-template-columns .28s ease}.app-shell>*{position:relative;z-index:1}.app-shell.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.comfort-text{font-size:1.7rem;line-height:1.55}.high-contrast{--bg: #ffffff;--surface: #ffffff;--surface-soft: #fff063;--ink: #000000;--muted: #242424;--line: #000000;--green: #005f2f;--green-dark: #003f1f;--blue: #004f9f;--red: #8f0000}.reduced-texture{--bg: #f7f7f3;--surface-soft: #fffbdc}.reduced-texture,.reduced-texture .workspace{background:var(--bg)}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.focus-boost button:focus-visible,.focus-boost input:focus-visible,.focus-boost select:focus-visible,.focus-boost textarea:focus-visible,.focus-boost a:focus-visible{outline:4px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 7px #00000042}.sidebar{position:relative;display:flex;min-height:0;flex-direction:column;gap:22px;border-right:1px solid rgba(255,245,190,.26);overflow:hidden;background:radial-gradient(circle at 52% 8%,color-mix(in srgb,var(--store-primary) 24%,transparent),transparent 28%),radial-gradient(circle at 0% 40%,rgba(255,212,0,.16),transparent 22%),repeating-linear-gradient(135deg,rgba(255,212,0,.08) 0 1px,transparent 1px 22px),linear-gradient(180deg,#0b3a22,#102914 58%,#071008);color:#fffbea;padding:24px;box-shadow:inset -12px 0 28px #0003,12px 0 42px #18523529;transition:padding .28s ease,gap .28s ease;z-index:10}.store-switcher-is-open .sidebar{overflow:visible;z-index:90}.sidebar>*{position:relative;z-index:1}.brand-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:center}.brand{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;color:inherit;text-decoration:none}.sidebar-toggle{display:grid;width:40px;height:40px;place-items:center;justify-self:end;margin-left:auto;border:1px solid rgba(255,212,0,.34);border-radius:var(--radius);background:#ffd4001a;color:var(--gold);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .22s ease}.sidebar-toggle:hover{border-color:#ffd400b3;background:var(--gold);color:var(--green-dark);transform:translateY(-1px)}.sidebar-toggle svg{width:19px;height:19px}.sidebar-collapsed .sidebar{align-items:center;padding:20px 14px}.sidebar-collapsed .brand-row,.sidebar-collapsed .brand{grid-template-columns:46px}.brand-copy,.nav-label,.demo-contract p,.sidebar-vibe span{max-width:220px;opacity:1;transform:translate(0);transition:max-width .24s ease,opacity .18s ease,transform .24s ease}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .demo-contract p,.sidebar-collapsed .sidebar-vibe span{max-width:0;opacity:0;overflow:hidden;transform:translate(-8px);white-space:nowrap}.sidebar-collapsed .nav-list,.sidebar-collapsed .nav-list button,.sidebar-collapsed .sidebar-footer,.sidebar-collapsed .sidebar-vibe,.sidebar-collapsed .demo-contract{width:100%}.sidebar-collapsed .nav-list button,.sidebar-collapsed .demo-contract,.sidebar-collapsed .sidebar-vibe{grid-template-columns:1fr;justify-items:center;padding:12px}.sidebar-collapsed .sidebar-toggle{justify-self:end;margin-left:auto}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#ffd400;box-shadow:inset 0 0 0 2px #000000e0,0 12px 26px color-mix(in srgb,var(--store-primary) 34%,transparent);overflow:hidden;transform:rotate(-2deg);transition:transform .24s ease}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand:hover .brand-mark{transform:rotate(0) scale(1.03)}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem}.brand small{color:#e8d47a;font-size:.8rem;font-weight:700}.nav-list{display:grid;gap:8px;overflow:visible}.nav-list button{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;width:100%;border:1px solid rgba(255,245,190,.08);border-radius:18px;background:#fff5be05;color:#f4edca;padding:11px 12px;text-align:left;font-size:.94rem;font-weight:780;transition:background .18s ease,border-color .18s ease,color .18s ease,padding .24s ease,grid-template-columns .24s ease,transform .18s ease}.nav-list button.active,.nav-list button:hover{border-color:color-mix(in srgb,var(--store-primary) 64%,rgba(255,255,255,.2));background:linear-gradient(135deg,color-mix(in srgb,var(--store-primary) 20%,transparent),#ffffff0f),color-mix(in srgb,var(--green-dark) 72%,transparent);color:#fff;box-shadow:inset 4px 0 0 var(--store-primary),0 10px 24px color-mix(in srgb,var(--store-primary) 16%,transparent)}.nav-list svg,.demo-contract svg,.panel-title svg,.ghost-button svg,.primary-button svg{width:18px;height:18px}.nav-list svg,.sidebar-toggle svg,.demo-contract svg,.sidebar-vibe svg,.panel-title svg,.ghost-button svg,.primary-button svg,.upload-control svg,.principle-list svg{transition:color .18s ease,filter .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}button:hover svg,a:hover svg,.upload-control:hover svg{animation:icon-bop .52s ease both;color:var(--store-primary);filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--store-primary) 45%,transparent));transform:translateY(-2px) rotate(-7deg) scale(1.12)}.sidebar-toggle:hover svg{color:var(--green-dark);filter:drop-shadow(0 3px 6px rgba(0,48,31,.28))}.ghost-button:hover svg,.catalog-row:hover .status{color:var(--store-accent)}.nav-list button:hover svg{color:var(--store-primary);transform:translate(3px) rotate(9deg) scale(1.12)}.nav-list button.active svg,.primary-button:hover svg,.ghost-button.active svg{color:var(--store-primary)}.icon-motion-off button:hover svg,.icon-motion-off a:hover svg,.icon-motion-off .upload-control:hover svg,.reduced-motion button:hover svg,.reduced-motion a:hover svg,.reduced-motion .upload-control:hover svg{animation:none;filter:none;transform:none}.store-switcher{position:relative;z-index:1}.store-switcher.open{z-index:100}.store-switcher-trigger{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;gap:10px;align-items:center;width:100%;border:1px solid rgba(255,245,190,.08);border-radius:18px;background:#fff5be05;color:#f4edca;padding:11px 12px;text-align:left;font-size:.94rem;font-weight:780;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.nav-list .store-switcher-trigger{grid-template-columns:22px minmax(0,1fr) 16px}.store-switcher-trigger .nav-label{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-switcher-trigger svg:first-child{justify-self:center}.store-switcher-trigger.active,.store-switcher-trigger:hover,.store-switcher.open .store-switcher-trigger{border-color:color-mix(in srgb,var(--store-primary) 64%,rgba(255,255,255,.2));background:linear-gradient(135deg,color-mix(in srgb,var(--store-primary) 20%,transparent),#ffffff0f),color-mix(in srgb,var(--green-dark) 72%,transparent);color:#fff;box-shadow:inset 4px 0 0 var(--store-primary),0 10px 24px color-mix(in srgb,var(--store-primary) 16%,transparent)}.store-switcher-trigger svg:last-child{width:16px;height:16px;justify-self:end;transition:transform .18s ease}.store-switcher.open .store-switcher-trigger svg:last-child{transform:rotate(180deg)}.store-switcher-menu{position:absolute;z-index:1000;top:calc(100% + 8px);left:0;display:grid;width:min(280px,calc(100vw - 48px));gap:6px;border:1px solid color-mix(in srgb,var(--store-primary) 42%,rgba(255,255,255,.26));border-radius:20px;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--store-primary) 18%,transparent),transparent 34%),linear-gradient(180deg,#0d2b19,#081309);padding:8px;box-shadow:0 24px 42px #0000005c,inset 0 1px #ffffff1a}.store-switcher-menu button{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:10px;align-items:center;width:100%;border:1px solid transparent;border-radius:15px;background:#ffffff0a;color:#fffbea;padding:10px 11px;text-align:left}.store-switcher-menu button:hover,.store-switcher-menu button.selected{border-color:color-mix(in srgb,var(--store-primary) 52%,rgba(255,255,255,.2));background:color-mix(in srgb,var(--store-primary) 18%,rgba(255,255,255,.08))}.store-switcher-menu strong,.store-switcher-menu small{display:block}.store-switcher-menu small{margin-top:2px;color:#e8d47a;font-size:.72rem;font-weight:850;text-transform:uppercase}.sidebar-collapsed .store-switcher-trigger{grid-template-columns:1fr;justify-items:center;padding:12px}.sidebar-collapsed .store-switcher-trigger svg:last-child{display:none}.sidebar-collapsed .store-switcher-menu{left:calc(100% + 10px);top:0;width:min(320px,calc(100vw - 116px))}.sidebar-footer{display:grid;gap:12px;margin-top:auto;width:100%}.sidebar-vibe{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;border:1px solid color-mix(in srgb,var(--store-primary) 52%,rgba(47,125,84,.55));border-radius:var(--radius);background:linear-gradient(90deg,#2f7d5475,color-mix(in srgb,var(--store-primary) 15%,transparent));color:#fff7b0;padding:12px 14px;font-size:.82rem;font-weight:900}.sidebar-vibe svg{width:18px;height:18px;color:var(--store-primary)}.demo-contract{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;border:1px solid rgba(255,212,0,.24);border-radius:var(--radius);background:#ffd40014;padding:14px}.demo-contract p{margin:0;color:#efe6bd;font-size:.84rem;line-height:1.45}.workspace{position:relative;isolation:isolate;min-width:0;min-height:0;overflow:auto;background:radial-gradient(circle at 30% 8%,color-mix(in srgb,var(--store-primary) 44%,transparent),transparent 18%),radial-gradient(circle at 72% 10%,rgba(217,146,57,.38),transparent 19%),radial-gradient(circle at 64% 92%,rgba(47,125,84,.18),transparent 22%),linear-gradient(90deg,color-mix(in srgb,var(--store-accent) 4%,transparent) 1px,transparent 1px) 0 0 / 30px 30px,linear-gradient(180deg,rgba(255,255,255,.5),transparent 220px),var(--bg);padding:28px}.workspace>*{position:relative;z-index:1}.reduced-texture:before,.reduced-texture:after{opacity:0}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.topbar h1{margin:0 0 6px;color:var(--green-dark);font-size:clamp(1.85rem,2.6vw,2.65rem);line-height:1.15;letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.78)}.topbar p,.system-note{max-width:760px;margin:0;color:var(--muted);line-height:1.45}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.save-message{display:inline-flex;align-items:center;min-height:38px;border:1px solid color-mix(in srgb,var(--store-primary) 56%,rgba(255,212,0,.52));border-radius:var(--radius);background:color-mix(in srgb,var(--store-primary) 16%,white);color:var(--green-dark);padding:8px 11px;font-size:.84rem;font-weight:800}.ghost-button,.primary-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:var(--radius);overflow:hidden;padding:10px 14px;font-size:.88rem;font-weight:850;transition:background .18s ease,border-color .18s ease,color .18s ease,filter .18s ease,transform .18s ease}.ghost-button:after,.primary-button:after{position:absolute;inset:-35% auto -35% -42%;width:34%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);content:"";opacity:0;transform:skew(-16deg)}.ghost-button:hover:after,.primary-button:hover:after{animation:button-glint .72s ease}.ghost-button{border:1px solid color-mix(in srgb,var(--store-accent) 20%,var(--line));background:linear-gradient(180deg,#ffffffeb,#fff9e7e6);color:var(--store-accent);box-shadow:0 6px 14px #23311a14}.primary-button{border:1px solid var(--store-accent);background:radial-gradient(circle at 28% 12%,color-mix(in srgb,var(--store-primary) 36%,transparent),transparent 32%),linear-gradient(135deg,var(--store-accent),color-mix(in srgb,var(--store-accent) 78%,var(--store-primary)));color:var(--store-primary);box-shadow:inset 0 -3px #0000002e,0 10px 22px color-mix(in srgb,var(--store-accent) 20%,transparent)}.primary-button:hover,.ghost-button:hover{border-color:var(--store-primary);background:linear-gradient(180deg,color-mix(in srgb,var(--store-primary) 18%,white),#fff);color:var(--store-accent);filter:brightness(1);transform:translateY(-1px)}.ghost-button.active{border-color:var(--store-accent);background:var(--store-accent);color:var(--store-primary)}.metric-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{border:1px solid rgba(224,201,141,.72);border-radius:var(--radius);background:linear-gradient(180deg,#ffffffe0,#fff8e1db);padding:14px;box-shadow:0 10px 24px #23311a14;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.metric:hover,.panel:hover{border-color:color-mix(in srgb,var(--store-primary) 54%,var(--line));box-shadow:0 14px 32px #1220231c;transform:translateY(-1px)}.metric strong,.metric span{display:block}.metric strong{color:var(--store-accent);font-size:1.4rem;line-height:1}.metric span{margin-top:7px;color:var(--muted);font-size:.75rem;font-weight:850;text-transform:uppercase}.panel-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.panel-grid.two{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.panel-grid.store-layout{grid-template-columns:minmax(300px,.8fr) minmax(480px,1.3fr) minmax(300px,.8fr)}.panel{min-width:0;border:1px solid rgba(224,201,141,.84);border-radius:22px;background:linear-gradient(180deg,#ffffffdb,#fff9e6e0);padding:18px;box-shadow:0 16px 38px #23311a1a,inset 0 1px #ffffffdb;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.pwa-builder-panel{position:relative;overflow:visible;border-color:color-mix(in srgb,var(--store-primary) 42%,var(--line));background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--store-primary) 22%,transparent),transparent 18%),radial-gradient(circle at 34% 60%,rgba(217,146,57,.24),transparent 24%),linear-gradient(180deg,#fffef5f0,#fff6deeb);box-shadow:0 22px 56px #26301324,inset 0 0 0 1px #ffffffb8}.pwa-builder-panel:before{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--store-primary) 26%,transparent) 0 10px,transparent 10px),linear-gradient(180deg,rgba(255,255,255,.55),transparent 28%);content:"";opacity:.85}.pwa-builder-panel>*{position:relative;z-index:1}.panel-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.panel-title svg{color:var(--store-primary);filter:drop-shadow(0 3px 7px color-mix(in srgb,var(--store-primary) 38%,transparent))}.panel-title h2{margin:0;font-size:1.05rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}td strong,td span{display:block}td span{margin-top:2px;color:var(--muted);font-size:.82rem}code{color:#254f7a;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:#edf4f2;color:var(--green-dark);padding:4px 8px;font-size:.74rem;font-weight:850;text-transform:capitalize}.status.needs-review,.status.draft{background:#fff5df;color:#835713}.status.hidden{background:#f7e9ea;color:var(--red)}.status.approved,.status.published,.status.active,.status.live{background:#e9f6ee;color:var(--green-dark)}.status.offline{background:#ffe8dc;color:#8f2f00}.store-status-control{display:inline-grid;grid-template-columns:repeat(3,minmax(0,auto));gap:4px;border:1px solid color-mix(in srgb,var(--store-accent) 12%,var(--line));border-radius:999px;background:linear-gradient(180deg,#ffffffd6,#fff7dcd1);padding:4px}.store-status-control button{min-height:30px;border:0;border-radius:999px;background:transparent;color:var(--muted);padding:5px 9px;font-size:.72rem;font-weight:900}.store-status-control button.active{background:var(--store-accent);color:var(--store-primary);box-shadow:0 6px 12px color-mix(in srgb,var(--store-accent) 16%,transparent)}.offline-note{display:block;max-width:220px;margin-top:6px;color:#8f2f00;font-size:.74rem;font-weight:800}.form-panel,.form-panel form,.note-form,.lookup-form{display:grid;gap:12px}label{display:grid;gap:6px;color:var(--muted);font-size:.8rem;font-weight:850}input,select,textarea{width:100%;border:1px solid color-mix(in srgb,var(--green-dark) 18%,var(--line));border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fffaf0);color:var(--ink);padding:10px 11px;font-size:.92rem;box-shadow:inset 0 2px 5px #23311a0f}textarea{min-height:96px;resize:vertical}.catalog-list,.note-list,.education-list,.package-list,.match-list,.principle-list{display:grid;gap:10px}.catalog-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:1px solid rgba(224,201,141,.86);border-radius:var(--radius);background:linear-gradient(180deg,#fffef6,#fff6dc);padding:12px;color:var(--ink);text-align:left}.catalog-row.selected{border-color:color-mix(in srgb,var(--store-accent) 46%,var(--store-primary));background:radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--store-primary) 24%,transparent),transparent 28%),linear-gradient(180deg,var(--surface-soft),#fffaf0);box-shadow:inset 4px 0 0 var(--store-primary),0 10px 22px #23311a1a}.catalog-row strong,.catalog-row small{display:block}.catalog-row small{margin-top:4px;color:var(--muted);font-weight:700}.detail-head{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;align-items:start;margin-bottom:16px}.detail-panel{position:relative;overflow:hidden}.detail-panel:after{position:absolute;right:18px;bottom:18px;width:120px;height:54px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--store-primary) 62%,transparent) 0 2px,transparent 3px) 0 18px / 18px 18px repeat-x,linear-gradient(100deg,transparent 8%,color-mix(in srgb,var(--store-primary) 34%,transparent),transparent 82%);clip-path:polygon(0 56%,16% 32%,30% 62%,45% 28%,61% 54%,75% 22%,100% 46%,100% 100%,0 100%);content:"";opacity:.38}.detail-head h2{margin:0 0 6px;font-size:1.25rem}.detail-head p{margin:0;color:var(--muted)}.compound-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.compound-grid div,.package-list article,.note-list article,.education-list article,.match-list article,.principle-list div{border:1px solid rgba(224,201,141,.86);border-radius:var(--radius);background:linear-gradient(180deg,#ffffffe6,#fff9e1e0);padding:12px}.compound-grid div{position:relative;overflow:hidden;box-shadow:inset 0 -3px color-mix(in srgb,var(--store-primary) 18%,transparent)}.compound-grid div:after{position:absolute;top:10px;right:10px;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--store-primary) 45%,transparent);border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--store-primary) 55%,transparent) 0 2px,transparent 3px),conic-gradient(from 30deg,transparent,color-mix(in srgb,var(--store-primary) 42%,transparent),transparent);opacity:.58;content:""}.compound-grid div:hover:after{opacity:.88;transform:rotate(18deg) scale(1.08)}.compound-grid span,.compound-grid strong{display:block}.compound-grid span{color:var(--muted);font-size:.72rem;font-weight:900}.compound-grid strong{margin-top:4px;font-size:1.08rem}.note-list article p,.education-list article p{margin:8px 0 10px;color:var(--muted);line-height:1.42}.lookup-form{grid-template-columns:minmax(0,1fr) auto;margin-bottom:12px}.match-list{margin-top:14px}.match-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.match-list span,.package-list span,.education-list span{display:block;margin-top:4px;color:var(--muted);font-size:.84rem;font-weight:700}.score{text-align:right}.score strong,.score span{display:block}.score strong{color:var(--blue)}.score span{color:var(--muted);font-size:.72rem;text-transform:capitalize}.principle-list div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}.principle-list svg{width:18px;height:18px;color:var(--gold)}.principle-list p{margin:0;color:var(--ink);line-height:1.42}.education-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.education-list article p{grid-column:1 / -1}.package-list{margin-bottom:14px}.package-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center}.package-list .status{grid-row:1 / span 2;grid-column:2}.accessibility-layout{align-items:start}.access-intro-panel{grid-column:1 / -1}.access-card{display:grid;gap:12px}.display-card{grid-column:1 / -1}.access-action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-row-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:1px solid rgba(224,201,141,.86);border-radius:var(--radius);background:linear-gradient(180deg,#fffef8,#fff3d5);color:var(--ink);padding:13px;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.action-row-button:hover{border-color:color-mix(in srgb,var(--store-primary) 62%,var(--line));box-shadow:0 8px 18px #12202314;transform:translateY(-1px)}.action-row-button span,.action-row-button strong{min-width:0;overflow-wrap:anywhere}.action-row-button span{font-weight:900}.action-row-button strong{border-radius:999px;border:1px solid #c7b978;background:linear-gradient(180deg,#fff8d5,#eadb9d);color:#2f2812;padding:5px 9px;font-size:.75rem}.action-row-button.active{border-color:var(--store-accent);background:var(--store-accent);color:var(--store-primary)}.action-row-button.active strong{background:var(--store-primary);color:var(--store-accent)}.store-stack{display:grid;gap:18px}.builder-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--store-primary) 22%,var(--line));padding-bottom:10px}.builder-head .panel-title{margin-bottom:0}.builder-title-stack{display:grid;gap:4px;min-width:0}.builder-title-stack span{color:var(--muted);font-size:.76rem;font-weight:780;line-height:1.25}.builder-actions{padding-top:2px;white-space:nowrap}.vibe-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-4px 0 14px}.vibe-pill{position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--store-primary) 48%,var(--line));border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--store-primary) 22%,white) 0 var(--vibe-level),rgba(255,255,255,.82) var(--vibe-level)),linear-gradient(180deg,#fffef7,#fff3ce);padding:10px 14px 10px 42px;box-shadow:0 10px 22px #23311a14,inset 0 1px #ffffffe0;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.vibe-pill:before{position:absolute;top:50%;left:13px;width:18px;height:18px;border:1px solid color-mix(in srgb,var(--store-accent) 48%,transparent);border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff 0 2px,transparent 3px),conic-gradient(from 40deg,var(--store-primary),var(--store-accent),var(--clay),var(--store-primary));content:"";transform:translateY(-50%)}.vibe-pill:after{position:absolute;right:14px;bottom:8px;width:28px;height:9px;border-radius:999px;background:color-mix(in srgb,var(--store-primary) 42%,transparent);content:"";filter:blur(6px);opacity:.5}.vibe-pill:hover{border-color:var(--store-primary);box-shadow:0 14px 30px color-mix(in srgb,var(--store-primary) 15%,transparent);transform:translateY(-1px)}.vibe-pill span,.vibe-pill strong{display:block;min-width:0;overflow-wrap:anywhere}.vibe-pill span{color:var(--gold-dark);font-size:.7rem;font-weight:950;text-transform:uppercase}.vibe-pill strong{margin-top:2px;color:var(--green-dark);font-size:.9rem;line-height:1.08}.deploy-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.deploy-actions .ghost-button,.deploy-actions .primary-button{min-height:42px}.pwa-builder-grid{--studio-frame-height: calc(100dvh - 20px) ;display:grid;grid-template-columns:minmax(380px,1fr) minmax(620px,2fr);gap:18px;align-items:stretch;min-height:0}.studio-column{display:grid;gap:16px;height:var(--studio-frame-height);max-height:var(--studio-frame-height);align-content:start;min-width:0;overflow-y:auto;padding-right:8px;overscroll-behavior:auto;scrollbar-color:color-mix(in srgb,var(--store-primary) 48%,var(--store-accent)) transparent;scrollbar-width:thin}.studio-column::-webkit-scrollbar{width:10px}.studio-column::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--store-surface) 54%,transparent)}.studio-column::-webkit-scrollbar-thumb{border:2px solid color-mix(in srgb,var(--store-surface) 70%,white);border-radius:999px;background:linear-gradient(180deg,var(--store-primary),color-mix(in srgb,var(--store-accent) 72%,var(--store-primary)))}.llm-panel,.direct-panel,.mockup-panel{display:grid;gap:12px;min-width:0}.llm-panel,.direct-panel{border:1px solid rgba(224,201,141,.94);border-radius:22px;background:radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--store-primary) 16%,transparent),transparent 24%),linear-gradient(180deg,#fffdf2,#fff5da);padding:14px;box-shadow:0 16px 34px #23311a1c}.llm-panel{background:radial-gradient(circle at 18% 78%,color-mix(in srgb,var(--store-primary) 18%,transparent),transparent 30%),linear-gradient(180deg,#fffef5,#fff1d1)}.direct-panel{background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--store-primary) 20%,transparent),transparent 28%),linear-gradient(180deg,#fffdf2,#fff6dd)}.mockup-panel{position:sticky;top:10px;display:grid;grid-template-rows:minmax(0,1fr);justify-items:center;align-self:start;height:var(--studio-frame-height);max-height:var(--studio-frame-height);overflow:hidden;border-radius:24px;padding:0;background:transparent}.llm-tone-note{position:relative;margin:-2px 0 0;border:1px solid color-mix(in srgb,var(--store-primary) 42%,var(--line));border-radius:16px;background:radial-gradient(circle at 6% 50%,color-mix(in srgb,var(--store-primary) 32%,transparent),transparent 20%),linear-gradient(90deg,#ffffffbd,#fff6cfdb);color:var(--green-dark);padding:10px 12px 10px 36px;font-size:.84rem;font-weight:850}.llm-tone-note:before{position:absolute;top:50%;left:13px;width:10px;height:10px;border-radius:50%;background:var(--store-primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--store-primary) 18%,transparent),0 0 18px color-mix(in srgb,var(--store-primary) 55%,transparent);content:"";transform:translateY(-50%)}.store-name-field{display:grid;gap:8px}.store-name-field input{border-color:color-mix(in srgb,var(--store-primary) 38%,var(--line));background:radial-gradient(circle at 97% 50%,color-mix(in srgb,var(--store-primary) 15%,transparent),transparent 28%),#fffc;color:var(--store-text);font-size:1rem;font-weight:900}.control-dial-mixer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid color-mix(in srgb,var(--store-primary) 34%,var(--line));border-radius:18px;background:linear-gradient(180deg,#ffffffb8,#fff4cfb8);padding:12px;box-shadow:inset 0 1px #ffffffd6}.control-dial-mixer-title{grid-column:1 / -1;color:var(--store-accent);font-size:.78rem;font-weight:950;text-transform:uppercase}.vibe-dial-control{--dial-angle: 0deg;--dial-progress: 50%;--dial-value: 50%;--dial-color: var(--store-primary);display:grid;min-width:0;justify-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--store-accent) 16%,var(--line));border-radius:16px;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.98),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--store-primary) 10%,white),#ffffff94);padding:10px 8px;box-shadow:0 10px 20px #23311a14,inset 0 1px #ffffffdb;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.vibe-dial-control:hover{border-color:color-mix(in srgb,var(--dial-color) 55%,var(--line));box-shadow:0 12px 24px color-mix(in srgb,var(--dial-color) 16%,transparent),inset 0 1px #ffffffe6;transform:translateY(-1px)}.vibe-dial-knob{position:relative;display:block;width:66px;height:66px;border:1px solid color-mix(in srgb,var(--store-accent) 32%,white);border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffffff 0 16%,transparent 17%),radial-gradient(circle at center,color-mix(in srgb,var(--store-surface) 82%,white) 0 42%,transparent 43%),conic-gradient(from 225deg,var(--dial-color) 0 var(--dial-progress),rgba(35,49,26,.14) var(--dial-progress) 76%,transparent 76%),linear-gradient(145deg,#f9f0d4,#d9c28a);box-shadow:inset 0 4px 10px #ffffffb8,inset 0 -8px 16px #23311a29,0 10px 16px color-mix(in srgb,var(--dial-color) 26%,transparent)}.vibe-dial-knob:after{position:absolute;top:13px;left:50%;width:4px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--store-accent) 78%,var(--dial-color));box-shadow:0 0 0 2px color-mix(in srgb,var(--dial-color) 32%,transparent);content:"";transform:translate(-50%) rotate(var(--dial-angle));transform-origin:50% 20px}.vibe-dial-copy{display:grid;gap:2px;justify-items:center;color:var(--muted);font-size:.7rem;font-weight:950;line-height:1;text-align:center;text-transform:uppercase}.vibe-dial-copy em{color:var(--dial-color);font-size:.95rem;font-style:normal;text-shadow:0 1px 0 rgba(255,255,255,.68)}.vibe-dial-stepper{display:grid;grid-template-columns:repeat(2,28px);gap:6px}.vibe-dial-stepper button{display:grid;width:28px;height:28px;place-items:center;border:1px solid color-mix(in srgb,var(--store-accent) 28%,var(--line));border-radius:999px;background:radial-gradient(circle at 40% 22%,#ffffff,transparent 42%),color-mix(in srgb,var(--dial-color) 26%,white);color:var(--store-accent);padding:0;font-size:1rem;font-weight:950;line-height:1}.vibe-dial-control input[type=range]{width:100%;height:24px;margin:0;appearance:none;background:transparent;accent-color:var(--dial-color)}.vibe-dial-control input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--dial-color) 0 var(--dial-value),color-mix(in srgb,var(--store-accent) 70%,white) var(--dial-value) 100%);box-shadow:inset 0 1px 2px #00000042,0 0 0 1px color-mix(in srgb,var(--dial-color) 22%,transparent)}.vibe-dial-control input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-6px;appearance:none;border:2px solid #fffdf2;border-radius:50%;background:radial-gradient(circle at 34% 24%,#ffffff 0 22%,transparent 23%),var(--dial-color);box-shadow:0 4px 10px #23311a47,0 0 0 3px color-mix(in srgb,var(--dial-color) 24%,transparent)}.vibe-dial-control input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--store-accent) 70%,white);box-shadow:inset 0 1px 2px #00000042}.vibe-dial-control input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:var(--dial-color)}.vibe-dial-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid #fffdf2;border-radius:50%;background:var(--dial-color);box-shadow:0 4px 10px #23311a47,0 0 0 3px color-mix(in srgb,var(--dial-color) 24%,transparent)}.proposal-card{display:grid;gap:7px;border:1px solid color-mix(in srgb,var(--store-primary) 58%,rgba(255,212,0,.6));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--store-primary) 10%,white),var(--surface-soft));padding:12px;box-shadow:inset 0 -4px color-mix(in srgb,var(--store-primary) 12%,transparent)}.proposal-card strong,.proposal-card span{display:block}.proposal-card span{color:var(--gold-dark);font-size:.78rem;font-weight:900;text-transform:uppercase}.proposal-card .proposal-state{width:fit-content;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;padding:4px 8px}.proposal-card .proposal-state.active{color:var(--green-dark)}.proposal-card .proposal-state.stale{color:#8b4c00}.proposal-card p{margin:0;color:var(--muted);line-height:1.42}.proposal-action{margin-top:2px}.proposal-action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.proposal-action.active:disabled{opacity:1;border-color:color-mix(in srgb,var(--green-dark) 32%,var(--line));background:color-mix(in srgb,var(--green-dark) 9%,white);color:var(--green-dark)}.copy-grid{display:grid;gap:10px}.copy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-workbench{position:relative;display:grid;gap:10px;min-height:0;border:1px solid color-mix(in srgb,var(--store-primary) 36%,rgba(224,201,141,.88));border-radius:20px;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--store-primary) 16%,transparent),transparent 30%),linear-gradient(180deg,#fffef6eb,#fff6dad1);padding:12px;overflow:hidden}.color-role-head{display:grid;gap:2px}.color-role-head strong{color:var(--store-accent);font-size:.86rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.color-role-head span{color:var(--muted);font-size:.86rem;line-height:1.35}.color-role-list{display:grid;gap:8px}.color-role-pill{position:relative;display:grid;gap:3px;min-height:58px;overflow:hidden;border:1px solid color-mix(in srgb,var(--role-color) 46%,var(--line));border-radius:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--role-color) 18%,white),#ffffffb8);color:var(--store-text);padding:10px 12px;text-align:left;box-shadow:inset 5px 0 color-mix(in srgb,var(--role-color) 82%,var(--store-accent)),0 10px 20px #23311a12;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.color-role-pill:not(:disabled):hover,.color-role-pill:not(:disabled):focus-visible,.color-role-pill.active{border-color:color-mix(in srgb,var(--role-color) 72%,var(--store-accent));box-shadow:inset 7px 0 color-mix(in srgb,var(--role-color) 90%,var(--store-primary)),0 12px 24px #23311a24,0 0 0 3px color-mix(in srgb,var(--role-color) 22%,transparent);transform:translateY(-1px)}.color-role-pill:disabled{cursor:not-allowed;opacity:.7;filter:grayscale(.72);border-color:color-mix(in srgb,#a8aba4 72%,var(--line));background:linear-gradient(90deg,#e8e8e0e0,#ffffffa3);color:color-mix(in srgb,var(--store-text) 64%,#777);box-shadow:inset 5px 0 #a8aba4,0 6px 14px #23311a0a;transform:none}.color-role-pill:disabled small{color:color-mix(in srgb,var(--store-text) 46%,#777)}.color-role-pill:disabled em{border-color:#b8b8ae;background:#f2f2ea;color:#4d504a}.color-role-pill.auditioning:not(:disabled):after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 28%,color-mix(in srgb,var(--role-color) 28%,white) 44%,transparent 62% 100%);content:"";opacity:.8;animation:role-sheen .9s linear infinite}.color-role-pill span,.color-role-pill small{position:relative;z-index:1}.color-role-pill span{font-weight:950}.color-role-pill small{color:color-mix(in srgb,var(--store-text) 64%,var(--muted));font-size:.81rem;line-height:1.25}.color-role-pill em{position:relative;z-index:1;width:fit-content;margin-top:3px;border:1px solid color-mix(in srgb,var(--role-color) 36%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--role-color) 12%,white);color:var(--store-accent);padding:3px 7px;font-size:.68rem;font-style:normal;font-weight:900}.color-cockpit-backdrop{position:fixed;z-index:10000;inset:0;display:block;background:transparent}.color-cockpit-backdrop:before{position:fixed;left:var(--color-cockpit-left);top:var(--color-cockpit-top);width:var(--color-cockpit-width);height:var(--color-cockpit-max-height);border-radius:22px;background:color-mix(in srgb,var(--store-surface) 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:""}.color-cockpit{position:fixed;z-index:1;left:var(--color-cockpit-left);top:var(--color-cockpit-top);display:grid;gap:12px;width:var(--color-cockpit-width);max-height:var(--color-cockpit-max-height);overflow-y:auto;border:1px solid color-mix(in srgb,var(--color-control-value) 46%,var(--store-accent));border-radius:20px;background:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--color-control-value) 22%,transparent),transparent 30%),linear-gradient(180deg,#fffdf4,#fff4d3);padding:13px;box-shadow:0 22px 42px #23311a38,inset 0 1px #ffffffe0}.color-cockpit-head{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:10px;align-items:start}.color-cockpit-head strong{display:block;color:var(--store-accent);font-size:1rem;font-weight:950}.color-cockpit-head span{display:block;color:var(--muted);font-size:.84rem;line-height:1.34}.icon-button{display:grid;width:38px;min-height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--color-control-value) 32%,var(--line));border-radius:999px;background:#fffdf6;color:var(--store-accent);padding:0}.icon-button svg{width:18px;height:18px}.color-cockpit-main{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:end}.color-native-picker{width:74px;height:74px;min-height:74px;border:1px solid color-mix(in srgb,var(--color-control-value) 48%,var(--line));border-radius:50%;background:var(--color-control-value);padding:5px;box-shadow:inset 0 2px 8px #ffffffd1,0 10px 20px #23311a24}.color-hex-field{display:grid;gap:5px;color:var(--muted);font-size:.78rem;font-weight:900}.color-hex-field input{min-height:48px;border-radius:999px;color:var(--store-text);font-weight:950}.color-axis-control{--axis-track: var(--color-hue-track);display:grid;grid-template-columns:58px minmax(0,1fr) 42px;gap:6px 10px;align-items:center;border:1px solid color-mix(in srgb,var(--color-control-value) 25%,var(--line));border-radius:18px;background:#ffffff8a;padding:8px}.color-axis-control.saturation{--axis-track: var(--color-saturation-track)}.color-axis-control.lightness{--axis-track: var(--color-lightness-track)}.color-axis-control label{color:var(--store-text);font-size:.82rem;font-weight:950}.color-axis-control>span:last-of-type{color:var(--store-accent);font-weight:950;text-align:right}.color-axis-dial{position:relative;display:block;grid-row:span 2;width:54px;height:54px;border:1px solid rgba(0,0,0,.34);border-radius:50%;background:radial-gradient(circle at center,var(--color-value) 0 29%,rgba(255,255,255,.92) 30% 32%,transparent 33%),conic-gradient(from 0deg,var(--axis-track));box-shadow:inset 0 2px 8px #ffffffb3,0 9px 17px #23311a2e,0 0 0 3px color-mix(in srgb,var(--color-control-value) 18%,transparent)}.color-axis-dial:after{position:absolute;top:4px;left:50%;width:4px;height:18px;border-radius:999px;background:#fffdf2;box-shadow:0 0 0 1px #00000061,0 2px 7px #0000003d;content:"";transform:translate(-50%) rotate(var(--color-hue-angle));transform-origin:50% 23px}.color-axis-dial.saturation:after{transform:translate(-50%) rotate(var(--color-saturation-angle))}.color-axis-dial.lightness:after{transform:translate(-50%) rotate(var(--color-lightness-angle))}.color-axis-slider{display:grid;grid-column:2 / -1;grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;align-items:center}.color-axis-slider button{display:grid;width:30px;height:30px;place-items:center;border:1px solid color-mix(in srgb,var(--color-control-value) 42%,var(--line));border-radius:999px;background:var(--color-control-value);color:var(--color-contrast);padding:0;font-size:1rem;font-weight:950;line-height:1;box-shadow:inset 0 0 0 1px #ffffff6b,0 0 0 1px #0000002e}.color-axis-slider input[type=range]{height:26px;margin:0;appearance:none;background:transparent;accent-color:var(--color-control-value)}.color-axis-slider input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--axis-track));box-shadow:inset 0 1px 2px #0000003d,0 0 0 1px #0000003d}.color-axis-slider input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-6px;appearance:none;border:2px solid var(--color-contrast);border-radius:50%;background:var(--color-control-value);box-shadow:0 4px 10px #23311a47,0 0 0 1px #00000061,0 0 0 4px #ffffffb8}.color-axis-slider input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--axis-track));box-shadow:inset 0 1px 2px #0000003d,0 0 0 1px #0000003d}.color-axis-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--color-contrast);border-radius:50%;background:var(--color-control-value);box-shadow:0 4px 10px #23311a47,0 0 0 1px #00000061,0 0 0 4px #ffffffb8}.color-reset-button{justify-self:start}.field-label{display:block;color:var(--muted);font-size:.78rem;font-weight:900}.preset-picker{position:relative;display:grid;gap:6px}.preset-picker-trigger{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:10px;align-items:center;width:100%;min-height:46px;border:1px solid color-mix(in srgb,var(--store-primary) 44%,var(--line));border-radius:999px;background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--store-primary) 20%,transparent),transparent 22%),linear-gradient(90deg,#fffdf6,color-mix(in srgb,var(--store-primary) 12%,white));color:var(--store-accent);padding:10px 13px 10px 16px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffffbd,0 8px 18px #23311a14}.preset-picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-picker-trigger svg{width:17px;height:17px;justify-self:end;color:var(--store-primary);transition:transform .18s ease}.preset-picker.open .preset-picker-trigger svg{transform:rotate(180deg)}.preset-picker-menu{position:absolute;z-index:12;right:0;bottom:calc(100% + 8px);left:0;display:grid;gap:6px;border:1px solid color-mix(in srgb,var(--store-primary) 48%,var(--store-accent));border-radius:18px;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--store-primary) 20%,transparent),transparent 32%),linear-gradient(180deg,#fffdf4,#fff2cc);padding:8px;box-shadow:0 22px 42px #23311a38,inset 0 1px #ffffffd6}.preset-picker-menu button{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:10px;align-items:center;min-height:40px;border:1px solid transparent;border-radius:13px;background:#ffffff70;color:var(--store-accent);padding:9px 10px;text-align:left;font-weight:900}.preset-picker-menu button:hover,.preset-picker-menu button.selected{border-color:color-mix(in srgb,var(--store-primary) 44%,var(--line));background:color-mix(in srgb,var(--store-primary) 18%,white)}.llm-panel textarea,.direct-panel textarea{min-height:112px;border-color:color-mix(in srgb,var(--store-primary) 30%,var(--line));background:linear-gradient(180deg,#fffffffa,#fffaeaf5)}.upload-control{position:relative;display:inline-grid;width:fit-content;grid-template-columns:18px auto;gap:8px;align-items:center;border:1px solid color-mix(in srgb,var(--store-accent) 18%,var(--line));border-radius:999px;background:linear-gradient(180deg,#fffef8,#fff2d4);color:var(--ink);padding:10px 12px}.upload-control svg{width:18px;height:18px}.upload-control input{position:absolute;inset:0;opacity:0;cursor:pointer}.hero-copy-review{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border:1px solid color-mix(in srgb,var(--store-primary) 32%,var(--line));border-radius:18px;background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--store-primary) 12%,transparent),transparent 28%),linear-gradient(180deg,#ffffffd6,#fff5d4c7);padding:12px}.hero-copy-review.pending{border-color:color-mix(in srgb,var(--red) 42%,var(--line));background:radial-gradient(circle at 92% 12%,rgba(255,95,162,.1),transparent 28%),linear-gradient(180deg,#fff8fb,#fff2d7)}.hero-copy-review strong,.hero-copy-review span{display:block}.hero-copy-review strong{color:var(--store-accent);font-size:.86rem}.hero-copy-review span{max-width:430px;margin-top:2px;color:var(--muted);font-size:.78rem;line-height:1.35}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#0710089e;padding:24px}.deploy-review-dialog{display:grid;width:min(560px,100%);gap:14px;border:1px solid color-mix(in srgb,var(--store-primary) 38%,rgba(255,255,255,.4));border-radius:24px;background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--store-primary) 24%,transparent),transparent 28%),linear-gradient(180deg,#fffef8,#fff1cd);padding:20px;box-shadow:0 30px 90px #00000061,inset 0 1px #ffffffe6}.deploy-review-dialog p{margin:0;color:var(--ink);line-height:1.48}.deploy-review-dialog>strong{border:1px solid color-mix(in srgb,var(--red) 28%,var(--line));border-radius:16px;background:#fff8ec;color:#7a3a00;padding:10px 12px;font-size:.86rem;line-height:1.35}.deploy-review-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}button:disabled{cursor:not-allowed;opacity:.62}.pwa-live-frame-shell{position:relative;display:grid;aspect-ratio:9 / 19.5;width:auto;max-width:100%;height:100%;min-height:0;overflow:hidden;place-items:center;border:1px solid #050505;border-radius:50px;background:#050505;padding:10px;box-shadow:0 30px 70px #00000057,0 0 0 1px #ffffff14,inset 0 0 0 2px #ffffff0d,inset 0 -18px 34px #000000b8}.pwa-live-frame-shell.energy-calm,.pwa-live-frame-shell.energy-electric_yellow{filter:none;box-shadow:0 30px 70px #00000057,0 0 0 1px #ffffff14,inset 0 0 0 2px #ffffff0d,inset 0 -18px 34px #000000b8}.pwa-live-frame-shell:before{position:absolute;z-index:3;top:8px;left:50%;width:104px;height:19px;border-radius:0 0 16px 16px;background:radial-gradient(circle at 76% 42%,#282828 0 4px,#050505 5px 7px,transparent 8px),linear-gradient(180deg,#050505,#151515);box-shadow:inset 0 -1px #ffffff1f,0 4px 10px #00000052;content:"";pointer-events:none;transform:translate(-50%)}.pwa-live-frame-shell:after{position:absolute;z-index:3;right:-2px;top:172px;width:4px;height:72px;border-radius:999px;background:#161616;content:"";pointer-events:none}.pwa-live-frame-shell iframe{position:relative;z-index:1;width:100%;height:100%;border:0;border-radius:40px;background:#fffef6;box-shadow:0 0 0 1px #ffffff26,inset 0 0 0 1px #0000004d}@keyframes icon-bop{0%{transform:translateY(0) rotate(0) scale(1)}45%{transform:translateY(-3px) rotate(-8deg) scale(1.14)}to{transform:translateY(-2px) rotate(-7deg) scale(1.12)}}@keyframes button-glint{0%{left:-42%;opacity:0}28%{opacity:.75}to{left:112%;opacity:0}}@keyframes role-sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media(max-width:1180px){html,body,#root{min-width:900px}.app-shell{grid-template-columns:236px minmax(0,1fr)}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-grid.two,.panel-grid.store-layout,.pwa-builder-grid{grid-template-columns:minmax(0,1fr)}}