:root{--bg-root:#1c1c22;--bg-base:#22222a;--bg-surface:#292932;--bg-elevated:#31313c;--bg-overlay:#383844;--bg-tooltip:#40404e;--text-primary:#e8e8ed;--text-secondary:#b8b8c2;--text-muted:#80808a;--text-dim:#5c5c66;--text-inverse:#09090b;--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.16);--border-accent:rgba(139,92,246,0.35);--brand-50:#f5f3ff;--brand-100:#ede9fe;--brand-200:#ddd6fe;--brand-300:#c4b5fd;--brand-400:#a78bfa;--brand-500:#8b5cf6;--brand-600:#7c3aed;--brand-700:#6d28d9;--brand-800:#5b21b6;--brand-900:#4c1d95;--accent:var(--brand-500);--accent-light:var(--brand-400);--accent-dark:var(--brand-600);--accent-glow:rgba(139,92,246,0.20);--success:#22c55e;--success-bg:rgba(34,197,94,0.10);--warning:#f59e0b;--warning-bg:rgba(245,158,11,0.10);--danger:#ef4444;--danger-bg:rgba(239,68,68,0.10);--tone-0:#f97316;--tone-0-bg:rgba(249,115,22,0.12);--tone-1:#22c55e;--tone-1-bg:rgba(34,197,94,0.12);--tone-2:#ef4444;--tone-2-bg:rgba(239,68,68,0.12);--tone-3:#a855f7;--tone-3-bg:rgba(168,85,247,0.12);--tone-4:#3b82f6;--tone-4-bg:rgba(59,130,246,0.12);--tone-5:#14b8a6;--tone-5-bg:rgba(20,184,166,0.12);--tone-6:#eab308;--tone-6-bg:rgba(234,179,8,0.12);--tone-7:#f43f5e;--tone-7-bg:rgba(244,63,94,0.12);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 2px 4px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.5);--shadow-lg:0 12px 32px rgba(0,0,0,0.6);--shadow-xl:0 24px 56px rgba(0,0,0,0.7);--shadow-glow-brand:0 0 24px rgba(139,92,246,0.25);--shadow-glow-brand-sm:0 0 12px rgba(139,92,246,0.18);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;--ease-fast:0.15s ease;--ease-out:0.2s ease;--ease-smooth:0.25s cubic-bezier(0.4,0,0.2,1);--ease-spring:0.4s cubic-bezier(0.34,1.56,0.64,1);--rail-width:260px;--content-max:1200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-root);color:var(--text-primary);font-feature-settings:"cv02","cv03","cv04","cv11";line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18)}::selection{background:rgba(139,92,246,.3);color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;position:relative;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(139,92,246,.1),transparent),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(168,85,247,.05),transparent),var(--bg-root)}.login-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 0);background-size:64px 64px;pointer-events:none;z-index:0}.login-card{width:min(420px,100%);padding:44px 40px 36px;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--bg-surface);box-shadow:var(--shadow-xl),0 0 0 1px rgba(255,255,255,.03);position:relative;z-index:1;animation:login-enter .5s cubic-bezier(.16,1,.3,1) both}@keyframes login-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary)}.login-brand b{color:var(--accent-light);font-weight:700}.login-logo{border-radius:var(--radius-sm)}.login-lock{width:64px;height:64px;margin:36px auto 24px;display:grid;place-items:center;border-radius:50%;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2)}.login-hero-logo,.login-lock img{border-radius:50%}.login-hero-logo{width:100%;height:100%;object-fit:cover}.login-kicker{display:block;text-align:center;color:var(--accent-light);text-transform:uppercase;letter-spacing:2.5px;font-size:10px;font-weight:700}.login-card h1{margin:8px 0 10px;font-family:var(--font-serif);font-size:34px;font-weight:400;line-height:1.08;letter-spacing:-1.2px;color:var(--text-primary);text-align:center}.login-card>p{margin:0 0 6px;color:var(--text-muted);font-size:13px;line-height:1.6;text-align:center}.login-card form{margin-top:24px;display:grid;grid-gap:10px;gap:10px}.login-card label{color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.login-password-field{position:relative;display:flex;align-items:center}.login-card input{width:100%;height:48px;padding:0 44px 0 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-root);color:var(--text-primary);font-size:17px;letter-spacing:2px;transition:border-color var(--ease-out),box-shadow var(--ease-out)}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.15)}.login-card input::placeholder{color:var(--text-dim)}.login-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--ease-out)}.login-password-toggle:hover{color:var(--text-primary);background:rgba(255,255,255,.06)}.login-card form button{min-height:48px;margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);color:#fff;background:var(--accent);font-size:13px;font-weight:600;letter-spacing:.2px;transition:all var(--ease-out)}.login-card form button:hover:not(:disabled){background:var(--accent-dark);box-shadow:var(--shadow-glow-brand)}.login-card form button:active:not(:disabled){transform:scale(.98)}.login-card form button:disabled{cursor:wait;opacity:.5}.login-error{padding:10px 12px;border-radius:var(--radius-sm);color:#fca5a5;background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);font-size:11px;display:flex;align-items:center;gap:8px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.login-signature{margin-top:20px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.login-card small,.login-signature{text-align:center;color:var(--text-dim)}.login-card small{margin-top:18px;display:block;font-size:10px}.app-shell{align-items:stretch;background:var(--bg-root)}.app-rail,.app-shell{min-height:100vh;display:flex}.app-rail{width:var(--rail-width);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;flex-direction:column;padding:20px 14px 16px;background:var(--bg-base);border-right:1px solid var(--border-subtle);z-index:40}.rail-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 16px;margin-bottom:4px;border-bottom:1px solid var(--border-subtle);transition:opacity var(--ease-out)}.rail-brand:hover{opacity:.85}.rail-brand-mark{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));box-shadow:var(--shadow-glow-brand-sm);overflow:hidden}.rail-brand-mark img{width:100%;height:100%;object-fit:cover}.rail-brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.rail-brand-text b{font-family:var(--font-serif);font-size:15px;font-weight:400;color:var(--text-primary);letter-spacing:-.2px}.rail-brand-text small{color:var(--text-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.rail-context{margin:10px 0 16px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.rail-context-eyebrow{display:block;color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.rail-context-head{margin-top:8px;display:flex;align-items:center;gap:10px}.rail-context-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--niche-color,var(--accent));font-size:18px}.rail-context-head b{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.rail-context-head small{display:block;margin-top:1px;color:var(--text-muted);font-size:10px;font-weight:600}.rail-context p{margin:12px 0 0;color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.4}.rail-context-meta{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.rail-context-meta span{padding:4px 8px;border-radius:var(--radius-full);background:rgba(255,255,255,.05);color:var(--text-muted);font-size:9px;font-weight:700}.niche-switcher{display:grid;grid-gap:6px;gap:6px;padding:4px 0 14px;margin-bottom:14px;border-bottom:1px solid var(--border-subtle)}.niche-switcher-label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim);padding:2px 2px 6px}.niche-switcher button{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;transition:all var(--ease-out)}.niche-switcher button:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.niche-switcher button.active{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.25);color:var(--text-primary)}.niche-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.niche-label{flex:1 1;text-align:left}.niche-count{padding:1px 7px;border-radius:var(--radius-full);background:rgba(255,255,255,.06);color:var(--text-muted);font-size:10px;font-weight:700}.rail-nav{display:grid;grid-gap:5px;gap:5px}.rail-nav a{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;transition:all var(--ease-out)}.rail-nav a:hover{color:var(--text-primary);background:rgba(255,255,255,.04)}.rail-nav a.active{color:var(--text-primary);background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2)}.rail-spacer{flex:1 1}.rail-foot{display:grid;grid-gap:8px;gap:8px;padding-top:12px;border-top:1px solid var(--border-subtle)}.rail-stat{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-muted);font-weight:500}.online-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 6px rgba(34,197,94,.5)}.twofa-widget{position:relative}.twofa-trigger{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;font-weight:500;transition:all var(--ease-out)}.twofa-trigger.active,.twofa-trigger:hover{color:var(--text-primary);background:rgba(255,255,255,.04);border-color:var(--border-default)}.twofa-panel{position:fixed;bottom:100px;left:270px;width:320px;padding:20px;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--bg-overlay);box-shadow:var(--shadow-xl);z-index:100;animation:panel-in .2s ease}@keyframes panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.twofa-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.twofa-panel header b{display:block;font-size:14px;font-weight:600}.twofa-panel header small{display:block;color:var(--text-muted);font-size:10px}.twofa-panel header button{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--text-muted);font-size:18px;transition:all var(--ease-out)}.twofa-panel header button:hover{background:rgba(255,255,255,.06);color:var(--text-primary)}.twofa-secret-field{display:block;margin-bottom:14px}.twofa-secret-field span{display:block;margin-bottom:5px;color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase}.twofa-secret-field div{display:flex;gap:4px}.twofa-secret-field input{flex:1 1;height:36px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-root);color:var(--text-primary);font-size:12px;font-family:monospace}.twofa-secret-field input:focus{border-color:var(--accent)}.twofa-secret-field div>button{padding:0 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:10px;font-weight:600;background:var(--bg-surface)}.twofa-secret-field div>button:hover{color:var(--text-primary)}.twofa-code-card{gap:14px;margin-bottom:12px}.twofa-code,.twofa-code-card{display:flex;align-items:center}.twofa-code{flex:1 1;height:60px;flex-direction:column;justify-content:center;gap:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-root);font-size:26px;font-weight:700;font-family:monospace;letter-spacing:4px;color:var(--text-dim);transition:all var(--ease-out)}.twofa-code.ready{color:var(--text-primary);border-color:rgba(139,92,246,.3)}.twofa-code small{font-family:inherit;font-size:9px;letter-spacing:0;font-weight:500;color:var(--text-muted)}.twofa-timer{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--twofa-angle,0deg),rgba(255,255,255,.06) 0deg);font-size:14px;font-weight:700;color:var(--text-primary)}.twofa-error{display:flex;align-items:center;gap:6px;color:#fca5a5;font-size:10px;margin-bottom:10px}.twofa-panel footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-subtle)}.twofa-panel footer p{color:var(--text-dim);font-size:9px;display:flex;align-items:center;gap:4px}.twofa-panel footer button{padding:4px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:10px;font-weight:600;background:rgba(255,255,255,.04)}.twofa-panel footer button:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.twofa-panel footer button:disabled{opacity:.3;cursor:default}.logout-button{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-dim);font-size:11px;font-weight:500;transition:all var(--ease-out)}.logout-button:hover{color:var(--danger);background:var(--danger-bg);border-color:rgba(239,68,68,.15)}.app-content{flex:1 1;min-width:0;display:flex;flex-direction:column}.panel-commandbar{display:flex;align-items:center;gap:20px;padding:14px 28px;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-commandbar-title{display:flex;align-items:center;gap:14px;flex:1 1;min-width:0}.panel-status-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.15);color:var(--success);font-size:10px;font-weight:700;white-space:nowrap}.panel-status-chip i{width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 4px var(--success)}.panel-breadcrumb{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:10px;font-weight:600}.panel-commandbar-title h2{font-family:var(--font-serif);font-size:20px;font-weight:400;letter-spacing:-.4px;color:var(--text-primary)}.panel-commandbar-title p{color:var(--text-muted);font-size:11px}.panel-commandbar-focus{display:flex;align-items:center;gap:10px;padding:6px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.panel-focus-art{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);font-size:16px}.panel-commandbar-focus small{display:block;color:var(--text-dim);font-size:9px;font-weight:600;text-transform:uppercase}.panel-commandbar-focus b{font-size:12px;font-weight:600}.panel-commandbar-focus span{display:block;color:var(--text-muted);font-size:10px}.panel-commandbar-actions{display:flex;gap:8px}.panel-commandbar-actions button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:500;transition:all var(--ease-out)}.panel-commandbar-actions button:hover{background:rgba(255,255,255,.04);border-color:var(--border-strong);color:var(--text-primary)}.catalog-hero{padding:48px 32px 36px;border-bottom:1px solid var(--border-subtle)}.catalog-hero .overline{display:block;color:var(--accent-light);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.catalog-hero h1{font-family:var(--font-serif);font-size:40px;font-weight:400;line-height:1.1;letter-spacing:-1.5px;color:var(--text-primary);margin-bottom:12px}.catalog-hero h1 em{font-style:italic;color:var(--accent-light)}.catalog-hero p{color:var(--text-muted);font-size:14px;max-width:540px;line-height:1.6}.hero-stats{display:flex;gap:32px;margin-top:24px}.hero-stats div{display:flex;flex-direction:column;gap:2px}.hero-stats b{font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--text-primary)}.hero-stats span{color:var(--text-dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.catalog-tools{gap:16px;padding:16px 32px;border-bottom:1px solid var(--border-subtle)}.catalog-tools,.search-box{display:flex;align-items:center}.search-box{flex:1 1;max-width:400px;gap:10px;padding:0 14px;height:40px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);transition:all var(--ease-out)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.search-box svg{color:var(--text-dim);flex-shrink:0}.search-box input{flex:1 1;border:none;background:none;outline:none;color:var(--text-primary);font-size:13px}.search-box input::placeholder{color:var(--text-dim)}.search-box kbd{padding:1px 6px;border-radius:var(--radius-xs);background:rgba(255,255,255,.06);color:var(--text-dim);font-size:10px;font-family:inherit}.quick-filters{display:flex;gap:6px;flex-wrap:wrap}.quick-filters button{padding:5px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);font-size:11px;font-weight:500;transition:all var(--ease-out)}.quick-filters button:hover{color:var(--text-primary);border-color:var(--border-default);background:rgba(255,255,255,.03)}.quick-filters button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.surprise-band{justify-content:space-between;padding:20px 32px;margin:0 32px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface)}.surprise-band,.surprise-copy{display:flex;align-items:center}.surprise-copy{gap:14px}.surprise-icon{font-size:28px}.surprise-copy b{font-size:14px;font-weight:600;color:var(--text-primary)}.surprise-copy p{color:var(--text-muted);font-size:12px;margin-top:2px}.main-layout{display:flex;gap:0;padding:24px 32px 48px}.category-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;position:-webkit-sticky;position:sticky;top:80px;align-self:flex-start}.sidebar-title{display:flex;align-items:center;gap:6px;padding:0 0 8px 6px;color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.category-list{display:grid;grid-gap:3px;gap:3px}.category-list button{display:flex;align-items:center;gap:9px;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;text-align:left;transition:all var(--ease-out)}.category-list button:hover{background:rgba(255,255,255,.03);color:var(--text-primary)}.category-list button.active{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.18);color:var(--text-primary)}.cat-icon{font-size:15px;width:22px;text-align:center}.cat-name{flex:1 1}.category-list button em{color:var(--text-dim);font-size:10px;font-weight:700;font-style:normal}.sidebar-mini-section{margin-top:16px}.sidebar-mini-list{display:grid;grid-gap:2px;gap:2px}.sidebar-mini-list button{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;transition:all var(--ease-out);text-align:left;width:100%}.sidebar-mini-list button:hover{background:rgba(255,255,255,.03);color:var(--text-primary)}.mini-icon{font-size:13px}.mini-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-card{margin-top:20px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.sidebar-card b{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin:6px 0 4px}.sidebar-card p{color:var(--text-muted);font-size:10px;line-height:1.5;margin-bottom:10px}.sidebar-card button{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--accent-light);font-size:10px;font-weight:600;transition:all var(--ease-out)}.sidebar-card button:hover{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3)}.catalog-area{flex:1 1;min-width:0}.catalog-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;padding-left:24px}.catalog-heading span{color:var(--text-dim);font-size:11px;font-weight:600}.catalog-heading h2{font-size:18px;font-weight:600;color:var(--text-primary)}.catalog-heading p{color:var(--text-muted);font-size:11px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px;padding-left:24px}.recipe-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);overflow:hidden;cursor:pointer;transition:all var(--ease-smooth)}.recipe-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.recipe-card.active{border-color:rgba(139,92,246,.4);box-shadow:0 0 0 1px rgba(139,92,246,.2),var(--shadow-md)}.card-art{position:relative;height:130px;display:grid;place-items:center;overflow:hidden}.card-art.tone-0{background:linear-gradient(135deg,#2d1a0a,#1a0d04)}.card-art.tone-1{background:linear-gradient(135deg,#0a2d1a,#041a0d)}.card-art.tone-2{background:linear-gradient(135deg,#2d0a0a,#1a0404)}.card-art.tone-3{background:linear-gradient(135deg,#1a0a2d,#0d041a)}.card-art.tone-4{background:linear-gradient(135deg,#0a1a2d,#040d1a)}.card-art.tone-5{background:linear-gradient(135deg,#0a2d2d,#041a1a)}.card-art.tone-6{background:linear-gradient(135deg,#2d2a0a,#1a1a04)}.card-art.tone-7{background:linear-gradient(135deg,#2d0a1a,#1a040d)}.food-mark{font-size:48px;opacity:.7}.time-chip{right:10px;display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-full);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:600}.card-badges,.time-chip{position:absolute;top:10px;gap:4px}.card-badges{left:10px;display:flex}.card-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.badge-vegan{background:rgba(34,197,94,.2);color:#4ade80}.badge-quick{background:rgba(59,130,246,.2);color:#60a5fa}.badge-favorite{background:rgba(239,68,68,.2);color:#f87171}.heart-button{position:absolute;bottom:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:rgba(255,255,255,.5);transition:all var(--ease-out)}.heart-button:hover{color:#f87171;background:rgba(0,0,0,.55)}.heart-button.favorite{color:#f87171}.card-copy{padding:14px}.eyebrow-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.eyebrow-row>span{color:var(--text-dim);font-size:10px;font-weight:600}.published-dot{display:inline-flex;align-items:center;gap:4px;color:var(--success);font-size:9px;font-weight:600}.published-dot i{width:5px;height:5px;border-radius:50%;background:var(--success)}.card-copy h3{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:4px}.card-copy p{color:var(--text-muted);font-size:11px;line-height:1.5}.load-more{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:24px;padding:16px;border:1px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-muted);font-size:12px;font-weight:500;transition:all var(--ease-out)}.load-more span{color:var(--text-dim);font-size:10px}.load-more:hover{border-color:var(--border-strong);color:var(--text-primary);background:rgba(255,255,255,.02)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center}.empty-state span{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.empty-state p{color:var(--text-muted);font-size:13px;margin-bottom:16px}.empty-state button{padding:8px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;transition:all var(--ease-out)}.empty-state button:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.studio-director{padding:40px 32px 28px;border-bottom:1px solid var(--border-subtle)}.studio-director .overline{display:block;color:var(--accent-light);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.studio-director h1{font-family:var(--font-serif);font-size:36px;font-weight:400;line-height:1.1;letter-spacing:-1.2px;color:var(--text-primary);margin-bottom:10px}.studio-director h1 em{font-style:italic;color:var(--accent-light)}.studio-director>div>p{color:var(--text-muted);font-size:13px;max-width:520px;line-height:1.6}.studio-picker{display:flex;align-items:center;gap:16px;margin-top:24px;padding:14px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface)}.studio-picker label{display:flex;flex-direction:column;gap:4px}.studio-picker label span{color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase}.studio-picker select{min-width:200px;height:36px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-root);color:var(--text-primary);font-size:13px;cursor:pointer}.studio-picker select:focus{border-color:var(--accent)}.picker-art{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);font-size:18px}.studio-picker p b{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.studio-picker p{color:var(--text-muted);font-size:10px}.studio-picker-actions{margin-left:auto}.studio-back-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:500;transition:all var(--ease-out)}.studio-back-link:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.studio-picker-enhanced{flex-wrap:wrap}.studio-picker-preview{display:flex;align-items:center;gap:10px}.workspace{padding:0 32px 48px}.workspace.studio-standalone{padding-top:32px}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px;border-bottom:1px solid var(--border-subtle);margin-bottom:28px}.workspace-header .overline{display:block;color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.workspace-header h2{font-family:var(--font-serif);font-size:24px;font-weight:400;letter-spacing:-.6px;color:var(--text-primary)}.workspace-tabs{display:flex;gap:4px;background:var(--bg-surface);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.workspace-tabs a,.workspace-tabs button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;font-weight:500;transition:all var(--ease-out)}.workspace-tabs a:hover,.workspace-tabs button:hover{color:var(--text-primary);background:rgba(255,255,255,.04)}.workspace-tabs a.active,.workspace-tabs button.active{color:var(--text-primary);background:rgba(139,92,246,.12)}.workspace-tabs a span,.workspace-tabs button span{padding:1px 6px;border-radius:var(--radius-full);background:rgba(255,255,255,.06);font-size:9px;font-weight:700}.tab-panel{animation:tab-enter .25s ease}@keyframes tab-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.primary-button{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:12px;font-weight:600;letter-spacing:.1px;transition:all var(--ease-out)}.primary-button:hover{background:var(--accent-dark);box-shadow:var(--shadow-glow-brand)}.primary-button:active{transform:scale(.98)}.primary-button.large{padding:12px 24px;font-size:14px;border-radius:var(--radius-lg)}.secondary-button{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;transition:all var(--ease-out)}.secondary-button:hover{background:rgba(255,255,255,.04);border-color:var(--border-strong);color:var(--text-primary)}.recipe-content{animation:tab-enter .25s ease}.action-band{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);margin-bottom:28px;flex-wrap:wrap}.action-band>div:first-child span{display:block;color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase}.action-band>div:first-child b{display:block;color:var(--text-primary);font-size:13px;font-weight:600}.recipe-intro{display:flex;gap:24px;margin-bottom:28px}.recipe-intro>div:first-child{flex:1 1}.section-kicker{display:block;color:var(--accent-light);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px}.recipe-intro h2{font-family:var(--font-serif);font-size:32px;font-weight:400;letter-spacing:-1px;color:var(--text-primary);margin-bottom:10px}.recipe-intro p{color:var(--text-muted);font-size:14px;line-height:1.7}.detail-art{width:100px;height:100px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-xl);font-size:48px}.meta-strip{display:flex;gap:12px;flex-wrap:wrap;padding:14px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);margin-bottom:28px}.meta-strip>div{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid var(--border-subtle)}.meta-strip>div:last-child{border-right:none}.meta-strip svg{color:var(--text-dim)}.rating-star{color:#f59e0b;font-size:16px}.meta-strip b{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.meta-strip span{font-size:10px;color:var(--text-dim)}.recipe-columns{display:grid;grid-template-columns:1fr 1.6fr;grid-gap:24px;gap:24px;margin-bottom:24px}.ingredient-panel,.steps-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);overflow:hidden}.panel-title{justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.panel-title,.panel-title>div{display:flex;align-items:center}.panel-title>div{gap:10px}.panel-title>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:11px;font-weight:700}.panel-title h3{font-size:14px;font-weight:600;color:var(--text-primary)}.panel-title>span{color:var(--text-dim);font-size:10px;font-weight:600}.ingredient-panel ul{list-style:none;padding:14px 20px;display:grid;grid-gap:6px;gap:6px}.ingredient-panel li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.empty-check{width:16px;height:16px;flex-shrink:0;border:1.5px solid var(--border-default);border-radius:var(--radius-xs)}.steps-panel ol{list-style:none;padding:14px 20px;display:grid;grid-gap:10px;gap:10px}.steps-panel li{display:flex;gap:12px}.steps-panel li>span{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:rgba(139,92,246,.12);color:var(--accent-light);font-size:11px;font-weight:700;margin-top:1px}.steps-panel li p{font-size:13px;color:var(--text-secondary);line-height:1.6;flex:1 1}.tip-box{display:flex;gap:14px;padding:18px 20px;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-xl);background:var(--warning-bg)}.tip-box svg{color:var(--warning);margin-top:2px;flex-shrink:0}.tip-box b{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.tip-box p{color:var(--text-secondary);font-size:12px;line-height:1.6}.campaign-content{animation:tab-enter .25s ease}.campaign-hero{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);margin-bottom:24px}.campaign-orb{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:rgba(139,92,246,.12);color:var(--accent-light);flex-shrink:0}.campaign-hero>div{flex:1 1}.campaign-hero h2{font-family:var(--font-serif);font-size:24px;font-weight:400;letter-spacing:-.6px;color:var(--text-primary);margin:4px 0 6px}.campaign-hero>div>p{color:var(--text-muted);font-size:12px}.campaign-settings{display:flex;gap:14px;align-items:flex-end;padding:16px 20px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);margin-bottom:24px}.campaign-settings label{display:flex;flex-direction:column;gap:5px}.campaign-settings label span{color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase}.campaign-settings input{height:36px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-root);color:var(--text-primary);font-size:13px;width:180px}.campaign-settings input:focus{border-color:var(--accent)}.limit-note{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--text-dim);font-size:10px}.limit-note svg{color:var(--success)}.asset-layout{display:grid;grid-gap:24px;gap:24px}.asset-section{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);overflow:hidden}.asset-section.wide-asset{grid-column:1/-1}.asset-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.asset-heading>div{display:flex;align-items:center;gap:12px}.asset-heading h3{font-size:14px;font-weight:600;color:var(--text-primary)}.asset-heading p{color:var(--text-muted);font-size:10px;margin-top:1px}.number-badge{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:13px;font-weight:700}.number-badge.coral{background:#f97316}.number-badge.plum{background:#a855f7}.valid-pill{background:rgba(34,197,94,.1);color:var(--success)}.format-pill,.valid-pill{padding:3px 10px;border-radius:var(--radius-full);font-size:9px;font-weight:700}.format-pill{background:rgba(168,85,247,.12);color:#c084fc}.asset-list{display:grid;grid-gap:4px;gap:4px;padding:8px}.asset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;text-align:left;transition:all var(--ease-out)}.asset-row:hover{background:rgba(255,255,255,.03);border-color:var(--border-subtle);color:var(--text-primary)}.char-count{flex-shrink:0;color:var(--text-dim);font-size:10px;font-weight:600;font-family:monospace}.char-count.at-limit{color:var(--warning)}.keyword-section{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);padding:20px}.keyword-section>div{display:flex;align-items:center;gap:12px;margin-bottom:14px}.keyword-section h3{font-size:14px;font-weight:600;color:var(--text-primary)}.keyword-section p{color:var(--text-muted);font-size:10px;margin-top:1px}.keyword-cloud{display:flex;flex-wrap:wrap;gap:6px}.keyword-cloud button{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:11px;font-weight:500;transition:all var(--ease-out)}.keyword-cloud button:hover{background:rgba(255,255,255,.04);border-color:var(--border-strong);color:var(--text-primary)}.youtube-campaign-content{animation:tab-enter .25s ease}.youtube-campaign-hero{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);margin-bottom:24px}.youtube-campaign-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:rgba(239,68,68,.1);color:#ef4444;flex-shrink:0}.youtube-campaign-hero>div{flex:1 1}.youtube-campaign-hero h2{font-family:var(--font-serif);font-size:24px;font-weight:400;letter-spacing:-.6px;color:var(--text-primary);margin:4px 0 6px}.youtube-campaign-hero>div>p{color:var(--text-muted);font-size:12px}.youtube-headline-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);overflow:hidden;margin-bottom:24px}.youtube-section-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.youtube-section-heading>div{display:flex;align-items:center;gap:12px}.youtube-section-heading h3{font-size:14px;font-weight:600;color:var(--text-primary)}.youtube-section-heading p{color:var(--text-muted);font-size:10px;margin-top:1px}.youtube-headline-list{padding:8px;display:grid;grid-gap:4px;gap:4px}.shorts-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);overflow:hidden}.shorts-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.shorts-panel-heading>div{display:flex;align-items:center;gap:12px}.youtube-dot{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(239,68,68,.1);color:#ef4444;flex-shrink:0}.shorts-panel-heading h3{font-size:14px;font-weight:600;color:var(--text-primary)}.shorts-panel-heading p{color:var(--text-muted);font-size:10px;margin-top:1px}.shorts-panel-heading>button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:500;transition:all var(--ease-out)}.shorts-panel-heading>button:hover:not(:disabled){background:rgba(255,255,255,.04);color:var(--text-primary)}.shorts-panel-heading>button:disabled{opacity:.5;cursor:wait}.shorts-loading{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;padding:20px}.shorts-loading span{aspect-ratio:9/16;border-radius:var(--radius-lg);background:rgba(255,255,255,.03);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.shorts-error{display:flex;align-items:center;gap:14px;padding:20px;color:#fca5a5}.shorts-error b{display:block;font-size:13px}.shorts-error p{font-size:11px;margin-top:2px;opacity:.8}.shorts-error a{margin-left:auto;display:inline-flex;gap:5px;padding:6px 14px;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:#fca5a5;font-weight:500;white-space:nowrap}.shorts-error a,.shorts-warning{align-items:center;font-size:11px}.shorts-warning{display:flex;gap:8px;padding:10px 20px;background:var(--warning-bg);border-bottom:1px solid rgba(245,158,11,.15);color:var(--warning)}.shorts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px;padding:20px}.shorts-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-root);transition:all var(--ease-out)}.shorts-card:hover{border-color:var(--border-strong)}.shorts-preview{display:block;position:relative;aspect-ratio:9/16;background:var(--bg-elevated);overflow:hidden}.shorts-preview img{width:100%;height:100%;object-fit:cover}.shorts-preview span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity var(--ease-out)}.shorts-preview:hover span{opacity:1}.shorts-card-copy{padding:10px 12px}.shorts-card-copy small{color:var(--text-dim);font-size:9px;font-weight:700}.shorts-card-copy h3{font-size:11px;font-weight:600;color:var(--text-primary);margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shorts-card-copy p{color:var(--text-dim);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shorts-card-actions{display:flex;gap:6px;padding:0 12px 10px}.shorts-card-actions button{flex:1 1;padding:5px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:10px;font-weight:500;transition:all var(--ease-out)}.shorts-card-actions button:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.shorts-card-actions a{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--ease-out)}.shorts-card-actions a:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.publish-content{animation:tab-enter .25s ease}.publish-hero{display:flex;gap:24px;margin-bottom:28px}.publish-preview{width:160px;height:160px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-xl);text-align:center;padding:16px}.publish-preview span{font-size:40px}.publish-preview small{color:rgba(255,255,255,.5);font-size:9px;font-weight:700;text-transform:uppercase}.publish-preview b{color:#fff;font-size:14px;font-weight:600}.publish-preview p{color:rgba(255,255,255,.6);font-size:10px;margin-top:2px}.publish-preview.tone-0{background:linear-gradient(135deg,#f97316,#c2410c)}.publish-preview.tone-1{background:linear-gradient(135deg,#22c55e,#15803d)}.publish-preview.tone-2{background:linear-gradient(135deg,#ef4444,#b91c1c)}.publish-preview.tone-3{background:linear-gradient(135deg,#a855f7,#7e22ce)}.publish-preview.tone-4{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.publish-preview.tone-5{background:linear-gradient(135deg,#14b8a6,#0f766e)}.publish-preview.tone-6{background:linear-gradient(135deg,#eab308,#a16207)}.publish-preview.tone-7{background:linear-gradient(135deg,#f43f5e,#be123c)}.publish-copy{flex:1 1}.publish-copy h2{font-family:var(--font-serif);font-size:26px;font-weight:400;letter-spacing:-.8px;color:var(--text-primary);margin:4px 0 8px}.publish-copy p{color:var(--text-muted);font-size:13px;line-height:1.6;margin-bottom:16px}.live-url-card{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);margin-bottom:16px}.live-url-card>div{display:flex;align-items:center;gap:10px;flex:1 1}.status-light{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.status-light.online{background:var(--success);box-shadow:0 0 8px rgba(34,197,94,.5)}.live-url-card b{font-size:13px;font-weight:600;color:var(--text-primary)}.live-url-card p{color:var(--text-muted);font-size:11px;font-family:monospace}.live-url-card button{padding:6px 14px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:all var(--ease-out)}.live-url-card button:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.embed-code-card{padding:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);margin-bottom:24px}.embed-code-card>div{margin-bottom:14px}.embed-code-card h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:4px 0}.embed-code-card>div>p{color:var(--text-muted);font-size:12px}.embed-code-card button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:500;margin-bottom:12px;transition:all var(--ease-out)}.embed-code-card button:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.embed-code-card textarea{width:100%;height:120px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-root);color:var(--text-dim);font-size:10px;font-family:monospace;resize:vertical}.sites-steps{padding:24px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);margin-bottom:16px}.sites-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.google-g{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-md);background:#fff;color:#4285f4;font-size:22px;font-weight:700;font-family:var(--font-serif);flex-shrink:0}.sites-heading h3{font-size:15px;font-weight:600;color:var(--text-primary)}.sites-heading p{color:var(--text-muted);font-size:11px;margin-top:2px}.sites-steps ol{list-style:none;display:grid;grid-gap:14px;gap:14px}.sites-steps li{display:flex;gap:14px}.sites-steps li>span{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.05);color:var(--text-dim);font-size:12px;font-weight:700;margin-top:1px}.sites-steps li b{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.sites-steps li p{margin-top:2px}.privacy-note,.sites-steps li p{color:var(--text-muted);font-size:11px}.privacy-note{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);line-height:1.6}.privacy-note svg{margin-top:1px;flex-shrink:0}.privacy-note b{color:var(--text-secondary);font-weight:600}.embed-page{max-width:800px;margin:0 auto;padding:40px 24px 60px;background:var(--bg-base);color:var(--text-primary)}.embed-hero{border-radius:var(--radius-2xl);padding:40px 36px;margin-bottom:32px}.embed-hero.tone-0{background:linear-gradient(135deg,#f97316,#c2410c)}.embed-hero.tone-1{background:linear-gradient(135deg,#22c55e,#15803d)}.embed-hero.tone-2{background:linear-gradient(135deg,#ef4444,#b91c1c)}.embed-hero.tone-3{background:linear-gradient(135deg,#a855f7,#7e22ce)}.embed-hero.tone-4{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.embed-hero.tone-5{background:linear-gradient(135deg,#14b8a6,#0f766e)}.embed-hero.tone-6{background:linear-gradient(135deg,#eab308,#a16207)}.embed-hero.tone-7{background:linear-gradient(135deg,#f43f5e,#be123c)}.embed-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:rgba(255,255,255,.7);font-size:11px;font-weight:600}.embed-topline button{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#fff;font-size:11px;transition:all var(--ease-out)}.embed-topline button:hover{background:rgba(255,255,255,.1)}.embed-hero-grid{display:flex;gap:24px;align-items:center}.embed-hero-grid>div{flex:1 1}.embed-category{display:block;color:rgba(255,255,255,.6);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.embed-hero h1{font-family:var(--font-serif);font-size:38px;font-weight:400;line-height:1.1;letter-spacing:-1.5px;color:#fff;margin-bottom:10px}.embed-hero p{color:rgba(255,255,255,.75);font-size:14px;line-height:1.7}.embed-meta{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.embed-meta span{color:rgba(255,255,255,.7);font-size:12px}.embed-meta b{font-weight:700;color:#fff}.embed-food{font-size:72px}.embed-body{display:grid;grid-template-columns:1fr 1.6fr;grid-gap:32px;gap:32px;margin-bottom:40px}.embed-label{display:block;color:var(--accent-light);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px}.embed-body h2{font-family:var(--font-serif);font-size:22px;font-weight:400;letter-spacing:-.6px;color:var(--text-primary);margin-bottom:16px}.embed-body ul{list-style:none;display:grid;grid-gap:8px;gap:8px}.embed-body ul li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.embed-body ul li span{width:16px;height:16px;flex-shrink:0;border:1.5px solid var(--border-default);border-radius:var(--radius-xs)}.embed-body ol{list-style:none;display:grid;grid-gap:14px;gap:14px}.embed-body ol li{display:flex;gap:14px}.embed-body ol li>span{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:rgba(139,92,246,.12);color:var(--accent-light);font-size:12px;font-weight:700;margin-top:2px}.embed-body ol li p{font-size:14px;color:var(--text-secondary);line-height:1.7}.embed-tip{display:flex;gap:12px;margin-top:24px;padding:18px;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-xl);background:var(--warning-bg)}.embed-tip svg{color:var(--warning);margin-top:2px;flex-shrink:0}.embed-tip b{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.embed-tip p{color:var(--text-secondary);font-size:13px;line-height:1.6}.embed-footer{text-align:center;padding-top:32px;border-top:1px solid var(--border-subtle);color:var(--text-dim);font-size:11px}.embed-footer p{margin-top:4px}.app-footer{padding:24px 32px;border-top:1px solid var(--border-subtle);gap:16px;flex-wrap:wrap}.app-footer,.app-footer .brand{display:flex;align-items:center}.app-footer .brand{gap:8px}.brand-mark{width:20px;height:20px;display:grid;place-items:center;border-radius:var(--radius-xs);background:var(--accent);overflow:hidden}.app-footer b{font-size:12px;font-weight:600;color:var(--text-primary)}.app-footer p{color:var(--text-muted);font-size:11px}.app-footer>span{color:var(--text-dim);font-size:10px;margin-left:auto}.boss-signature{color:var(--text-dim);font-size:9px;letter-spacing:1px;text-transform:uppercase}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-overlay);color:var(--text-primary);font-size:12px;font-weight:500;box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;transition:all var(--ease-smooth);z-index:200}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.toast svg{color:var(--success)}.selection-pulse{animation:selection-pulse .9s cubic-bezier(.16,1,.3,1)}@keyframes selection-pulse{0%{box-shadow:0 0 0 0 rgba(139,92,246,.4)}to{box-shadow:0 0 0 24px rgba(139,92,246,0)}}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.detail-art.tone-0{background:var(--tone-0-bg);color:var(--tone-0)}.detail-art.tone-1{background:var(--tone-1-bg);color:var(--tone-1)}.detail-art.tone-2{background:var(--tone-2-bg);color:var(--tone-2)}.detail-art.tone-3{background:var(--tone-3-bg);color:var(--tone-3)}.detail-art.tone-4{background:var(--tone-4-bg);color:var(--tone-4)}.detail-art.tone-5{background:var(--tone-5-bg);color:var(--tone-5)}.detail-art.tone-6{background:var(--tone-6-bg);color:var(--tone-6)}.detail-art.tone-7{background:var(--tone-7-bg);color:var(--tone-7)}.panel-focus-art.tone-0{background:var(--tone-0-bg);color:var(--tone-0)}.panel-focus-art.tone-1{background:var(--tone-1-bg);color:var(--tone-1)}.panel-focus-art.tone-2{background:var(--tone-2-bg);color:var(--tone-2)}.panel-focus-art.tone-3{background:var(--tone-3-bg);color:var(--tone-3)}.panel-focus-art.tone-4{background:var(--tone-4-bg);color:var(--tone-4)}.panel-focus-art.tone-5{background:var(--tone-5-bg);color:var(--tone-5)}.panel-focus-art.tone-6{background:var(--tone-6-bg);color:var(--tone-6)}.panel-focus-art.tone-7{background:var(--tone-7-bg);color:var(--tone-7)}.picker-art.tone-0{background:var(--tone-0-bg);color:var(--tone-0)}.picker-art.tone-1{background:var(--tone-1-bg);color:var(--tone-1)}.picker-art.tone-2{background:var(--tone-2-bg);color:var(--tone-2)}.picker-art.tone-3{background:var(--tone-3-bg);color:var(--tone-3)}.picker-art.tone-4{background:var(--tone-4-bg);color:var(--tone-4)}.picker-art.tone-5{background:var(--tone-5-bg);color:var(--tone-5)}.picker-art.tone-6{background:var(--tone-6-bg);color:var(--tone-6)}.picker-art.tone-7{background:var(--tone-7-bg);color:var(--tone-7)}.campaign-route-shell .studio-director{padding-top:32px}.three-panel-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg-root)}.three-panel-rail{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-base);border-right:1px solid var(--border-subtle);overflow-y:auto}.rail-compact-brand{display:flex;align-items:center;gap:9px;padding:14px 12px;border-bottom:1px solid var(--border-subtle)}.rail-compact-brand:hover{opacity:.8}.rail-compact-mark{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));box-shadow:var(--shadow-glow-brand-sm);overflow:hidden}.rail-compact-mark img{width:100%;height:100%;object-fit:cover}.rail-compact-text b{font-family:var(--font-serif);font-size:14px;font-weight:400;color:var(--text-primary);letter-spacing:-.2px}.rail-compact-text small{display:block;color:var(--text-dim);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.rail-section{padding:10px 8px;border-bottom:1px solid var(--border-subtle)}.rail-section-label{display:block;padding:2px 8px 6px;color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.rail-niche-btn{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 8px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;transition:all var(--ease-out)}.rail-niche-btn:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.rail-niche-btn.active{background:rgba(139,92,246,.1);color:var(--text-primary)}.rail-niche-emoji{font-size:14px;width:20px;text-align:center;flex-shrink:0}.rail-niche-label{flex:1 1;text-align:left}.rail-niche-badge{padding:1px 6px;border-radius:var(--radius-full);background:rgba(255,255,255,.06);color:var(--text-dim);font-size:9px;font-weight:700}.rail-nav-link{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 8px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;transition:all var(--ease-out);text-decoration:none}.rail-nav-link:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.rail-nav-link.active{background:rgba(139,92,246,.08);color:var(--text-primary)}.rail-categories{display:grid;grid-gap:2px;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border-subtle)}.rail-cat-btn{display:flex;align-items:center;gap:7px;width:100%;min-height:28px;padding:0 6px;border-radius:var(--radius-xs);color:var(--text-muted);font-size:10px;font-weight:500;transition:all var(--ease-out)}.rail-cat-btn:hover{background:rgba(255,255,255,.03);color:var(--text-secondary)}.rail-cat-btn.active{background:rgba(139,92,246,.08);color:var(--text-primary)}.rail-cat-count{margin-left:auto;color:var(--text-dim);font-size:9px;font-weight:700}.rail-spacer-compact{flex:1 1}.rail-foot-compact{display:grid;grid-gap:4px;gap:4px;padding:10px 8px;border-top:1px solid var(--border-subtle)}.three-panel-list{width:380px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-root);border-right:1px solid var(--border-subtle);overflow:hidden}.list-header{padding:12px 14px;border-bottom:1px solid var(--border-subtle);display:grid;grid-gap:8px;gap:8px}.list-search-wrap{display:flex;align-items:center;gap:8px;padding:0 10px;height:34px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);transition:all var(--ease-out)}.list-search-wrap:focus-within{border-color:var(--accent)}.list-search-wrap svg{color:var(--text-dim);flex-shrink:0}.list-search-wrap input{flex:1 1;border:none;background:none;outline:none;color:var(--text-primary);font-size:12px}.list-search-wrap input::placeholder{color:var(--text-dim)}.list-search-wrap kbd{padding:1px 5px;border-radius:3px;background:rgba(255,255,255,.06);color:var(--text-dim);font-size:9px;font-family:inherit}.list-quick-filters{display:flex;gap:4px;flex-wrap:wrap}.list-filter-pill{padding:3px 9px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);font-size:10px;font-weight:500;transition:all var(--ease-out)}.list-filter-pill:hover{color:var(--text-primary);border-color:var(--border-default)}.list-filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.list-count-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border-subtle)}.list-count-row span{color:var(--text-dim);font-size:10px;font-weight:600}.list-count-row button{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);font-size:9px;font-weight:600;transition:all var(--ease-out)}.list-count-row button:hover{color:var(--accent-light);border-color:rgba(139,92,246,.25)}.list-scroll{flex:1 1;overflow-y:auto;padding:4px}.list-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;transition:all var(--ease-out);border:1px solid transparent}.list-item:hover{background:rgba(255,255,255,.03);color:var(--text-primary)}.list-item.active{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2);color:var(--text-primary)}.list-item-emoji{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md);font-size:18px}.list-item-emoji.tone-0{background:rgba(249,115,22,.15)}.list-item-emoji.tone-1{background:rgba(34,197,94,.15)}.list-item-emoji.tone-2{background:rgba(239,68,68,.15)}.list-item-emoji.tone-3{background:rgba(168,85,247,.15)}.list-item-emoji.tone-4{background:rgba(59,130,246,.15)}.list-item-emoji.tone-5{background:rgba(20,184,166,.15)}.list-item-emoji.tone-6{background:rgba(234,179,8,.15)}.list-item-emoji.tone-7{background:rgba(244,63,94,.15)}.list-item-body{flex:1 1;min-width:0}.list-item-body b{display:block;font-size:13px;font-weight:600;color:inherit}.list-item-body p{color:var(--text-dim);font-size:11px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.list-item-time{display:inline-flex;align-items:center;gap:3px;color:var(--text-dim);font-size:9px;font-weight:600}.list-item-fav{color:var(--text-dim);padding:2px;transition:color var(--ease-out)}.list-item-fav.active,.list-item-fav:hover{color:#f87171}.list-load-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;color:var(--text-dim);font-size:10px;font-weight:500;transition:all var(--ease-out)}.list-load-more:hover{color:var(--text-primary)}.list-empty{display:flex;flex-direction:column;align-items:center;padding:48px 20px;text-align:center;color:var(--text-muted);font-size:12px;gap:8px}.three-panel-detail{overflow-y:auto;background:var(--bg-root)}.detail-empty,.three-panel-detail{flex:1 1;display:flex;flex-direction:column}.detail-empty{align-items:center;justify-content:center;gap:12px;color:var(--text-dim);text-align:center;padding:40px}.detail-empty span{font-size:48px;opacity:.3}.detail-empty b{font-size:15px;font-weight:600;color:var(--text-muted)}.detail-empty p{font-size:12px;max-width:280px;line-height:1.5}.detail-action-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-base)}.detail-action-bar>span{color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-right:auto}.detail-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:500;transition:all var(--ease-out)}.detail-action-btn:hover{background:rgba(255,255,255,.04);color:var(--text-primary);border-color:var(--border-strong)}.detail-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.detail-action-btn.primary:hover{background:var(--accent-dark)}.detail-scroll{flex:1 1;overflow-y:auto;padding:24px}.detail-hero{display:flex;gap:16px;margin-bottom:20px}.detail-hero-art{width:72px;height:72px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-xl);font-size:36px}.detail-hero-art.tone-0{background:rgba(249,115,22,.15);color:#f97316}.detail-hero-art.tone-1{background:rgba(34,197,94,.15);color:#22c55e}.detail-hero-art.tone-2{background:rgba(239,68,68,.15);color:#ef4444}.detail-hero-art.tone-3{background:rgba(168,85,247,.15);color:#a855f7}.detail-hero-art.tone-4{background:rgba(59,130,246,.15);color:#3b82f6}.detail-hero-art.tone-5{background:rgba(20,184,166,.15);color:#14b8a6}.detail-hero-art.tone-6{background:rgba(234,179,8,.15);color:#eab308}.detail-hero-art.tone-7{background:rgba(244,63,94,.15);color:#f43f5e}.detail-hero-body{flex:1 1}.detail-hero-body .overline{display:block;color:var(--accent-light);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.detail-hero-body h2{font-family:var(--font-serif);font-size:24px;font-weight:400;letter-spacing:-.6px;color:var(--text-primary);margin-bottom:4px}.detail-hero-body>p{color:var(--text-muted);font-size:13px;line-height:1.6}.detail-meta-strip{display:flex;gap:14px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);margin-bottom:20px}.detail-meta-chip{display:flex;align-items:center;gap:6px;padding-right:14px;border-right:1px solid var(--border-subtle)}.detail-meta-chip:last-child{border-right:none}.detail-meta-chip b{font-size:13px;font-weight:600;color:var(--text-primary)}.detail-meta-chip span{font-size:10px;color:var(--text-dim)}.detail-columns{display:grid;grid-template-columns:1fr 1.6fr;grid-gap:16px;gap:16px;margin-bottom:16px}.detail-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);overflow:hidden}.detail-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.detail-panel-head h4{font-size:13px;font-weight:600;color:var(--text-primary)}.detail-panel-head>span{color:var(--text-dim);font-size:9px;font-weight:600}.detail-panel-body{padding:12px 16px}.detail-panel-body ol,.detail-panel-body ul{list-style:none;display:grid}.detail-panel-body ul{gap:4px}.detail-panel-body ol{gap:8px}.detail-panel-body li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary);line-height:1.6}.detail-panel-body .step-num{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:rgba(139,92,246,.12);color:var(--accent-light);font-size:10px;font-weight:700;margin-top:1px}.detail-tip{display:flex;gap:10px;padding:14px 16px;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);background:rgba(245,158,11,.06);margin-bottom:20px}.detail-tip svg{color:var(--warning);flex-shrink:0;margin-top:2px}.detail-tip b{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.detail-tip p{color:var(--text-secondary);font-size:11px;line-height:1.5}.detail-tabs{display:flex;gap:2px;padding:8px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-base)}.detail-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;font-weight:500;transition:all var(--ease-out)}.detail-tab:hover{color:var(--text-primary);background:rgba(255,255,255,.04)}.detail-tab.active{color:var(--text-primary);background:rgba(139,92,246,.1)}.detail-tab .tab-badge{padding:1px 5px;border-radius:var(--radius-full);background:rgba(255,255,255,.06);font-size:9px;font-weight:700}.detail-sub-content{padding:24px}@media (max-width:1200px){.three-panel-list{width:300px}.three-panel-rail{width:190px}}@media (max-width:900px){.three-panel-shell{flex-direction:column;height:auto;overflow:auto}.three-panel-rail{width:100%;flex-direction:row;flex-wrap:wrap;gap:8px;padding:8px}.three-panel-list{width:100%;max-height:50vh}.three-panel-detail{width:100%}.detail-columns{grid-template-columns:1fr}.rail-categories,.rail-foot-compact,.rail-spacer-compact{display:none}}@media (max-width:1024px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.embed-body,.recipe-columns{grid-template-columns:1fr}.app-rail{width:220px;padding:16px 10px}}@media (max-width:768px){.app-shell{flex-direction:column}.app-rail{width:100%;min-height:auto;position:relative;flex-direction:row;flex-wrap:wrap;gap:10px;padding:12px}.main-layout{flex-direction:column;padding:16px}.category-sidebar{width:100%;position:static}.catalog-heading,.recipe-grid{padding-left:0}.panel-commandbar{flex-wrap:wrap;gap:12px;padding:12px 16px}.campaign-hero,.youtube-campaign-hero{flex-direction:column;text-align:center}.shorts-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}