:root{--color-black: #000000;--color-white: #FFFFFF;--color-gray-light: #E5E5E5;--color-gray-mid: #808080;--color-gray-dark: #333333;--black: #000000;--white: #FFFFFF;--gray: #666666;--gray-light: #F5F5F5;--gray-mid: #E5E5E5;--gray-dark: #333333;--red: #FF3333;--color-red: #FF3333;--color-cat-a: #FF00FF;--color-cat-b: #FF6600;--color-cat-c: #00FFFF;--color-cat-d: #00FF00;--color-cat-e: #9900FF;--color-cat-f: #FFFF00;--color-cat-g: #0066FF;--color-cat-h: #FF0000;--color-cat-i: #FF6B9D;--color-cat-j: #4ECDC4;--color-cat-k: #9B59B6;--color-cat-l: #E74C3C;--color-cat-m: #2ECC71;--color-cat-n: #1ABC9C;--color-cat-o: #F39C12;--magenta: #FF00FF;--orange: #FF6600;--cyan: #00FFFF;--lime: #00FF00;--purple: #9900FF;--yellow: #FFFF00;--blue: #0066FF;--method-magenta: #FF00FF;--method-orange: #FF6600;--method-cyan: #00FFFF;--method-lime: #00FF00;--method-purple: #9900FF;--method-yellow: #FFFF00;--method-blue: #0066FF;--method-red: #FF0000;--font-pixel: "Press Start 2P", cursive;--font-mono: "Space Mono", monospace;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-xxl: 64px;--space-2xs: 4px;--space-2xl: 48px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--border-width: 3px;--border: 3px solid var(--black);--shadow-offset: 6px;--shadow-offset-sm: 4px;--shadow-offset-hover: 3px;--shadow-xs: 2px 2px 0 var(--black);--shadow-sm: 3px 3px 0 var(--black);--shadow-md: 4px 4px 0 var(--black);--shadow-lg: 6px 6px 0 var(--black);--shadow-xl: 8px 8px 0 var(--black);--container-max: 1200px;--container-narrow: 800px;--sidebar-width: 240px;--header-height: 60px;--z-hidden: -1;--z-base: 1;--z-content: 10;--z-content-overlay: 20;--z-sticky: 50;--z-sticky-backdrop: 49;--z-header: 100;--z-header-dropdown: 150;--z-dropdown: 200;--z-tooltip: 250;--z-popover: 300;--z-modal-backdrop: 500;--z-modal: 1000;--z-modal-content: 1001;--z-modal-high: 1500;--z-modal-urgent: 2000;--z-modal-top: 2500;--z-overlay: 3000;--z-overlay-content: 3001;--z-toast: 5000;--z-loading: 6000;--z-loading-spinner: 6001;--z-emergency: 9000;--z-fullscreen: 10000;--z-fullscreen-controls: 10001;--z-fullscreen-notification: 10002;--dither: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Crect fill='%23000' width='2' height='2'/%3E%3Crect fill='%23FFF' x='0' y='0' width='1' height='1'/%3E%3Crect fill='%23FFF' x='1' y='1' width='1' height='1'/%3E%3C/svg%3E");--pres-bg: #FFFFFF;--pres-fg: #000000;--pres-border: #000000;--pres-muted: #666666;--pres-light: #F0F0F0;--pres-accent: #FFD700;--highlight: #FFFF00;--highlight-soft: #fffde7;--highlight-hover: #eeeeee;--highlight-border: #FFFF00}[data-category=a],[style*="--cat-color: #FF00FF"]{--cat-color: var(--color-cat-a);--cat-text: #FFFFFF}[data-category=b]{--cat-color: var(--color-cat-b);--cat-text: #FFFFFF}[data-category=c]{--cat-color: var(--color-cat-c);--cat-text: #000000}[data-category=d]{--cat-color: var(--color-cat-d);--cat-text: #000000}[data-category=e]{--cat-color: var(--color-cat-e);--cat-text: #FFFFFF}[data-category=f]{--cat-color: var(--color-cat-f);--cat-text: #000000}[data-category=g]{--cat-color: var(--color-cat-g);--cat-text: #FFFFFF}[data-category=h]{--cat-color: var(--color-cat-h);--cat-text: #FFFFFF}[data-category=i]{--cat-color: var(--color-cat-i);--cat-text: #000000}[data-category=j]{--cat-color: var(--color-cat-j);--cat-text: #000000}[data-category=k]{--cat-color: var(--color-cat-k);--cat-text: #FFFFFF}[data-category=l]{--cat-color: var(--color-cat-l);--cat-text: #FFFFFF}[data-category=m]{--cat-color: var(--color-cat-m);--cat-text: #000000}[data-category=n]{--cat-color: var(--color-cat-n);--cat-text: #000000}[data-category=o]{--cat-color: var(--color-cat-o);--cat-text: #000000}:root{--screen-xs: 320px;--screen-sm: 480px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--screen-2xl: 1536px;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-2xl: 1320px}:root{--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--heading-1: clamp(1.5rem, 5vw, 2.5rem);--heading-2: clamp(1.25rem, 4vw, 2rem);--heading-3: clamp(1.125rem, 3vw, 1.5rem);--heading-4: clamp(1rem, 2.5vw, 1.25rem);--heading-5: clamp(.875rem, 2vw, 1rem);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2}:root{--space-fluid-xs: clamp(.25rem, .5vw, .5rem);--space-fluid-sm: clamp(.5rem, 1vw, 1rem);--space-fluid-md: clamp(1rem, 2vw, 2rem);--space-fluid-lg: clamp(1.5rem, 3vw, 3rem);--space-fluid-xl: clamp(2rem, 4vw, 4rem);--space-fluid-2xl: clamp(3rem, 6vw, 6rem);--section-padding-y: var(--space-fluid-lg);--section-padding-x: var(--space-fluid-md)}:root{--touch-target-min: 44px;--touch-target: 48px;--touch-target-lg: 56px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-fluid-sm);padding-right:var(--space-fluid-sm)}@media(min-width:480px){.container{max-width:var(--container-sm)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}@media(min-width:1536px){.container{max-width:var(--container-2xl)}}.container-fluid{width:100%;padding-left:var(--space-fluid-sm);padding-right:var(--space-fluid-sm)}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}.hide-tablet{display:none}}@media(min-width:1024px){.hide-desktop{display:none}.show-desktop{display:block}}.show-mobile{display:block}@media(min-width:768px){.show-mobile{display:none}}.grid-auto{display:grid;gap:var(--space-fluid-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid-cols-1{grid-template-columns:1fr}@media(min-width:480px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}.flex-responsive{display:flex;flex-direction:column;gap:var(--space-fluid-sm)}@media(min-width:768px){.flex-responsive{flex-direction:row}}.p-responsive{padding:var(--space-fluid-sm)}@media(min-width:768px){.p-responsive{padding:var(--space-fluid-md)}}.m-responsive{margin:var(--space-fluid-sm)}@media(min-width:768px){.m-responsive{margin:var(--space-fluid-md)}}.text-responsive{font-size:clamp(var(--text-sm),2vw,var(--text-base))}.text-responsive-lg{font-size:clamp(var(--text-base),2.5vw,var(--text-lg))}.text-center-mobile{text-align:center}@media(min-width:768px){.text-center-mobile{text-align:left}}:root{--color-cat-A: #FF00FF;--color-cat-B: #FF6600;--color-cat-C: #00FFFF;--color-cat-D: #00FF00;--color-cat-E: #9900FF;--color-cat-F: #FFFF00;--color-cat-G: #0066FF;--color-cat-H: #FF0000;--color-cat-I: #FF6B9D;--color-cat-J: #4ECDC4;--color-cat-K: #9B59B6;--color-cat-L: #E74C3C;--color-cat-M: #2ECC71;--color-cat-N: #1ABC9C;--color-cat-O: #F39C12;--color-primary: var(--color-black);--color-secondary: var(--color-gray);--color-accent: var(--color-cat-A);--color-success: var(--color-cat-M);--color-warning: var(--color-cat-F);--color-error: var(--color-cat-H);--color-info: var(--color-cat-G)}.text-cat-A{color:var(--color-cat-A)}.text-cat-B{color:var(--color-cat-B)}.text-cat-C{color:var(--color-cat-C)}.text-cat-D{color:var(--color-cat-D)}.text-cat-E{color:var(--color-cat-E)}.text-cat-F{color:var(--color-cat-F)}.text-cat-G{color:var(--color-cat-G)}.text-cat-H{color:var(--color-cat-H)}.text-cat-I{color:var(--color-cat-I)}.text-cat-J{color:var(--color-cat-J)}.text-cat-K{color:var(--color-cat-K)}.text-cat-L{color:var(--color-cat-L)}.text-cat-M{color:var(--color-cat-M)}.text-cat-N{color:var(--color-cat-N)}.text-cat-O{color:var(--color-cat-O)}.bg-cat-A{background-color:var(--color-cat-A)}.bg-cat-B{background-color:var(--color-cat-B)}.bg-cat-C{background-color:var(--color-cat-C)}.bg-cat-D{background-color:var(--color-cat-D)}.bg-cat-E{background-color:var(--color-cat-E)}.bg-cat-F{background-color:var(--color-cat-F)}.bg-cat-G{background-color:var(--color-cat-G)}.bg-cat-H{background-color:var(--color-cat-H)}.bg-cat-I{background-color:var(--color-cat-I)}.bg-cat-J{background-color:var(--color-cat-J)}.bg-cat-K{background-color:var(--color-cat-K)}.bg-cat-L{background-color:var(--color-cat-L)}.bg-cat-M{background-color:var(--color-cat-M)}.bg-cat-N{background-color:var(--color-cat-N)}.bg-cat-O{background-color:var(--color-cat-O)}.border-cat-A{border-color:var(--color-cat-A)}.border-cat-B{border-color:var(--color-cat-B)}.border-cat-C{border-color:var(--color-cat-C)}.border-cat-D{border-color:var(--color-cat-D)}.border-cat-E{border-color:var(--color-cat-E)}.border-cat-F{border-color:var(--color-cat-F)}.border-cat-G{border-color:var(--color-cat-G)}.border-cat-H{border-color:var(--color-cat-H)}.border-cat-I{border-color:var(--color-cat-I)}.border-cat-J{border-color:var(--color-cat-J)}.border-cat-K{border-color:var(--color-cat-K)}.border-cat-L{border-color:var(--color-cat-L)}.border-cat-M{border-color:var(--color-cat-M)}.border-cat-N{border-color:var(--color-cat-N)}.border-cat-O{border-color:var(--color-cat-O)}.fill-cat-A{fill:var(--color-cat-A)}.fill-cat-B{fill:var(--color-cat-B)}.fill-cat-C{fill:var(--color-cat-C)}.fill-cat-D{fill:var(--color-cat-D)}.fill-cat-E{fill:var(--color-cat-E)}.fill-cat-F{fill:var(--color-cat-F)}.fill-cat-G{fill:var(--color-cat-G)}.fill-cat-H{fill:var(--color-cat-H)}.fill-cat-I{fill:var(--color-cat-I)}.fill-cat-J{fill:var(--color-cat-J)}.fill-cat-K{fill:var(--color-cat-K)}.fill-cat-L{fill:var(--color-cat-L)}.fill-cat-M{fill:var(--color-cat-M)}.fill-cat-N{fill:var(--color-cat-N)}.fill-cat-O{fill:var(--color-cat-O)}.stroke-cat-A{stroke:var(--color-cat-A)}.stroke-cat-B{stroke:var(--color-cat-B)}.stroke-cat-C{stroke:var(--color-cat-C)}.stroke-cat-D{stroke:var(--color-cat-D)}.stroke-cat-E{stroke:var(--color-cat-E)}.stroke-cat-F{stroke:var(--color-cat-F)}.stroke-cat-G{stroke:var(--color-cat-G)}.stroke-cat-H{stroke:var(--color-cat-H)}.stroke-cat-I{stroke:var(--color-cat-I)}.stroke-cat-J{stroke:var(--color-cat-J)}.stroke-cat-K{stroke:var(--color-cat-K)}.stroke-cat-L{stroke:var(--color-cat-L)}.stroke-cat-M{stroke:var(--color-cat-M)}.stroke-cat-N{stroke:var(--color-cat-N)}.stroke-cat-O{stroke:var(--color-cat-O)}.hover\:text-cat-A:hover{color:var(--color-cat-A)}.hover\:bg-cat-A:hover{background-color:var(--color-cat-A)}.hover\:border-cat-A:hover{border-color:var(--color-cat-A)}.hover\:text-cat-B:hover{color:var(--color-cat-B)}.hover\:bg-cat-B:hover{background-color:var(--color-cat-B)}.hover\:border-cat-B:hover{border-color:var(--color-cat-B)}.hover\:text-cat-C:hover{color:var(--color-cat-C)}.hover\:bg-cat-C:hover{background-color:var(--color-cat-C)}.hover\:border-cat-C:hover{border-color:var(--color-cat-C)}.hover\:text-cat-D:hover{color:var(--color-cat-D)}.hover\:bg-cat-D:hover{background-color:var(--color-cat-D)}.hover\:border-cat-D:hover{border-color:var(--color-cat-D)}.hover\:text-cat-E:hover{color:var(--color-cat-E)}.hover\:bg-cat-E:hover{background-color:var(--color-cat-E)}.hover\:border-cat-E:hover{border-color:var(--color-cat-E)}.hover\:text-cat-F:hover{color:var(--color-cat-F)}.hover\:bg-cat-F:hover{background-color:var(--color-cat-F)}.hover\:border-cat-F:hover{border-color:var(--color-cat-F)}.hover\:text-cat-G:hover{color:var(--color-cat-G)}.hover\:bg-cat-G:hover{background-color:var(--color-cat-G)}.hover\:border-cat-G:hover{border-color:var(--color-cat-G)}.hover\:text-cat-H:hover{color:var(--color-cat-H)}.hover\:bg-cat-H:hover{background-color:var(--color-cat-H)}.hover\:border-cat-H:hover{border-color:var(--color-cat-H)}.hover\:text-cat-I:hover{color:var(--color-cat-I)}.hover\:bg-cat-I:hover{background-color:var(--color-cat-I)}.hover\:border-cat-I:hover{border-color:var(--color-cat-I)}.hover\:text-cat-J:hover{color:var(--color-cat-J)}.hover\:bg-cat-J:hover{background-color:var(--color-cat-J)}.hover\:border-cat-J:hover{border-color:var(--color-cat-J)}.hover\:text-cat-K:hover{color:var(--color-cat-K)}.hover\:bg-cat-K:hover{background-color:var(--color-cat-K)}.hover\:border-cat-K:hover{border-color:var(--color-cat-K)}.hover\:text-cat-L:hover{color:var(--color-cat-L)}.hover\:bg-cat-L:hover{background-color:var(--color-cat-L)}.hover\:border-cat-L:hover{border-color:var(--color-cat-L)}.hover\:text-cat-M:hover{color:var(--color-cat-M)}.hover\:bg-cat-M:hover{background-color:var(--color-cat-M)}.hover\:border-cat-M:hover{border-color:var(--color-cat-M)}.hover\:text-cat-N:hover{color:var(--color-cat-N)}.hover\:bg-cat-N:hover{background-color:var(--color-cat-N)}.hover\:border-cat-N:hover{border-color:var(--color-cat-N)}.hover\:text-cat-O:hover{color:var(--color-cat-O)}.hover\:bg-cat-O:hover{background-color:var(--color-cat-O)}.hover\:border-cat-O:hover{border-color:var(--color-cat-O)}.badge-cat-A{background-color:var(--color-cat-A);color:var(--color-white)}.badge-cat-B{background-color:var(--color-cat-B);color:var(--color-black)}.badge-cat-C{background-color:var(--color-cat-C);color:var(--color-black)}.badge-cat-D{background-color:var(--color-cat-D);color:var(--color-black)}.badge-cat-E{background-color:var(--color-cat-E);color:var(--color-white)}.badge-cat-F{background-color:var(--color-cat-F);color:var(--color-black)}.badge-cat-G{background-color:var(--color-cat-G);color:var(--color-white)}.badge-cat-H{background-color:var(--color-cat-H);color:var(--color-white)}.badge-cat-I{background-color:var(--color-cat-I);color:var(--color-black)}.badge-cat-J{background-color:var(--color-cat-J);color:var(--color-black)}.badge-cat-K{background-color:var(--color-cat-K);color:var(--color-white)}.badge-cat-L{background-color:var(--color-cat-L);color:var(--color-white)}.badge-cat-M{background-color:var(--color-cat-M);color:var(--color-black)}.badge-cat-N{background-color:var(--color-cat-N);color:var(--color-black)}.badge-cat-O{background-color:var(--color-cat-O);color:var(--color-black)}.category-tab{--cat-color: var(--color-black);border-color:var(--cat-color)}.category-tab:hover,.category-tab.active{background-color:var(--cat-color);color:var(--color-black)}.filter-chip{--chip-color: var(--color-black)}.filter-chip:hover,.filter-chip.active{background-color:var(--chip-color);border-color:var(--chip-color)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--color-black);background-color:var(--color-white);min-height:100vh}body.dashboard-body{font-size:1rem;line-height:1.6;color:var(--black);background:var(--gray-light);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-mono);font-size:16px}ul,ol{list-style:none}strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);font-weight:400;line-height:1.4;text-transform:uppercase}h1{font-size:24px}h2{font-size:16px}h3{font-size:12px}h4{font-size:10px}@media(min-width:768px){h1{font-size:32px}h2{font-size:20px}h3{font-size:14px}}p{margin-bottom:1em}p:last-child{margin-bottom:0}.text-muted{color:var(--color-gray-mid)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-shadow{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-lg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes screenShake{0%,to{transform:translate(0)}33%{transform:translate(-3px,3px)}66%{transform:translate(3px,-3px)}}@keyframes detonateOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes detonateIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes countdownPulse{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes explode{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}@keyframes detonation-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes detonation-stripes{0%{background-position:0 0}to{background-position:20px 20px}}@keyframes pixel-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes success-flash{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes success-explosion{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes explosion-sequence{0%{clip-path:circle(0% at 50% 50%)}50%{clip-path:circle(60% at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}@keyframes explosion-text-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spinCoin{0%{background-image:url(/assets/icon_0010_coin-1-ClQN5nC0.png)}25%{background-image:url(/assets/icon_0011_coin-2-B_Cu06ta.png)}50%{background-image:url(/assets/icon_0012_coin-3-CEGwLuA0.png)}75%{background-image:url(/assets/icon_0013_coin-4-side-BwP9by8g.png)}to{background-image:url(/assets/icon_0010_coin-1-ClQN5nC0.png)}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-sm)}@media(min-width:768px){.container{padding:0 var(--space-lg)}}.container-narrow{max-width:var(--container-narrow)}.section{padding:var(--space-xl) 0}@media(min-width:768px){.section{padding:var(--space-xxl) 0}}.app{display:flex;min-height:100vh;padding:var(--space-lg);gap:var(--space-lg);background:var(--gray-light)}.main{flex:1;margin-left:calc(var(--sidebar-width) + var(--space-lg));min-height:calc(100vh - var(--space-lg) * 2);display:flex;flex-direction:column;background:var(--gray-light)}.main:before{content:"";position:sticky;top:0;display:block;height:40px;background:var(--gray-light);z-index:var(--z-sticky-backdrop);margin-bottom:-40px;margin-right:-50px}.content{flex:1}@media(max-width:768px){.app{padding:0;gap:0;overflow-x:hidden;max-width:100vw}.main{margin-left:0;min-height:100vh;min-height:100dvh;padding:0}.main:before{display:none}.content{padding-bottom:var(--safe-bottom, 0);overflow-x:hidden}.container{padding:0 var(--space-sm);max-width:100%}.two-col-grid{grid-template-columns:1fr;gap:var(--space-sm)}}@media(max-width:375px){.container{padding:0 var(--space-xs)}}.header{position:sticky;top:0;z-index:var(--z-modal);background:var(--color-white)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:var(--space-sm);gap:var(--space-md)}.logo{display:flex;align-items:center;gap:var(--space-xs);margin-left:var(--space-sm)}.logo-text{font-family:var(--font-pixel);font-size:10px;letter-spacing:1px}@media(min-width:768px){.logo-text{font-size:12px}}.nav{display:none;align-items:center;gap:var(--space-md)}@media(min-width:768px){.nav{display:flex}}.nav-link{font-family:var(--font-pixel);font-size:8px;letter-spacing:1px;padding:var(--space-xs) var(--space-sm);border:2px solid transparent;transition:none}.nav-link:hover{border-bottom-color:var(--color-black)}.nav-link.active{border:2px solid var(--color-black);background:var(--color-black);color:var(--color-white)}.nav-cta{background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.nav-cta:hover{background:var(--color-white);color:var(--color-black)}.nav .nav-dashboard{display:none;align-items:center;width:auto;padding:8px;border:none}.nav .nav-dashboard:hover{border:none;background:transparent}.nav .nav-dashboard img{width:20px;height:20px;image-rendering:pixelated}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;background:none;border:2px solid var(--color-black);cursor:pointer}.mobile-menu-toggle:hover{background:var(--color-black)}.mobile-menu-toggle:hover span{background:var(--color-white)}.mobile-menu-toggle.active{background:var(--color-black)}.mobile-menu-toggle.active span{background:var(--color-white)}@media(min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle span{display:block;width:20px;height:3px;background:var(--color-black);transition:none}.mobile-menu{display:none;position:fixed;inset:0;background:var(--color-white);z-index:var(--z-modal-backdrop);padding-top:80px}.mobile-menu.active{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-xl)}.mobile-nav-link{font-family:var(--font-pixel);font-size:14px;padding:var(--space-md);border:2px solid transparent}.mobile-nav-link:hover{border-color:var(--color-black)}.mobile-nav-cta{background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.mobile-nav-cta:hover{background:var(--color-white);color:var(--color-black)}.mobile-nav .nav-dashboard{display:none;align-items:center}.mobile-nav .nav-dashboard img{width:16px;height:16px;image-rendering:pixelated;margin-right:6px}.mobile-menu-close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;background:var(--color-black);border:2px solid var(--color-black);color:var(--color-white);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.app .header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);height:var(--header-height);background:var(--white);border:var(--border);box-shadow:5px 5px 0 var(--black);margin-bottom:var(--space-lg);margin-right:-2px;position:sticky;top:var(--space-lg);z-index:var(--z-sticky)}.header-title{font-family:var(--font-pixel);font-size:10px;display:flex;align-items:center;gap:var(--space-sm)}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.dashboard-menu-toggle{display:none;flex-shrink:0;width:40px;height:40px;align-items:center;justify-content:center;background:var(--white);border:none;cursor:pointer;padding:4px}.dashboard-menu-toggle .toggle-logo-icon{width:28px;height:auto}.dashboard-menu-toggle:active{transform:translate(2px,2px)}.dashboard-menu-toggle:active .toggle-logo-icon{opacity:.7}@media(max-width:768px){.app .header{height:56px;min-height:56px;padding:var(--space-xs) var(--space-sm);padding-top:calc(var(--space-xs) + var(--safe-top, 0));top:0;margin:0;gap:var(--space-xs);flex-wrap:nowrap;box-shadow:0 2px 8px #00000026;border-left:none;border-right:none;overflow:hidden}.dashboard-menu-toggle{display:inline-flex;width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0}.dashboard-menu-toggle .toggle-logo-icon{width:22px;height:auto}.app .header .header-title{flex:1 1 auto;min-width:0;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--space-xs)}.app .header .header-title-icon{display:none}.app .header .header-actions{flex-shrink:0;gap:4px;display:flex;align-items:center}.app .header .profile-name,.app .header .profile-arrow,.app .header .cartridge-status-text{display:none}.app .header .cartridge-status{padding:4px 10px;min-width:auto;gap:4px;height:44px;min-height:44px}.app .header .profile-credits{padding:4px 10px;height:44px;min-height:44px;font-size:10px}.user-btn{width:44px;height:44px;min-width:44px;min-height:44px}.header-search-wrapper{display:none}.app .header .btn{padding:8px 12px;height:44px;min-height:44px;font-size:8px;white-space:nowrap}.app .header .btn-primary,.app .header .btn[class*=generate],.app .header .btn[class*=new],.app .header #new-brand-btn{padding:8px 14px;font-size:9px;height:48px;min-height:48px}}@media(max-width:375px){.app .header{padding:4px 8px;padding-top:calc(4px + var(--safe-top, 0));gap:4px}.app .header .header-title{font-size:7px;padding:0 4px}.dashboard-menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px}.dashboard-menu-toggle .toggle-logo-icon{width:20px}.app .header .btn{padding:4px 6px;font-size:6px;height:44px;min-height:44px}.app .header .btn-primary,.app .header #new-brand-btn{padding:4px 8px;font-size:7px;height:44px;min-height:44px}.app .header .profile-credits{padding:2px 6px;height:44px;min-height:44px;font-size:9px}.app .header .btn .btn-text{display:none}.app .header .btn .btn-icon{margin:0}.user-btn{width:44px;height:44px;min-width:44px;min-height:44px}.app .header .cartridge-status{padding:4px 6px;height:44px;min-height:44px}}.header-search-wrapper{position:relative;flex:0 1 auto;width:180px;margin-left:var(--space-sm)}.header-search-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;pointer-events:none;z-index:var(--z-base)}.header-search-input{width:100%;height:32px;box-sizing:border-box;font-family:var(--font-pixel);font-size:8px;letter-spacing:.5px;padding:8px 20px 8px 28px;border:none;background:transparent;color:var(--color-black)}.header-search-input::placeholder{color:var(--gray)}.header-search-input:focus{outline:none;border-bottom:2px solid var(--color-black)}.header-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:18px;height:18px;padding:0;font-size:14px;line-height:1;font-family:var(--font-mono);background:transparent;border:none;color:var(--gray);cursor:pointer;display:none}.header-search-clear:hover{color:var(--color-black)}.header-search-wrapper.has-value .header-search-clear{display:flex;align-items:center;justify-content:center}@media(max-width:640px){.header-search-wrapper{max-width:140px;min-width:80px}}.header-credits{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--gray-light);border:2px solid var(--gray-mid);cursor:pointer}.header-credits:hover{background:var(--white);border-color:var(--black)}.user-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);cursor:pointer}.user-btn:hover .user-avatar{box-shadow:var(--shadow-xs)}.user-avatar{width:36px;height:36px;background:var(--black);color:var(--white);font-family:var(--font-pixel);font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--black)}.user-info{text-align:left}.user-name{font-weight:600;font-size:.9rem}.user-role{font-size:.75rem;color:var(--gray)}.footer{background:var(--color-black);color:var(--color-white);padding:var(--space-xl) 0 var(--space-lg);border-top:var(--border-width) solid var(--color-white)}.footer-content{display:grid;gap:var(--space-lg);margin-bottom:var(--space-lg)}@media(min-width:768px){.footer-content{grid-template-columns:1fr 2fr}}.footer-logo{font-family:var(--font-pixel);font-size:12px;display:block;margin-bottom:var(--space-xs)}.footer-tagline{font-size:12px;color:var(--color-gray-mid)}.footer-nav{display:grid;gap:var(--space-lg)}@media(min-width:768px){.footer-nav{grid-template-columns:repeat(3,1fr)}}.footer-nav-title{font-family:var(--font-pixel);font-size:10px;margin-bottom:var(--space-sm)}.footer-link{display:block;font-size:12px;padding:4px 0;color:var(--color-gray-mid)}.footer-link:hover{color:var(--color-white);text-decoration:underline}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid var(--color-gray-dark);text-align:center}.footer-copyright{font-size:10px;color:var(--color-gray-mid)}.footer-login{font-family:var(--font-pixel);font-size:9px;color:var(--color-gray-mid);text-decoration:none;padding:6px 12px;border:1px solid var(--color-gray-dark);margin-left:var(--space-md);transition:all .2s}.footer-login:hover{color:var(--color-white);border-color:var(--color-white);text-decoration:none}.footer-bottom{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.sidebar{width:var(--sidebar-width);background:var(--gray-light);display:flex;flex-direction:column;position:fixed;top:var(--space-lg);left:var(--space-lg);bottom:var(--space-lg);z-index:var(--z-header);transition:transform .2s ease}.sidebar-close{display:none}.sidebar-logo{padding:var(--space-md) var(--space-sm)}.sidebar-logo-link{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:inherit;width:100%}.sidebar-logo-icon{width:22px;height:auto;flex-shrink:0;transition:none}.sidebar-logo-icon.pressed{transform:translate(2px,2px)}.sidebar-logo-text{font-family:var(--font-pixel);font-size:8px;line-height:1;letter-spacing:.5px;white-space:nowrap}.sidebar-nav{flex:1;padding:var(--space-sm) 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{margin-bottom:var(--space-md)}.nav-label{font-family:var(--font-pixel);font-size:7px;color:var(--gray);letter-spacing:1px;padding:var(--space-xs) var(--space-sm)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin:2px var(--space-xs);font-size:.9rem;font-weight:500;cursor:pointer;background:var(--white);border:2px solid transparent}.nav-item:hover{border-color:var(--black)}.nav-item.active{background:var(--black);color:var(--white);box-shadow:var(--shadow-xs);border-color:var(--black)}.nav-item.active:hover{box-shadow:var(--shadow-xs),inset 0 0 0 2px var(--white)}.nav-item.active .nav-icon{animation:bounce 1s ease-in-out infinite}.nav-text{flex:1}.nav-badge{font-family:var(--font-pixel);font-size:8px;background:var(--gray-light);padding:3px 8px}.nav-item.active .nav-badge{background:var(--magenta);color:var(--white)}.sidebar-footer{padding:var(--space-sm)}.credits-widget{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--black);color:var(--white);border:var(--border);box-shadow:var(--shadow-sm);cursor:pointer}.credits-widget:hover{box-shadow:var(--shadow-sm),inset 0 0 0 2px var(--white)}.credits-widget:active{transform:translate(3px,3px);box-shadow:none}@media(max-width:768px){.sidebar{position:fixed;inset:0;width:100%;max-width:320px;background:var(--white);z-index:var(--z-emergency);transform:translate(-100%);transition:transform .25s ease-out;padding-top:var(--safe-top, 0);padding-bottom:var(--safe-bottom, 0);padding-left:var(--safe-left, 0);padding-right:0;display:flex;flex-direction:column;box-shadow:none}.sidebar.open,.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #0000004d}.sidebar:before{content:"";position:fixed;top:0;left:100%;width:100vw;height:100vh;background:#0000;pointer-events:none;transition:background .25s ease-out}.sidebar.mobile-open:before{background:#00000080;pointer-events:auto}.sidebar-logo{padding:calc(var(--space-lg) + var(--safe-top, 0)) var(--space-md) var(--space-md);border-bottom:2px solid var(--black);margin-bottom:0;flex-shrink:0}.sidebar-logo-link{justify-content:flex-start;gap:var(--space-sm)}.sidebar-logo-icon{width:28px}.sidebar-logo-text{display:block;font-size:9px}.sidebar-nav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--space-md) 0}.nav-item{padding:var(--space-md) var(--space-lg);font-size:1rem;min-height:48px;display:flex;align-items:center;margin:var(--space-xs) var(--space-sm);border-radius:0}.nav-item:active{transform:scale(.98);background:var(--gray-light)}.nav-item.active:active{background:var(--black)}.nav-icon .pixel-icon{width:24px;height:24px}.nav-label{font-size:8px;padding:var(--space-sm) var(--space-lg);margin-top:var(--space-sm)}.sidebar-footer{flex-shrink:0;padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-bottom, 0));border-top:2px solid var(--gray-light)}.credits-widget{min-height:48px}.sidebar-close{position:absolute;top:calc(var(--space-sm) + var(--safe-top, 0));right:var(--space-sm);width:44px;height:44px;background:var(--black);border:2px solid var(--black);color:var(--white);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--z-content)}.sidebar-close:active{transform:scale(.95);background:var(--gray-dark)}}@media(max-width:375px){.sidebar{max-width:280px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-pixel);font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:var(--space-sm) var(--space-lg);background:var(--color-white);color:var(--color-black);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-md);cursor:pointer;white-space:nowrap;text-align:center;transition:none}.btn:hover{background:var(--color-black);color:var(--color-white);transform:translate(1px,1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn:disabled{opacity:.3;box-shadow:none;cursor:not-allowed;transform:none}.btn.is-loading{opacity:.7;cursor:wait;pointer-events:none}.btn.is-loading:disabled{box-shadow:var(--shadow-md)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn.is-loading svg{animation:btn-spin .6s linear infinite}.btn-primary{background:var(--color-black);color:var(--color-white)}.btn-primary:hover{background:var(--color-black);box-shadow:var(--shadow-sm),inset 0 0 0 2px var(--color-white)}.btn-secondary{background:var(--color-white);color:var(--color-black);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-black)}.btn-secondary:hover{background:var(--color-gray-light);box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(1px,1px)}.btn-ghost{background:transparent;box-shadow:none;border:2px solid var(--color-black)}.btn-ghost:hover{background:var(--color-black);color:var(--color-white);transform:none}.btn-danger{border-color:var(--color-red);color:var(--color-red);box-shadow:4px 4px 0 var(--color-red)}.btn-danger:hover{background:var(--color-red);color:var(--color-white);box-shadow:2px 2px 0 var(--color-red)}.btn-magenta{background:var(--color-cat-a);color:var(--color-white);border-color:var(--color-cat-a)}.btn-cyan{background:var(--color-cat-c);color:var(--color-black);border-color:var(--color-cat-c)}.btn-lime{background:var(--color-cat-d);color:var(--color-black);border-color:var(--color-cat-d)}.btn-orange{background:var(--color-cat-b);color:var(--color-white);border-color:var(--color-cat-b)}.btn-sm{font-size:8px;padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-sm)}.btn-lg{font-size:11px;padding:var(--space-md) var(--space-xl);box-shadow:var(--shadow-lg)}.btn-large{font-size:12px;padding:var(--space-md) var(--space-lg)}.btn-block{width:100%}.btn-icon{width:36px;height:36px;padding:0;font-size:16px}.btn-icon-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;padding:0}.btn-icon-sm:hover{background:var(--color-gray-light)}.btn-icon-sm.btn-primary{background:var(--color-black)}.btn-icon-sm.btn-primary:hover{background:var(--color-cat-a)}.btn-icon-xs{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-mid);cursor:pointer;padding:0}.btn-icon-xs:hover{background:var(--color-black);border-color:var(--color-black)}.btn-icon-xs:hover .pixel-icon{filter:invert(1)}.btn-auth{font-family:var(--font-pixel);font-size:10px;padding:16px 24px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:transform 0s,box-shadow 0s}.btn-auth:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.btn-auth:disabled{opacity:.5;cursor:not-allowed}.btn-auth:disabled:active{transform:none;box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-black)}.btn-auth-primary{background:var(--color-black);color:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-black);width:100%}.btn-auth-primary:hover:not(:disabled){background:var(--color-gray-dark)}.btn-oauth{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;font-family:var(--font-pixel);font-size:9px;padding:14px 20px;background:var(--color-white);color:var(--color-black);border:2px solid var(--color-black);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-black);cursor:pointer;text-transform:uppercase;letter-spacing:1px}.btn-oauth:hover{background:var(--color-gray-light)}.btn-oauth:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.btn-oauth-icon{width:18px;height:18px}.btn-loading,.btn-auth.loading .btn-text{display:none}.btn-auth.loading .btn-loading{display:inline}.btn-delete-session:hover{background:var(--color-red);color:var(--color-white);border-color:var(--color-red)}.btn-dice{font-size:18px;line-height:1;display:inline-block;vertical-align:middle;margin-top:-10px}@media(max-width:768px){.btn{min-height:44px;padding:var(--space-sm) var(--space-md)}.btn:active{transform:scale(.98)}.btn-primary{min-height:48px}.btn-icon{width:44px;height:44px;min-width:44px;min-height:44px}.btn-icon-sm{width:36px;height:36px;min-width:36px;min-height:36px}.btn-icon-xs{width:32px;height:32px;min-width:32px;min-height:32px}.btn-auth,.btn-auth-primary,.btn-oauth{min-height:52px;padding:var(--space-md) var(--space-lg)}.btn-block{min-height:48px}.btn-lg,.btn-large{min-height:52px}}@media(max-width:480px){.btn{font-size:9px;padding:var(--space-sm)}.btn-lg,.btn-large{font-size:10px}}.card{background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);padding:var(--space-md)}.card:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px)}.trigger-card{display:flex;flex-direction:column;background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);padding:var(--space-md);cursor:pointer;text-decoration:none;color:var(--color-black);position:relative}.trigger-card:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px)}.trigger-card:hover .trigger-card-illustration{background-color:var(--cat-color, var(--color-gray-light))}.trigger-card-illustration{aspect-ratio:1;background:var(--color-gray-light);border:2px solid var(--color-black);margin-bottom:var(--space-sm);display:flex;align-items:center;justify-content:center;font-size:32px}.trigger-card-code{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid);margin-bottom:4px}.trigger-card-title{font-family:var(--font-pixel);font-size:10px;line-height:1.4}.trigger-card.selected{background:var(--color-black);color:var(--color-white);box-shadow:none;transform:translate(var(--shadow-offset),var(--shadow-offset))}.trigger-card.selected .trigger-card-code{color:var(--color-gray-mid)}.trigger-card.selected:after{content:"✓";position:absolute;top:var(--space-xs);right:var(--space-xs);font-size:16px}.stat-card{background:var(--color-white);border:var(--border);box-shadow:var(--shadow-md);padding:var(--space-lg);text-align:center;position:relative}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--color-black)}.stat-card.magenta:before{background:var(--color-cat-a)}.stat-card.cyan:before{background:var(--color-cat-c)}.stat-card.lime:before{background:var(--color-cat-d)}.stat-card.orange:before{background:var(--color-cat-b)}.stat-icon{font-size:32px;margin-bottom:var(--space-sm)}.stat-card:hover .stat-icon{animation:bounce .5s ease-in-out}.stat-value{font-family:var(--font-pixel);font-size:28px;margin-bottom:var(--space-2xs)}.stat-label{font-size:.85rem;color:var(--gray)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);background:var(--color-white);border:var(--border);box-shadow:var(--shadow-lg);cursor:pointer;text-align:center}.action-card:hover{background:var(--color-black);color:var(--color-white);transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.action-card:active{transform:translate(4px,4px);box-shadow:none}.action-card-compact{padding:var(--space-md);box-shadow:var(--shadow-md)}.action-label{font-family:var(--font-pixel);font-size:10px}.action-card-compact .action-label{font-size:8px}.action-desc{font-size:.8rem;color:var(--gray)}.action-card:hover .action-desc{color:var(--color-gray-mid)}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.actions-grid-compact{grid-template-columns:repeat(4,1fr)}.idea-card{position:relative;padding:0;border:3px solid var(--color-black);box-shadow:6px 6px 0 var(--color-black);background:var(--color-white);cursor:pointer;display:flex;flex-direction:column;min-width:0;max-width:100%}.idea-card:hover{box-shadow:8px 8px 0 var(--color-black);transform:translate(-2px,-2px)}.idea-card.selected{background:var(--color-black);color:var(--color-white)}.idea-card.selected .idea-card-header{background:var(--color-black);border-bottom-color:var(--color-gray-dark)}.idea-card.selected .idea-card-title{color:var(--color-white);border-bottom-color:var(--color-gray-mid)}.idea-card.selected .idea-card-number{color:var(--color-white)}.idea-card.selected .idea-card-label{color:var(--cat-color)}.refined-badge{background:var(--color-black);color:var(--color-white);padding:2px 6px;font-family:var(--font-pixel);font-size:8px;margin-left:8px}.idea-card-header{display:flex;flex-direction:column;background:var(--color-white);border-bottom:3px solid var(--color-black)}.idea-card-topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--color-gray-mid)}.idea-card-format{display:flex;align-items:center;gap:6px}.idea-card-format-mini-icon{width:14px;height:14px;image-rendering:pixelated;image-rendering:crisp-edges}.idea-card.selected .idea-card-format-mini-icon{filter:invert(1)}.idea-card-format-text{font-family:var(--font-pixel);font-size:9px;color:var(--color-black);letter-spacing:1px}.idea-card.selected .idea-card-format-text{color:var(--color-white)}.idea-card-titlebar{display:flex;align-items:center;gap:8px;padding:8px 10px}.idea-card-category-badge{font-family:var(--font-pixel);font-size:8px;padding:3px 6px;border:2px solid var(--color-black);white-space:nowrap;flex-shrink:0}.idea-card-header-title{font-family:var(--font-pixel);font-size:9px;color:var(--color-black);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.idea-card.selected .idea-card-header-title{color:var(--color-white)}.idea-card-number{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid);flex-shrink:0}.idea-card-actions{display:flex;align-items:center;gap:4px;position:relative}.idea-card-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;cursor:pointer;color:var(--color-black);padding:0}.idea-card-actions button svg{width:16px;height:16px}.btn-canvas-view .canvas-view-icon{width:16px;height:16px;image-rendering:pixelated}.btn-canvas-view:hover .canvas-view-icon{filter:invert(1)}.idea-card-actions button:hover{background:var(--color-black);color:var(--color-white)}.idea-card-actions button:hover svg{fill:var(--color-white)}.idea-card.selected .idea-card-actions button{color:var(--color-white)}.idea-card.selected .idea-card-actions button:hover{background:var(--color-white);color:var(--color-black)}.idea-card.selected .idea-card-actions button:hover svg{fill:var(--color-black)}.idea-card.selected .btn-canvas-view .canvas-view-icon{filter:invert(1)}.idea-card.selected .btn-canvas-view:hover .canvas-view-icon{filter:invert(0)}.idea-save-btn .star-black{display:block}.idea-save-btn .star-white,.idea-save-btn:hover .star-black{display:none}.idea-save-btn:hover .star-white{display:block}.idea-save-btn.saved{background:var(--color-black)}.idea-save-btn.saved .star-black{display:none}.idea-save-btn.saved .star-white{display:block}.idea-save-btn.saved:hover{background:var(--color-gray-dark)}.idea-card.selected .idea-save-btn .star-black{display:none}.idea-card.selected .idea-save-btn .star-white{display:block}.idea-card.selected .idea-save-btn.saved{background:var(--color-white)}.idea-card.selected .idea-save-btn.saved .star-black{display:block}.idea-card.selected .idea-save-btn.saved .star-white{display:none}.idea-card.selected .idea-save-btn.saved:hover{background:var(--color-gray-light)}.idea-card.selected .idea-save-btn.saved:hover .star-black{display:block}.idea-card.selected .idea-save-btn.saved:hover .star-white{display:none}.idea-card-hero,.idea-card-meta{display:flex;align-items:center;gap:var(--space-sm)}.idea-card-format-icon,.idea-card-format-tag{display:none}.idea-delete-btn:hover{color:red!important}.idea-copy-btn.copied{color:var(--color-gray-mid)}.idea-card-view-action,.idea-card-footer-actions{padding:var(--space-sm)}.btn-view-idea-large{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:10px;color:var(--color-black);cursor:pointer;box-shadow:4px 4px 0 var(--color-black);transition:none}.btn-view-idea-large:hover{background:var(--color-black);color:var(--color-white);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.btn-view-idea-large:active{transform:translate(4px,4px);box-shadow:none}.btn-view-idea-large .view-idea-icon{width:16px;height:16px;image-rendering:pixelated}.btn-view-idea-large:hover .view-idea-icon{filter:invert(1)}.idea-card.selected .btn-view-idea-large{background:var(--color-black);border-color:var(--color-white);color:var(--color-white);box-shadow:4px 4px 0 var(--color-white)}.idea-card.selected .btn-view-idea-large .view-idea-icon{filter:invert(1)}.idea-card.selected .btn-view-idea-large:hover{background:var(--color-white);color:var(--color-black);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-white)}.idea-card.selected .btn-view-idea-large:hover .view-idea-icon{filter:invert(0)}.idea-card-body{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);flex:1}.idea-card-body .btn-generate-img{margin-top:auto}.idea-card-title{font-family:var(--font-pixel);font-size:10px;margin:0;padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-black);color:var(--color-black);line-height:1.5;text-transform:uppercase}.idea-card.selected .idea-card-title{border-bottom-color:var(--color-gray-mid)}.idea-card-section{display:flex;flex-direction:column;gap:2px}.idea-card-label{font-family:var(--font-pixel);font-size:7px;letter-spacing:.5px;color:var(--color-gray-mid);text-transform:uppercase;margin:0}.idea-card-headline{font-family:var(--font-mono);font-size:13px;font-weight:700;font-style:normal;margin:0;line-height:1.4;color:var(--color-black)}.idea-card.selected .idea-card-headline{color:var(--color-white)}.headline-nav-btn{background:var(--color-white);border:2px solid var(--color-black);width:24px;height:24px;font-family:var(--font-pixel);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.headline-nav-btn:hover{background:var(--color-gray-light)}.headline-nav-btn:active{background:var(--color-gray-mid)}.headline-counter{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid);margin-left:auto}.idea-card-visual-section{flex:1}.idea-card-visual{font-family:var(--font-mono);font-size:12px;line-height:1.6;margin:0}.idea-card-idea-section{padding:0 0 var(--space-sm) 0;margin-bottom:var(--space-sm);border-bottom:2px dashed var(--color-gray-mid)}.idea-card-idea-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.idea-bulb-icon{width:18px;height:18px;fill:var(--cat-color, var(--color-black))}.idea-card-idea-label{font-family:var(--font-pixel);font-size:10px;color:var(--cat-color, var(--color-black));text-transform:uppercase;letter-spacing:1px}.idea-card-idea{font-family:var(--font-mono);font-size:13px;line-height:1.5;margin:0;font-weight:600;color:var(--color-black)}.idea-card.selected .idea-card-idea-section{border-bottom-color:var(--color-gray-dark)}.idea-card.selected .idea-bulb-icon{fill:var(--cat-color, var(--color-white))}.idea-card.selected .idea-card-idea-label{color:var(--cat-color, var(--color-white))}.idea-card.selected .idea-card-idea{color:var(--color-white)}.idea-card-subline-section{margin-top:calc(-1 * var(--space-xs))}.idea-card-subline{font-family:var(--font-mono);font-size:11px;line-height:1.4;margin:0;color:var(--color-gray-mid);font-style:italic}.idea-card-insight{font-family:var(--font-mono);font-size:11px;line-height:1.5;margin:0;font-style:italic}.idea-card-mechanism-section{margin-top:10px}.idea-card-mechanism{font-family:var(--font-mono);font-size:11px;line-height:1.4;margin:0;color:var(--color-gray-dark)}.idea-card.selected .idea-card-mechanism{color:var(--color-gray-light)}.idea-card-critique-section{background:var(--color-gray-light);padding:12px;margin-top:12px;border:2px dashed var(--color-black)}.critique-label{background:var(--color-black);color:var(--color-white);padding:2px 4px}.idea-card-lineage{margin-top:10px;padding-top:10px;border-top:1px dashed var(--color-gray-light)}.idea-card-fragment-section{margin-bottom:10px}.lineage-label{font-size:7px;color:var(--color-gray-mid);margin:0}.idea-card-fragment,.idea-card-truth{font-family:var(--font-mono);font-size:11px;font-style:italic;line-height:1.4;margin:0;color:var(--color-gray-dark)}.idea-card.selected .idea-card-lineage{border-top-color:var(--color-gray-dark)}.idea-card.selected .lineage-label{color:var(--color-gray-mid)!important}.idea-card.selected .idea-card-fragment,.idea-card.selected .idea-card-truth{color:var(--color-gray-light)}.idea-image-container{width:100%;padding:0;margin:0;line-height:0;font-size:0}.idea-image-container.no-image{border-bottom:3px solid var(--color-black);background:var(--color-gray-light)}.idea-image-container.no-image .image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);min-height:120px;gap:var(--space-sm)}.idea-image-container.no-image .image-placeholder span{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid)}.image-placeholder-with-button{display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);min-height:140px;background:var(--dither-25, var(--color-gray-light))}.btn-generate-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;max-width:200px;padding:var(--space-md) var(--space-lg);border:3px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:9px;cursor:pointer;transition:none;box-shadow:4px 4px 0 var(--color-black)}.btn-generate-img-placeholder .btn-gen-icon{display:flex;align-items:center;justify-content:center}.btn-generate-img-placeholder .btn-gen-icon svg{width:32px;height:32px}.btn-generate-img-placeholder:hover{background:var(--color-black);color:var(--color-white)}.btn-generate-img-placeholder:hover svg{fill:var(--color-white)}.btn-generate-img-placeholder:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.btn-generate-img-placeholder.generating{opacity:.7;pointer-events:none}.btn-generate-img-placeholder.generating .btn-gen-text{animation:blink .5s steps(2) infinite}.generated-image-wrapper,.generated-video-wrapper{position:relative;width:100%;line-height:0;font-size:0}.generated-image{width:100%;height:auto;display:block;image-rendering:auto;margin:0;padding:0;border:none}.idea-video-container{padding:0;margin:0;line-height:0;font-size:0}.film-stripe{width:100%;height:12px;background-image:url(data:image/gif;base64,R0lGODlhzwIaAIABAAAAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYjdjNjRjY2Y5LCAyMDI0LzA3LzE2LTEyOjM5OjA0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjYuMCAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNEJEMTJFNURDQkYxMUYwQkU3NUY1MEQ2QTI3QkE5RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNEJEMTJFNkRDQkYxMUYwQkU3NUY1MEQ2QTI3QkE5RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE0QkQxMkUzRENCRjExRjBCRTc1RjUwRDZBMjdCQTlEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0QkQxMkU0RENCRjExRjBCRTc1RjUwRDZBMjdCQTlEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAM8CGgAAAv+Ej6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHxKLxiEwql8ym8wmNSqfUqvWKTQW23G5A4vVSwt0JuQw+b83qb1rNhkfa73OdfA/n0XN53w9B92cXCOjQ5jaIt8c1ZngoqKjH2Ei5ZulIqIEoOVkY+YCYGMrZKWbKR/q4IIp6+ampGtvQCjtLCwq5yprLUCq7aBsMPKy7q1ArfOo6anzr+0vsiRGN2wt9zZuNXG19nJAsner9zP2N0I1dDp5ufn7Q7r6Ovg0fb19Pn4//bhDuXIxcQG39APwTOA1gQgv3+M3TV/CguocOBxKk6G+fwYb/GSNq3NhPojyLI5eJGzdxYUmTKVVeJMnuo8iVKFuytFnzpUualZTdrMARpEeZQYViNAoT4tGgM5XujLlUY9OKT53+1HkValKkVblm1bq149CxUaUWnUr1q1W1PnsqZCu2LNmwXnPyfHUSL0K4Z4mGZNp3bte6erHaTXt4bWLEbt8ujksXLeHCOBvvfTy5GUOzfgXDzWyJsmHLlTWPFg32c2CMkiVPDm36blvSqVWvlos7MuDOuQeD3sTRtfDbunkXZ727N+bkyI3b5kwR7XDnzz0vZ35c+fWPl2kr9l57u3Xw31GHJ8849nnz6UO7n80esm/ig4Njr64dvXz82cNO/x8f336YdRfff/kF+Bt86q23YHnMNCgggvQ91tqE+r3GjIIZPghbhxx+mJeEFl7oGoEQGtjffCOKSJ1+FQL4XogQJhhijDXKuKGGIOK4o2MurjgjjT4iaKKORvJ45JBBosjXfeKlSKGTT6oII5JDephkkT1qaaWSWHa52T5M8kclgEuuuOVpNl6Z5WlnVglfm7Kl6eaXXuYIZmlvmrmBlCSiuSabdM6ZJ6E3xomnoIcuqiiBiXJZ6F170oXho44GqmcHRxGWiW+IAVWQgKBuWlcclIZaqqmfiarqgKlS0umqoXoK1gXccRrmhbXF6uqrrvDaaxbCDktsscYei2yyyiouy2yzzj4LbbTSTktttdZei2222m7LbbfefgtuuOKOS2655p6LbroIFAAAOw==);background-repeat:repeat-x;background-size:auto 100%;image-rendering:pixelated}.film-stripe-top{margin-bottom:0}.film-stripe-bottom{margin-top:0}.generated-video{width:100%;height:auto;display:block;margin:0;padding:0;border:none}.image-actions,.video-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.generated-image-wrapper:hover .image-actions,.generated-video-wrapper:hover .video-actions{opacity:1}@media(hover:none),(max-width:768px){.image-actions,.video-actions{opacity:1}}.btn-img-action svg{width:14px;height:14px;stroke:var(--color-black)}.btn-img-action:hover svg{fill:var(--color-white);stroke:var(--color-white)}.btn-img-action:active{transform:translate(2px,2px);box-shadow:none}.btn-generate-img{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border:3px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:9px;cursor:pointer;transition:none;box-shadow:4px 4px 0 var(--color-black);margin-top:auto}.idea-card[data-format=video] .btn-generate-img,.idea-card[data-format=campaign] .btn-generate-img{display:none}.btn-delete-idea{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;margin-top:8px;border:2px solid var(--color-red, #FF0000);background:var(--color-white);color:var(--color-red, #FF0000);font-family:var(--font-pixel);font-size:8px;cursor:pointer;transition:none}.btn-delete-idea svg{fill:var(--color-red, #FF0000)}.btn-delete-idea:hover{background:var(--color-red, #FF0000);color:var(--color-white)}.btn-delete-idea:hover svg{fill:var(--color-white)}.copy-dropdown{background:var(--color-white);border:3px solid var(--color-black);box-shadow:4px 4px 0 var(--color-black);min-width:140px}.copy-dropdown button{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-white);border:none;border-bottom:1px solid var(--color-gray-mid);font-family:var(--font-mono);font-size:11px;text-align:left;cursor:pointer}.copy-dropdown button:last-child{border-bottom:none}.copy-dropdown button:hover{background:var(--color-black);color:var(--color-white)}.image-preview-overlay{position:fixed;inset:0;background:#000000f2;z-index:var(--z-modal-urgent);display:flex;align-items:center;justify-content:center}.image-preview-container{position:relative;max-width:90vw;max-height:90vh}.image-preview-container img{max-width:85vw;max-height:85vh;border:4px solid var(--color-white);box-shadow:0 0 0 4px var(--color-black)}.image-preview-close{position:absolute;top:-40px;right:0;width:32px;height:32px;background:var(--color-white);color:var(--color-black);border:3px solid var(--color-black);font-family:var(--font-pixel);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--color-black)}.image-preview-close:hover{background:var(--color-black);color:var(--color-white)}.idea-card-footer{display:flex;gap:var(--space-2xs);padding:var(--space-sm);background:var(--color-gray-light);border-top:2px solid var(--color-gray-mid)}.idea-card-footer .btn{flex:1}@media(max-width:768px){.idea-card{box-shadow:4px 4px 0 var(--color-black)}.idea-card:hover{box-shadow:4px 4px 0 var(--color-black);transform:none}.idea-card:active{transform:scale(.98)}.idea-card-header{padding:0}.idea-card-topbar{padding:8px 12px;min-height:44px}.idea-card-titlebar{padding:10px 12px}.idea-card-format-icon{width:48px;height:48px}.idea-card-format-tag{display:inline-block}.btn-canvas-view,.idea-copy-btn,.idea-save-btn,.idea-delete-btn{width:36px;height:36px;min-width:36px;min-height:36px}.btn-canvas-view svg,.idea-copy-btn svg,.idea-save-btn svg,.idea-delete-btn svg{width:18px;height:18px}.btn-canvas-view .canvas-view-icon{width:18px;height:18px}.idea-card-body{padding:var(--space-sm);gap:var(--space-sm)}.idea-card-title{font-size:9px}.idea-card-headline{font-size:13px}.idea-card-visual{font-size:12px}.idea-card-insight,.idea-card-mechanism{font-size:11px}.btn-view-idea-large,.btn-generate-img,.btn-generate-img-placeholder{min-height:48px;padding:var(--space-md)}.image-actions,.video-actions{opacity:1}.btn-img-action{width:36px;height:36px}.btn-img-action svg{width:16px;height:16px}.headline-nav-btn{width:36px;height:36px}}@media(max-width:480px){.idea-card{box-shadow:3px 3px 0 var(--color-black)}.idea-card-topbar{padding:6px 10px;flex-wrap:wrap;gap:8px}.idea-card-titlebar{padding:8px 10px}.idea-card-body{padding:var(--space-xs)}.idea-card-headline{font-size:12px}.idea-card-visual{font-size:11px}}.idea-row{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-white);border:2px solid var(--color-gray-mid);align-items:center;cursor:pointer}.idea-row:hover{border-color:var(--color-black);box-shadow:var(--shadow-sm)}.idea-thumb{width:64px;height:64px;border:2px solid var(--color-black);flex-shrink:0;overflow:hidden}.idea-trigger{font-family:var(--font-pixel);font-size:8px;padding:3px 8px;background:var(--color-black);color:var(--color-white)}.idea-trigger.magenta{background:var(--color-cat-a)}.idea-trigger.cyan{background:var(--color-cat-c);color:var(--color-black)}.idea-trigger.lime{background:var(--color-cat-d);color:var(--color-black)}.idea-trigger.orange{background:var(--color-cat-b)}.idea-trigger.purple{background:var(--color-cat-e)}.idea-headline{font-size:.95rem;font-style:italic;color:var(--color-gray-dark)}.gallery-card{background:var(--color-white);border:2px solid var(--color-black);box-shadow:3px 3px 0 var(--color-black);cursor:pointer;overflow:hidden}.gallery-card:hover{box-shadow:4px 4px 0 var(--color-black);transform:translate(-1px,-1px)}.gallery-card.selected{border-color:var(--color-cat-a);box-shadow:3px 3px 0 var(--color-cat-a)}.gallery-card-image{position:relative;aspect-ratio:4/3;background:var(--color-gray-light);overflow:hidden}.gallery-card-image img{width:100%;height:100%;object-fit:cover}.gallery-card-overlay{position:absolute;inset:0;background:#0009;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-sm);opacity:0;transition:opacity .1s}.gallery-card:hover .gallery-card-overlay{opacity:1}.gallery-card.selected .gallery-card-overlay{opacity:1;background:#ff00ff4d}.gallery-card-info{padding:var(--space-sm);border-top:2px solid var(--color-gray-mid);display:flex;flex-direction:column;gap:4px}.gallery-card-headline{font-family:var(--font-mono);font-size:10px;line-height:1.3;color:var(--color-black);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.gallery-card-date{font-family:var(--font-mono);font-size:10px;color:var(--gray)}.gallery-card-btns{display:flex;gap:4px}.gallery-card-btns .btn-img-action{width:24px;height:24px;padding:0;background:var(--color-white);border:2px solid var(--color-black);box-shadow:2px 2px 0 var(--color-black);display:flex;align-items:center;justify-content:center;cursor:pointer}.gallery-card-btns .btn-img-action svg{width:12px;height:12px}.gallery-card-btns .btn-img-action:hover{background:var(--color-black);color:var(--color-white)}.gallery-card-btns .btn-img-action:hover svg{fill:var(--color-white);stroke:var(--color-white)}.gallery-card-btns .btn-img-action:active{transform:translate(2px,2px);box-shadow:none}.gallery-card.is-video .gallery-card-image{position:relative}.gallery-card-video{width:100%;height:100%;object-fit:cover}.gallery-video-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#000000b3;border:2px solid var(--color-white);display:flex;align-items:center;justify-content:center;pointer-events:none}@media(max-width:640px){.gallery-card-overlay{opacity:1;background:#00000059}.gallery-card-btns .btn-img-action{width:32px;height:32px}.gallery-card-btns .btn-img-action svg{width:14px;height:14px}.gallery-card-headline,.gallery-card-date{font-size:11px}}.gallery-card.is-video:hover .gallery-video-badge{opacity:0}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.brand-card{background:var(--color-white);border:var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.brand-card:hover{box-shadow:var(--shadow-xl);transform:translate(-2px,-2px)}.brand-card-header{display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--dither);background-size:4px 4px}.brand-pill{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-white);padding:var(--space-xs) var(--space-md);border:var(--border)}.brand-icon{font-size:24px}.brand-name{font-family:var(--font-pixel);font-size:10px}.brand-industry{font-size:.8rem;color:var(--gray)}.brand-card-body{padding:var(--space-md);flex:1}.brand-colors{display:flex;gap:var(--space-2xs);margin-bottom:var(--space-md)}.brand-swatch{width:28px;height:28px;border:2px solid var(--color-black)}.brand-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);text-align:center}.brand-stat-value{font-family:var(--font-pixel);font-size:14px;margin-bottom:2px}.brand-stat-label{font-size:.75rem;color:var(--gray)}.brand-card-footer{display:flex;gap:var(--space-2xs);padding:var(--space-sm);background:var(--color-gray-light);border-top:2px solid var(--color-gray-mid)}.brand-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:260px;border:3px dashed var(--gray);background:var(--color-white);cursor:pointer}.brand-card-add:hover{background:var(--color-gray-light);border-color:var(--color-black)}.brand-add-icon{font-size:48px;color:var(--gray)}.brand-card-add:hover .brand-add-icon{color:var(--color-black);animation:bounce .4s ease-in-out}.brand-add-text{font-family:var(--font-pixel);font-size:9px;color:var(--gray)}.mini-idea-card{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-white);border:2px solid var(--color-gray-mid);cursor:pointer;position:relative}.mini-idea-card:hover{border-color:var(--color-black);box-shadow:2px 2px 0 var(--color-black)}.mini-idea-card.saved{border-color:var(--color-cat-d)}.mini-idea-card.saved:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--color-cat-d)}.mini-idea-image{width:48px;height:48px;background:var(--color-gray-light);border:1px solid var(--color-gray-mid);flex-shrink:0;overflow:hidden}.mini-idea-headline{font-family:var(--font-mono);font-size:10px;line-height:1.3;color:var(--color-black);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.saved-badge{position:absolute;top:4px;right:4px;font-size:12px}.window{background:var(--color-white);border:var(--border);box-shadow:var(--shadow-lg);margin-bottom:var(--space-lg)}.window:hover{box-shadow:var(--shadow-xl)}.window-titlebar{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:var(--dither);background-size:4px 4px;border-bottom:var(--border);position:relative;min-height:36px}.window-close{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);width:14px;height:14px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer}.window-close:hover{background:var(--color-black)}.window-close:before{content:"";position:absolute;inset:2px;border:1px solid var(--color-black)}.window-title{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-white);padding:var(--space-2xs) var(--space-md);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:9px}.window-body{padding:var(--space-lg)}.panel{background:var(--color-white);border:var(--border);box-shadow:var(--shadow-md)}.panel-header{font-family:var(--font-pixel);font-size:9px;padding:var(--space-sm) var(--space-md);background:var(--color-black);color:var(--color-white)}.panel-header-light{background:var(--color-gray-light);color:var(--color-black);border-bottom:2px solid var(--color-gray-mid)}.lightbox{display:none;position:fixed;inset:0;background:#000000f2;z-index:var(--z-modal-urgent);align-items:center;justify-content:center}.lightbox.active,.lightbox.show{display:flex}.lightbox-backdrop{position:absolute;inset:0;cursor:pointer}.lightbox-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:44px;height:44px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--z-content)}.lightbox-close:hover{background:var(--color-black);color:var(--color-white)}.lightbox-image-wrap{position:relative;max-width:85vw;max-height:85vh}.lightbox-image-wrap img{max-width:85vw;max-height:80vh;object-fit:contain;border:4px solid var(--color-white);box-shadow:0 0 40px #00000080}.lightbox-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-sm) var(--space-md);background:#000c;color:var(--color-white);font-family:var(--font-mono);font-size:11px;text-align:center}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--z-content)}.lightbox-nav:hover{background:var(--color-black);color:var(--color-white)}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-prev{left:var(--space-lg)}.lightbox-next{right:var(--space-lg)}.lightbox-counter{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;color:var(--color-white);background:#0009;padding:var(--space-xs) var(--space-md)}.account-section{background:var(--color-white);border:var(--border);box-shadow:var(--shadow-lg)}.account-section-close{position:absolute;left:var(--space-sm);width:14px;height:14px;background:var(--color-white);border:2px solid var(--color-black)}.account-section-title{display:inline-flex;background:var(--color-white);padding:var(--space-2xs) var(--space-md);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:9px}.account-section.danger .account-section-titlebar{background:var(--color-red)}.account-section.danger .account-section-title{background:var(--color-red);color:var(--color-white);border-color:var(--color-white)}.auth-box{width:100%;max-width:420px;background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);padding:var(--space-lg)}@media(min-width:768px){.auth-box{padding:var(--space-xl)}}.auth-required-box{background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);padding:var(--space-xl)}@media(max-width:480px){.auth-box,.auth-required-box{padding:var(--space-md);box-shadow:4px 4px 0 var(--color-black)}}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:var(--z-modal);align-items:center;justify-content:center;padding:var(--space-md)}.modal-overlay.active{display:flex;animation:modalFadeIn .1s steps(2)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.retro-modal{background:var(--color-white);border:3px solid var(--color-black);box-shadow:8px 8px 0 var(--color-black);width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .1s steps(3)}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:var(--color-black);color:var(--color-white);padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--color-black)}.modal-header-content{display:flex;flex-direction:column;gap:4px}.modal-title{font-family:var(--font-pixel);font-size:10px;margin:0;letter-spacing:1px}.modal-idea-title{font-family:var(--font-mono);font-size:11px;opacity:.7;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{background:transparent;border:none;color:var(--color-white);font-family:var(--font-pixel);font-size:14px;cursor:pointer;padding:4px 8px;line-height:1}.modal-close:hover{background:var(--color-white);color:var(--color-black)}.modal-context-bar{display:none;margin-bottom:var(--space-md)}.modal-context-bar .context-cartridge{display:flex;flex-direction:column;background:var(--color-white);border:2px solid var(--color-black);overflow:hidden}.modal-context-bar .context-cart-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#64748b;border-bottom:2px solid var(--color-black)}.modal-context-bar .context-cart-led{width:8px;height:8px;background:#0f0;border-radius:50%;box-shadow:0 0 6px #0f0;flex-shrink:0}.modal-context-bar .context-cart-name{font-family:var(--font-pixel);font-size:10px;color:var(--color-white);font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.modal-context-bar .context-cart-industry{font-family:var(--font-mono);font-size:9px;color:#ffffffd9;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.modal-context-bar .context-cart-body{display:flex;flex-direction:column;background:var(--color-white);padding:8px}.modal-context-bar .context-cart-product{display:none;flex-direction:column;background:#f8f8f8;border:1px solid #ccc;border-radius:2px;overflow:hidden}.modal-context-bar .context-cart-product-header{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#eee;cursor:pointer;border-bottom:1px solid #ddd}.modal-context-bar .context-cart-product-header:hover{background:#e5e5e5}.modal-context-bar .context-cart-expand-icon{font-family:var(--font-mono);font-size:10px;color:#666;width:12px;text-align:center;transition:transform .1s steps(2)}.modal-context-bar .context-cart-product.expanded .context-cart-expand-icon{transform:rotate(90deg)}.modal-context-bar .context-cart-product-label{font-family:var(--font-pixel);font-size:7px;color:#888;text-transform:uppercase;flex-shrink:0}.modal-context-bar .context-cart-product-name{font-family:var(--font-pixel);font-size:9px;color:var(--color-black);font-weight:700;flex:1}.modal-context-bar .context-cart-product-details{display:none;padding:8px;background:var(--color-white)}.modal-context-bar .context-cart-product.expanded .context-cart-product-details{display:block}.modal-context-bar .context-cart-desc{display:none;margin-bottom:6px}.modal-context-bar .context-cart-desc-text{font-family:var(--font-mono);font-size:10px;color:#444;line-height:1.4;font-style:italic}.modal-context-bar .context-cart-benefit{display:none;align-items:flex-start;gap:6px;padding-top:6px;border-top:1px dashed #ddd}.modal-context-bar .context-cart-benefit-label{font-family:var(--font-pixel);font-size:7px;color:#888;text-transform:uppercase;flex-shrink:0}.modal-context-bar .context-cart-benefit-text{font-family:var(--font-mono);font-size:10px;color:#333}.modal-context-bar .context-cart-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;gap:8px;background:#e8e8e8;border-top:1px solid #ccc}.modal-context-bar .context-cart-colors{display:none;gap:4px}.modal-context-bar .context-cart-swatch{width:14px;height:14px;border-radius:2px;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px #ffffff4d}.modal-context-bar .context-cart-toggles{display:flex;gap:12px;margin-left:auto}.modal-context-bar .context-toggle-label{display:flex;align-items:center;gap:4px;font-family:var(--font-pixel);font-size:7px;color:#555;cursor:pointer;text-transform:uppercase}.modal-context-bar .context-toggle-label input[type=checkbox]{width:12px;height:12px;margin:0;accent-color:#00aa00;cursor:pointer}.modal-context-bar .context-toggle-label:hover{color:var(--color-black)}.modal-body{padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.prompt-label{font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-dark);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:1px}.prompt-editor{width:100%;height:180px;font-family:var(--font-mono);font-size:12px;line-height:1.6;padding:var(--space-sm);border:2px solid var(--color-gray-mid);background:#f8f8f8;color:var(--color-black);resize:vertical;transition:none}.prompt-editor:focus{outline:none;border-color:var(--color-black);background:var(--color-white);box-shadow:3px 3px 0 var(--color-black)}.prompt-editor-tall{height:280px}.prompt-section{position:relative}.btn-copy-inline{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:7px;cursor:pointer;z-index:var(--z-content)}.btn-copy-inline:hover{background:var(--color-black);color:var(--color-white)}.btn-copy-inline:hover svg{fill:var(--color-white)}.btn-copy-inline.copied{background:#06f;border-color:#06f;color:var(--color-white)}.btn-copy-inline.copied svg{fill:var(--color-white)}.storyboard-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:var(--z-content)}.storyboard-actions .btn-copy-inline{position:static}.btn-gen-inline{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:7px;cursor:pointer}.btn-gen-inline:hover{background:var(--color-white);color:var(--color-black)}.btn-gen-inline:hover svg{fill:var(--color-black)}.btn-gen-inline svg{fill:var(--color-white)}.prompt-tip-blue{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#e8f4fd;border:2px solid #0066FF;margin-top:var(--space-xs)}.tip-icon-blue{font-family:var(--font-pixel);font-size:8px;background:#06f;color:var(--color-white);width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-text-blue{font-family:var(--font-mono);font-size:10px;color:#049;line-height:1.4}.prompt-tip{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-gray-light);border:2px solid var(--color-gray-mid);margin-top:var(--space-xs)}.tip-icon{font-family:var(--font-pixel);font-size:8px;background:var(--color-black);color:var(--color-white);width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-text{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-dark);line-height:1.4}.storyboard-settings{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--color-gray-light);border:2px solid var(--color-black)}.storyboard-setting-group{display:flex;flex-direction:column;gap:4px}.storyboard-setting-label{font-family:var(--font-pixel);font-size:7px;color:var(--color-gray-dark);text-transform:uppercase;letter-spacing:.5px}.storyboard-setting-select{min-width:140px;padding:8px 28px 8px 10px;font-family:var(--font-mono);font-size:11px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.storyboard-setting-select:focus{outline:none;box-shadow:2px 2px 0 var(--color-black)}.storyboard-setting-select:hover{background-color:#f5f5f5}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm);border-top:2px solid var(--color-gray-light)}.modal-actions .btn{font-size:9px;padding:12px 20px}.btn-copy-success{background:var(--color-black)!important;color:var(--color-white)!important}.video-scenes-placeholder{background:var(--color-gray-light);border:2px dashed var(--color-gray-mid);padding:var(--space-md);text-align:center}.video-scenes-placeholder p{font-family:var(--font-pixel);font-size:8px;margin-bottom:var(--space-sm);color:var(--color-gray-dark)}.video-scenes-placeholder ul{list-style:none;padding:0;margin:0;font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid)}.video-scenes-placeholder li{margin-bottom:4px}.video-scenes-placeholder li:before{content:"+ ";color:#06f}.video-scenes-container{display:flex;flex-direction:column;gap:var(--space-sm)}.copy-prompt-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;z-index:var(--z-header)}.copy-prompt-dropdown.active{display:block}body>.copy-prompt-dropdown{position:fixed;z-index:var(--z-fullscreen-controls)}.dropdown-modal{background:var(--color-white);border:3px solid var(--color-black);box-shadow:6px 6px 0 var(--color-black);width:320px}.dropdown-header{background:var(--color-black);color:var(--color-white);padding:6px 10px;display:flex;justify-content:space-between;align-items:center}.dropdown-title{font-family:var(--font-pixel);font-size:9px;letter-spacing:1px}.dropdown-close{background:transparent;border:none;color:var(--color-white);font-family:var(--font-pixel);font-size:12px;cursor:pointer;padding:4px 8px;line-height:1}.dropdown-close:hover{background:var(--color-white);color:var(--color-black)}.dropdown-body{background:var(--color-white);padding:var(--space-sm)}.dropdown-options{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.dropdown-option-group{flex:1}.dropdown-label{display:block;font-family:var(--font-pixel);font-size:7px;color:var(--color-black);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.dropdown-select{width:100%;padding:8px 28px 8px 10px;font-family:var(--font-mono);font-size:11px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23000' d='M2 3l3 4 3-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.dropdown-select:focus{outline:none;box-shadow:2px 2px 0 var(--color-black)}.dropdown-prompt-section{position:relative;margin-bottom:var(--space-xs)}.dropdown-textarea{width:100%;height:140px;padding:8px;font-family:var(--font-mono);font-size:10px;line-height:1.5;border:2px solid var(--color-black);background:var(--color-white);resize:none}.dropdown-textarea:focus{outline:none;box-shadow:2px 2px 0 var(--color-black)}.dropdown-tip{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--color-white);border:2px solid var(--color-black);margin-top:var(--space-xs)}.dropdown-tip .tip-icon-blue{font-family:var(--font-pixel);font-size:8px;background:var(--color-black);color:var(--color-white);width:14px;height:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-tip .tip-text-blue{font-family:var(--font-mono);font-size:9px;color:var(--color-black);line-height:1.3}.dropdown-footer{background:var(--color-white);padding:var(--space-xs) var(--space-sm);border-top:2px solid var(--color-black)}.dropdown-footer .btn-copy-full,button.btn-copy-full{display:block!important;width:100%!important;padding:12px 16px!important;margin:0!important;font-family:var(--font-pixel)!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-align:center!important;background:var(--color-black)!important;color:var(--color-white)!important;border:2px solid var(--color-black)!important;border-radius:0!important;box-sizing:border-box!important;cursor:pointer!important;transition:none!important;-webkit-appearance:none!important;appearance:none!important;outline:none!important;box-shadow:none!important}.dropdown-footer .btn-copy-full:hover,button.btn-copy-full:hover{background:var(--color-white)!important;color:var(--color-black)!important}.dropdown-footer .btn-copy-full.copied,button.btn-copy-full.copied{background:#06f!important;border-color:#06f!important;color:var(--color-white)!important}.image-preview-modal{max-width:90vw;max-height:90vh;width:auto}.image-preview-container{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--space-sm);background:var(--color-black)}.image-preview-container img,.image-preview-container video{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;display:block}.image-preview-footer-left{display:flex;align-items:center;gap:var(--space-sm)}.preview-nav-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;font-family:var(--font-pixel);font-size:8px;border:2px solid var(--color-black);background:var(--color-white);color:var(--color-black);cursor:pointer}.preview-nav-btn:hover:not(:disabled){background:var(--color-black);color:var(--color-white)}.preview-nav-btn:hover:not(:disabled) svg{stroke:var(--color-white)}.preview-nav-btn:disabled{opacity:.4;cursor:not-allowed}.preview-counter{font-family:var(--font-pixel);font-size:9px;color:var(--color-gray-dark);padding:0 var(--space-sm)}#image-preview-download{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:var(--font-pixel);font-size:8px;border:2px solid var(--color-black);background:var(--color-black);color:var(--color-white);cursor:pointer}#image-preview-download:hover{background:var(--color-white);color:var(--color-black)}#image-preview-download:hover svg{stroke:var(--color-black)}@media(max-width:768px){.image-preview-container{min-height:150px;padding:var(--space-xs)}.image-preview-footer-left{flex-wrap:wrap;gap:var(--space-xs)}.preview-nav-btn{min-height:44px;padding:10px 14px;font-size:9px}#image-preview-download{min-height:44px;padding:10px 16px;font-size:9px}}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end;justify-content:stretch}.retro-modal{max-width:100%;max-height:92vh;max-height:92dvh;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -4px 24px #0000004d;animation:modalSlideUp .2s ease-out}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.modal-header{padding:var(--space-md);min-height:56px}.modal-title{font-size:11px}.modal-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;font-size:18px}.modal-body{padding:var(--space-md);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.prompt-editor{font-size:16px;height:150px;padding:var(--space-md)}.prompt-editor-tall{height:200px}.modal-actions{flex-direction:column;gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-bottom, 0))}.modal-actions .btn{width:100%;min-height:48px;justify-content:center}.storyboard-settings{flex-direction:column;gap:var(--space-sm)}.storyboard-setting-select{width:100%;min-width:auto;min-height:44px;font-size:16px}.copy-prompt-dropdown{position:fixed;inset:auto 0 0!important;margin:0;width:100%}.dropdown-modal{width:100%;max-height:80vh;max-height:80dvh;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -4px 24px #0000004d;display:flex;flex-direction:column}.dropdown-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.dropdown-options{flex-direction:column;gap:var(--space-sm)}.dropdown-select{min-height:44px;font-size:16px}.dropdown-textarea{height:120px;font-size:16px}.dropdown-footer{padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-bottom, 0))}.dropdown-footer .btn-copy-full{min-height:48px!important}.modal-context-bar .context-cart-header{min-height:48px}.modal-context-bar .context-cart-product-header{min-height:44px}.modal-overlay:has(.image-preview-modal){align-items:center!important;justify-content:center!important;padding:var(--space-sm)!important}.image-preview-modal.retro-modal{max-width:calc(100vw - 24px)!important;max-height:85vh!important;max-height:85dvh!important;width:auto!important;border:3px solid var(--color-black)!important;border-radius:0!important;box-shadow:6px 6px 0 var(--color-black)!important;animation:modalSlideIn .1s steps(3)!important}.image-preview-modal .image-preview-container img,.image-preview-modal .image-preview-container video{max-height:55vh!important;max-height:55dvh!important}}@media(max-width:480px){.modal-header{padding:var(--space-sm) var(--space-md)}.modal-body{padding:var(--space-sm)}.modal-idea-title{font-size:10px;max-width:200px}.prompt-editor{height:120px}.prompt-editor-tall{height:160px}}.form-group{margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:6px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-label{display:block;font-family:var(--font-pixel);font-size:8px;letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-xs)}.form-group label{font-family:var(--font-pixel);font-size:8px;letter-spacing:1px;text-transform:uppercase}.form-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-white);border:var(--border);font-family:var(--font-mono);font-size:1rem}.form-input:focus{outline:none;box-shadow:var(--shadow-sm)}.form-input::placeholder{color:var(--gray)}.form-group input{font-family:var(--font-mono);font-size:14px;padding:14px 16px;border:2px solid var(--color-black);background:var(--color-white);outline:none;transition:background-color 0s}.form-group input:focus{background-color:var(--color-gray-light)}.form-group input::placeholder{color:var(--color-gray-mid);font-size:13px}textarea.form-input{resize:vertical;min-height:100px;line-height:1.5}.form-select{appearance:none;width:100%;padding:var(--space-sm) var(--space-md);padding-right:36px;background:var(--color-white);border:var(--border);font-family:var(--font-mono);font-size:1rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23000' d='M0 0h12L6 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.ideas-dropdown{font-family:var(--font-mono);font-size:11px;height:36px;box-sizing:border-box;padding:0 28px 0 10px;border:2px solid var(--color-black);background:var(--color-white);color:var(--color-black);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23000' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:100px}.ideas-dropdown:hover{background-color:var(--color-gray-light)}.ideas-dropdown:focus{outline:none;border-bottom-width:3px}.ideas-search-wrapper{position:relative;flex:1;max-width:280px;min-width:160px}.ideas-search-icon{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;pointer-events:none;z-index:var(--z-base)}.ideas-search-input{width:100%;height:40px;box-sizing:border-box;font-family:var(--font-pixel);font-size:8px;letter-spacing:.5px;padding:10px 24px 10px 38px;border:none;background:transparent;color:var(--color-black)}.ideas-search-input::placeholder{color:var(--gray)}.ideas-search-input:focus{outline:none;border-bottom:2px solid var(--color-black)}.ideas-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;font-size:14px;line-height:1.6;font-family:var(--font-mono);background:transparent;border:none;color:var(--gray);cursor:pointer;display:none}.ideas-search-clear:hover{color:var(--color-black)}.ideas-search-wrapper.has-value .ideas-search-clear{display:flex;align-items:center;justify-content:center}.toggle{width:48px;height:24px;background:var(--color-gray-mid);border:2px solid var(--color-black);position:relative;cursor:pointer;flex-shrink:0}.toggle:before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:var(--color-black)}.toggle.on,.toggle.active{background:var(--color-cat-d);border-color:var(--color-cat-d)}.toggle.on:before,.toggle.active:before{left:26px;background:var(--color-white)}.password-group{position:relative}.password-toggle{position:absolute;right:12px;bottom:12px;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid);text-transform:uppercase}.password-toggle:hover{color:var(--color-black)}.password-requirements{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid);margin-top:4px}.password-strength{height:4px;background:var(--color-gray-light);margin-top:8px}.password-strength-bar{height:100%;background:var(--color-black);width:0%;transition:width .2s}.password-strength-bar.weak{width:33%;background:#c00}.password-strength-bar.medium{width:66%;background:#ca0}.password-strength-bar.strong{width:100%;background:#0a0}.gallery-select-label{cursor:pointer}.gallery-select-label input{display:none}.gallery-select-box{width:24px;height:24px;background:var(--color-white);border:2px solid var(--color-black);display:flex;align-items:center;justify-content:center}.gallery-select-box.checked{background:var(--color-cat-a);border-color:var(--color-cat-a)}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--color-gray-mid)}.error-message{font-family:var(--font-mono);font-size:12px;color:#c00;background:#fee;padding:12px 16px;border:2px solid #CC0000}.success-message{font-family:var(--font-mono);font-size:12px;color:#060;background:#efe;padding:12px 16px;border:2px solid #006600}.auth-divider{text-align:center;margin:var(--space-md) 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-gray-mid)}.auth-divider span{background:var(--color-white);padding:0 12px;position:relative;font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid);text-transform:uppercase}.ideas-filter-group{display:flex;height:32px;border:2px solid var(--color-black);background:var(--color-white);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ideas-filter-group::-webkit-scrollbar{display:none}.ideas-filter-group:has(.filter-loading-cursor){border:none;background:transparent}.filter-loading-cursor{display:flex;align-items:center;padding-left:4px;font-family:var(--font-pixel);font-size:14px;color:var(--color-black);animation:blink-cursor .6s steps(2,start) infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.ideas-filter-btn{display:flex;align-items:center;gap:6px;height:100%;padding:0 12px;font-family:var(--font-pixel);font-size:9px;letter-spacing:.5px;background:var(--color-white);color:var(--color-black);border:none;border-right:2px solid var(--color-black);cursor:pointer;transition:none}.ideas-filter-btn:last-child{border-right:none}.ideas-filter-btn:hover{background:var(--color-gray-light)}.ideas-filter-btn.active{background:var(--color-black);color:var(--color-white)}.ideas-filter-btn .filter-icon{width:14px;height:14px;flex-shrink:0}.ideas-filter-btn .filter-icon-img{width:16px;height:16px;flex-shrink:0;image-rendering:pixelated;transition:none}.ideas-filter-btn.active .filter-icon-img{filter:invert(1)}.ideas-filter-btn .filter-label{font-weight:400}.ideas-filter-btn .filter-count{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:#0000001a;min-width:20px;text-align:center}.ideas-filter-btn.active .filter-count{background:#fff3}.ideas-dropdown-group{display:flex;gap:var(--space-xs);align-items:center}@media(max-width:768px){.form-input,.form-select,.form-group input,textarea.form-input{font-size:16px;min-height:44px;padding:var(--space-sm) var(--space-md)}.ideas-dropdown{min-height:44px;font-size:16px;padding:0 36px 0 12px}.ideas-search-input{min-height:44px;font-size:16px}.ideas-search-wrapper{max-width:none;order:-1}.ideas-search-clear{width:36px;height:36px}.toggle{width:56px;height:32px;min-width:56px}.toggle:before{width:20px;height:20px}.toggle.on:before,.toggle.active:before{left:30px}.password-toggle{min-width:44px;min-height:44px;right:4px;bottom:50%;transform:translateY(50%)}.gallery-select-box{width:36px;height:36px}.preference-item{min-height:56px;padding:var(--space-md)}}@media(max-width:640px){.ideas-filter-group{width:100%;max-width:100%;flex-shrink:1;height:44px}.ideas-filter-btn{flex-shrink:0;padding:0 12px;font-size:9px;min-height:44px}.ideas-filter-btn:active{transform:scale(.98)}.ideas-filter-btn .filter-label{display:none}.ideas-dropdown-group{width:100%}.ideas-dropdown{flex:1;min-width:0}}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.auth-loading{position:fixed;inset:0;background:var(--color-white);display:flex;align-items:center;justify-content:center;z-index:var(--z-loading)}.auth-loading-content{text-align:center}.auth-loading-spinner{width:32px;height:32px;margin:0 auto 16px;border:4px solid var(--color-gray-light);border-top-color:var(--color-black);animation:spin .8s steps(8) infinite}.auth-loading-text{font-family:var(--font-pixel);font-size:10px;text-transform:uppercase}.loading-pulse{animation:loading-pulse 1.5s ease-in-out infinite}.placeholder-loading{background:var(--color-gray-light);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--color-gray-mid) 10px,var(--color-gray-mid) 20px);background-size:40px 40px;animation:placeholder-stripes 1s linear infinite}.detonation-loading{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px);background-size:20px 20px;animation:detonation-stripes .5s linear infinite}.pixel-loading{animation:pixel-pulse 1s ease-in-out infinite}.pixel-bounce{animation:pixel-bounce .8s ease-in-out infinite}.spinner{width:24px;height:24px;border:3px solid var(--color-gray-light);border-top-color:var(--color-black);animation:spin .6s steps(8) infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}.progress-bar{height:8px;background:var(--color-gray-light);border:2px solid var(--color-black);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-black);transition:width .3s steps(10)}.progress-bar-fill.magenta{background:var(--color-cat-a)}.progress-bar-fill.lime{background:var(--color-cat-d)}.progress-bar-fill.cyan{background:var(--color-cat-c)}.cursor-blink{animation:blink 1s steps(2) infinite}.cursor-blink:after{content:"_";animation:blink 1s steps(2) infinite}.pixel-icon{width:16px;height:16px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:inline-block;flex-shrink:0}.pixel-icon.xs{width:12px;height:12px}.pixel-icon.sm{width:14px;height:14px}.pixel-icon.md{width:20px;height:20px}.pixel-icon.lg{width:24px;height:24px}.pixel-icon.xl{width:32px;height:32px}.pixel-icon.xxl{width:48px;height:48px}.pixel-icon.xxxl{width:64px;height:64px}.nav-icon{font-size:16px;width:24px;text-align:center;display:flex;align-items:center;justify-content:center}.nav-icon .pixel-icon{width:20px;height:20px}.nav-item.active .nav-icon .pixel-icon{filter:invert(1)}.pixel-coin-static{width:24px;height:24px;background-image:url(/assets/icon_0010_coin-1-ClQN5nC0.png);background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;display:inline-block;flex-shrink:0}.pixel-coin-static.xs{width:12px;height:12px}.pixel-coin-static.sm{width:16px;height:16px}.pixel-coin-static.lg{width:32px;height:32px}.pixel-coin-spin{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;display:inline-block;flex-shrink:0;animation:spinCoin .6s steps(4) infinite}.credits-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.credits-icon .pixel-coin-spin{width:24px;height:24px;filter:invert(1)}.auth-credits-icon{width:16px;height:16px}.header-credits-icon{font-size:16px}.logo-icon{width:20px;height:auto;transition:none;position:relative;top:-2px}.logo-icon.pressed{transform:translate(2px,2px)}@media(min-width:768px){.logo-icon{width:24px}}.sidebar-logo-icon{font-size:20px;animation:bounce 2s ease-in-out infinite}.session-icon{width:44px;height:44px;background:var(--color-black);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hero-icon{flex-shrink:0}.action-icon{font-size:40px}.action-card-compact .action-icon{font-size:32px}.action-card:hover .action-icon{animation:bounce .4s ease-in-out}.auth-required-icon{text-align:center;margin-bottom:var(--space-md)}.auth-required-icon .pixel-icon.xxl{width:64px;height:64px}.auth-confirm-icon{font-size:48px;margin-bottom:var(--space-md)}@media(max-width:480px){.auth-required-icon .pixel-icon.xxl{width:48px;height:48px}}.header-title-icon{display:flex;align-items:center}.stat-icon{font-size:16px;margin-bottom:2px}.nav-badge{font-family:var(--font-pixel);font-size:8px;background:var(--color-gray-light);padding:3px 8px}.nav-item.active .nav-badge{background:var(--color-cat-a);color:var(--color-white)}.trigger-tag.more{background:var(--color-gray-light)!important;color:var(--gray)!important}.trigger-chip{font-family:var(--font-pixel);font-size:8px;padding:4px 8px;background:var(--color-white)}.credit-pack-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-family:var(--font-pixel);font-size:7px;padding:var(--space-2xs) var(--space-sm);background:var(--color-cat-b);color:var(--color-white);white-space:nowrap}.transaction-type{display:inline-block;font-family:var(--font-pixel);font-size:7px;padding:3px 8px;background:var(--color-gray-mid);color:var(--color-black);text-transform:uppercase;letter-spacing:.5px}.transaction-type.generation,.transaction-type[data-type=generation]{background:var(--color-cat-a);color:var(--color-white)}.transaction-type.image,.transaction-type[data-type=image]{background:var(--color-cat-c);color:var(--color-black)}.transaction-type.video,.transaction-type[data-type=video]{background:var(--color-cat-h);color:var(--color-white)}.transaction-type.refinement,.transaction-type[data-type=refinement]{background:var(--color-cat-e);color:var(--color-white)}.transaction-type.purchase,.transaction-type[data-type=purchase]{background:var(--color-cat-d);color:var(--color-black)}.transaction-type.bonus,.transaction-type.welcome-bonus,.transaction-type[data-type=bonus],.transaction-type[data-type=welcome_bonus]{background:var(--color-cat-b);color:var(--color-black)}.transaction-type.refund,.transaction-type[data-type*=refund]{background:var(--color-cat-n);color:var(--color-black)}.transaction-type.image-edit,.transaction-type[data-type=image_edit]{background:var(--color-cat-i);color:var(--color-black)}.transaction-type.format-conversion,.transaction-type[data-type=format_conversion]{background:var(--color-cat-g);color:var(--color-white)}.transaction-type.video-scenes,.transaction-type[data-type=video_scenes]{background:var(--color-cat-f);color:var(--color-black)}.amount-positive{color:var(--color-cat-d);font-weight:700}.amount-negative{color:var(--color-cat-l);font-weight:500}.brand-tone{display:inline-block;font-family:var(--font-pixel);font-size:7px;padding:var(--space-2xs) var(--space-xs);background:var(--color-gray-light);border:2px solid var(--color-gray-mid);margin-bottom:var(--space-md)}.auth-credits{display:flex;align-items:center;gap:8px;font-family:var(--font-pixel);font-size:10px;padding:8px 12px;background:var(--color-gray-light);border:2px solid var(--color-black)}.auth-credits-count{font-weight:700}.credits-label{font-family:var(--font-pixel);font-size:7px;color:var(--gray)}.credits-value{font-family:var(--font-pixel);font-size:14px}.profile-credits .credits-value{font-size:10px}.header-credits-value{font-family:var(--font-pixel);font-size:11px}.stat-trend{display:inline-block;font-family:var(--font-pixel);font-size:8px;margin-top:var(--space-xs);padding:3px 8px;background:var(--color-cat-d);color:var(--color-black)}.stat-trend.down{background:var(--color-red);color:var(--color-white)}.timeline-date-marker{width:12px;height:12px;background:var(--color-black);border:2px solid var(--color-black)}.meta-value{font-family:var(--font-mono);font-size:11px;color:var(--color-black)}.brief-value{font-family:var(--font-mono);font-size:12px;color:var(--color-black);flex:1;line-height:1.4}.brief-field-value{font-family:var(--font-mono);font-size:11px;color:var(--color-black);line-height:1.4}[data-category] .trigger-tag,[data-category] .trigger-chip,[data-category] .mini-idea-trigger,[data-category] .session-idea-trigger{background-color:var(--cat-color);color:var(--cat-text, var(--color-white))}.btn-credits{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 6px;background:#fff3;border-radius:0;font-family:var(--font-pixel);font-size:9px;vertical-align:middle}.btn-credits .pixel-coin-static,.btn-credits .pixel-coin-spin{width:12px;height:12px;filter:invert(1)}.btn-outline .btn-credits,.btn-ghost .btn-credits{background:#0000001a}.btn-outline .btn-credits .pixel-coin-static,.btn-outline .btn-credits .pixel-coin-spin,.btn-ghost .btn-credits .pixel-coin-static,.btn-ghost .btn-credits .pixel-coin-spin{filter:none}.btn-primary:hover .btn-credits{background:#ffffff4d}.btn-primary:hover .btn-credits .pixel-coin-static,.btn-primary:hover .btn-credits .pixel-coin-spin{filter:invert(1)}.btn-lime .btn-credits{background:#00000026}.btn-lime .btn-credits .pixel-coin-static,.btn-lime .btn-credits .pixel-coin-spin{filter:none}.btn-credits.btn-credits-lg{padding:3px 8px;font-size:10px;gap:5px}.btn-credits.btn-credits-lg .pixel-coin-static,.btn-credits.btn-credits-lg .pixel-coin-spin{width:14px;height:14px}.coin-bounce{animation:coin-bounce .4s ease-out}@keyframes coin-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(-2px)}}.credit-pulse{animation:credit-pulse .3s ease-out}@keyframes credit-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.credit-add-anim{position:fixed;display:flex;align-items:center;gap:4px;font-family:var(--font-pixel);font-size:14px;font-weight:700;color:var(--color-cat-d);pointer-events:none;z-index:var(--z-emergency);opacity:0;transform:translateY(0)}.credit-add-anim.animate{animation:credit-add 1.5s ease-out forwards}@keyframes credit-add{0%{opacity:1;transform:translateY(20px) scale(.8)}30%{opacity:1;transform:translateY(-10px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(1)}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.credits-loading-spinner{display:inline-block;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Crect x='3' y='0' width='2' height='2' fill='%23000'/%3E%3Crect x='5' y='1' width='2' height='2' fill='%23000'/%3E%3Crect x='6' y='3' width='2' height='2' fill='%23000'/%3E%3Crect x='5' y='5' width='2' height='2' fill='%23000'/%3E%3Crect x='3' y='6' width='2' height='2' fill='%23000'/%3E%3Crect x='1' y='5' width='2' height='2' fill='%23000'/%3E%3Crect x='0' y='3' width='2' height='2' fill='%23000'/%3E%3Crect x='1' y='1' width='2' height='2' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;animation:credits-spin 1s steps(8) infinite}@keyframes credits-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bullet-list{list-style:none;padding:0;margin:var(--space-md) 0 0}.bullet-list li{padding-left:1.5em;position:relative;margin-bottom:var(--space-sm);line-height:1.6}.bullet-list li:before{content:"•";position:absolute;left:0;color:var(--color-black);font-weight:700}.checklist-grid{display:grid;gap:var(--space-sm)}@media(min-width:768px){.checklist-grid{grid-template-columns:repeat(2,1fr)}}.checklist-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid var(--color-gray-light)}.checklist-item:last-child{border-bottom:none}.checklist-box{width:24px;height:24px;border:2px solid var(--color-black);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-pixel);font-size:12px;background:var(--color-white);color:var(--color-black)}.checklist-item.checked .checklist-box{background:var(--color-black);color:var(--color-white)}.checklist-item.checked .checklist-box:after{content:"✓"}.profile-widget{position:relative;display:flex;align-items:center;gap:var(--space-sm)}.profile-credits{display:flex;align-items:center;gap:6px;padding:6px 10px;text-decoration:none;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);box-shadow:2px 2px 0 var(--color-black);transition:transform .05s,box-shadow .05s}.profile-credits:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-black)}.profile-credits:active{transform:translate(2px,2px);box-shadow:none}.profile-credits .credits-value{font-family:var(--font-pixel);font-size:10px;color:var(--color-white)}.profile-credits .pixel-coin-static,.profile-credits .pixel-coin-spin{filter:invert(1)}.profile-credits.low-credits{background:var(--color-cat-l);border-color:var(--color-cat-l);animation:pulse-warning 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.profile-trigger{display:flex;align-items:center;gap:8px;padding:4px;background:transparent;border:none;cursor:pointer;font-family:var(--font-mono);font-size:13px}.profile-trigger:hover .profile-avatar{box-shadow:2px 2px 0 var(--color-cat-a);transform:translate(-1px,-1px)}.profile-avatar{width:32px;height:32px;background:var(--color-black);color:var(--color-white);font-family:var(--font-pixel);font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-size:cover;background-position:center;border:2px solid var(--color-black)}.profile-name{font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-arrow{font-family:var(--font-pixel);font-size:6px;opacity:.5}.profile-widget.open .profile-arrow{opacity:1}.profile-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:var(--color-white);border:2px solid var(--color-black);box-shadow:3px 3px 0 var(--color-black);z-index:var(--z-dropdown)}.profile-widget.open .profile-dropdown{display:block}.profile-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:var(--font-mono);font-size:11px;font-weight:500;text-align:left;border:none;background-color:var(--color-white);cursor:pointer;text-transform:uppercase;text-decoration:none;color:var(--color-black)}.profile-item:hover{background:var(--color-black);color:var(--color-white)}.profile-item-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-item-icon img{width:14px;height:14px;image-rendering:pixelated}.profile-item:hover .profile-item-icon img{filter:invert(1)}.profile-divider{height:1px;background:var(--color-gray-mid);margin:4px 0}.profile-widget.compact{box-shadow:none;border:2px solid var(--color-black)}.profile-widget.compact .profile-credits{padding:6px 10px}.profile-widget.compact .profile-trigger{padding:4px 10px 4px 6px}.profile-widget.compact .profile-avatar{width:28px;height:28px;font-size:10px}.profile-widget-header{gap:var(--space-xs);background:transparent;border:none;box-shadow:none}.profile-widget-header .profile-credits{background:var(--color-white);color:var(--color-black);border:2px solid var(--color-black);box-shadow:2px 2px 0 var(--color-black);padding:6px 10px}.profile-widget-header .profile-credits .credits-value{color:var(--color-black)}.profile-widget-header .profile-credits .pixel-coin-static,.profile-widget-header .profile-credits .pixel-coin-spin{filter:none}.profile-widget-header .profile-credits:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-black)}.profile-widget-header .profile-credits:active{transform:translate(2px,2px);box-shadow:none}.profile-widget-header .profile-trigger{padding:0;background:transparent}.profile-widget-header .profile-avatar{width:32px;height:32px;font-size:12px;border:2px solid var(--color-black);box-shadow:2px 2px 0 var(--color-black);transition:transform .05s,box-shadow .05s}.profile-widget-header .profile-trigger:hover .profile-avatar{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-black)}.profile-widget-header .profile-trigger:active .profile-avatar{transform:translate(2px,2px);box-shadow:none}.profile-widget-header .profile-dropdown{top:calc(100% + 5px)}.canvas-editable{cursor:text;transition:none;border:2px solid transparent;padding:4px 6px;margin:-4px -6px;border-radius:0}.canvas-editable:hover{background:var(--dither-12);border-color:var(--color-gray-light, #ccc)}.canvas-editable:focus-within{background:var(--color-white);border-color:var(--cat-color, var(--color-black))}.canvas-editable.editing{padding:0;margin:0;border:none;background:none}.canvas-edit-input{width:100%;padding:6px 8px;font-family:var(--font-mono);font-size:inherit;line-height:inherit;border:2px solid var(--color-black);background:var(--color-white);box-sizing:border-box}.canvas-edit-input:focus{outline:none;box-shadow:4px 4px 0 var(--color-black)}.canvas-edit-textarea{width:100%;padding:0;margin:0;font-family:var(--font-mono);font-size:inherit;line-height:1.5;border:none;background:transparent;resize:none;box-sizing:border-box;overflow:hidden}.canvas-edit-textarea:focus{outline:none}.empty-placeholder,.canvas-editable .empty-placeholder{color:var(--color-gray-mid);font-style:italic;font-weight:400}.canvas-readonly{padding:4px 6px;margin:-4px -6px;white-space:pre-wrap;cursor:default}.canvas-edit-hint{font-size:10px;color:var(--color-gray-mid);font-style:italic;margin-top:8px;text-align:center}.canvas-inner.has-unsaved-changes{border-color:var(--color-cat-d, #00FF00);box-shadow:0 0 0 3px var(--color-cat-d, #00FF00),8px 8px 0 var(--color-black)}.canvas-save-changes-btn{display:none;align-items:center;gap:6px;padding:8px 16px!important;width:auto!important;height:auto!important;background:var(--color-cat-d, #00FF00)!important;border:2px solid var(--color-black)!important;color:var(--color-black)!important;font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:3px 3px #00000080}.canvas-save-changes-btn:hover{background:var(--color-white)!important;color:var(--color-black)!important;box-shadow:4px 4px 0 var(--color-black)}.canvas-save-changes-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.canvas-save-changes-btn.is-loading{opacity:.7;cursor:wait;pointer-events:none}.canvas-save-changes-btn .btn-text{font-family:var(--font-pixel);font-size:10px;letter-spacing:1px}.headline-manager{margin-bottom:var(--space-lg);border:2px solid var(--color-black);background:var(--color-white)}.headline-manager-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-black);color:var(--color-white)}.headline-manager-header .canvas-block-label{color:var(--color-white);margin-bottom:0}.headline-count{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-light, #999)}.headline-list{list-style:none;margin:0;padding:0}.headline-item{display:flex;align-items:center;gap:10px;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-gray-light, #ddd);background:var(--color-white)}.headline-item:last-child{border-bottom:none}.headline-item:hover{background:var(--dither-12)}.headline-item.is-current{background:var(--dither-12);border-left:4px solid var(--cat-color, var(--color-black));padding-left:calc(var(--space-md) - 4px)}.headline-current-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;flex-shrink:0;color:var(--color-gray-mid);border:2px solid transparent}.headline-current-indicator:hover{color:var(--cat-color, var(--color-black));border-color:var(--color-gray-mid)}.headline-item.is-current .headline-current-indicator{color:var(--cat-color, #000)}.headline-text{flex:1;font-family:var(--font-mono);font-size:13px;font-weight:700;line-height:1.4;min-height:1.4em;padding:6px 8px;border:2px solid transparent;cursor:text;background:transparent}.headline-text:hover{border-color:var(--color-gray-light, #ccc);background:var(--color-white)}.headline-text:focus{outline:none;border-color:var(--color-black);background:var(--color-white);box-shadow:3px 3px 0 var(--color-black)}.headline-delete{width:24px;height:24px;padding:0;font-size:18px;line-height:1;background:transparent;border:2px solid transparent;color:var(--color-gray-mid);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.headline-delete:hover:not(:disabled){color:var(--color-white);background:red;border-color:red}.headline-delete:disabled{opacity:.2;cursor:not-allowed}.headline-add-row{display:flex;gap:0;border-top:2px solid var(--color-black)}.headline-add-input{flex:1;padding:10px 12px;font-family:var(--font-mono);font-size:12px;border:none;background:var(--color-white)}.headline-add-input:focus{outline:none;background:var(--dither-12)}.headline-add-input::placeholder{color:var(--color-gray-mid);font-style:italic}.headline-add-btn{padding:10px 16px;font-family:var(--font-pixel);font-size:9px;text-transform:uppercase;letter-spacing:.5px;background:var(--color-black);color:var(--color-white);border:none;border-left:2px solid var(--color-black);cursor:pointer;flex-shrink:0}.headline-add-btn:hover{background:var(--cat-color, var(--color-gray-dark))}.canvas-notes-section{margin-top:var(--space-lg);border:2px solid var(--color-black);background:var(--color-white)}.canvas-notes-header{display:flex;align-items:center;gap:8px;padding:var(--space-sm) var(--space-md);background:var(--color-black);color:var(--color-white)}.canvas-notes-header .canvas-block-label{color:var(--color-white);margin-bottom:0}.notes-icon{width:14px;height:14px;color:var(--color-white);flex-shrink:0}.canvas-notes-input{width:100%;min-height:100px;max-height:300px;padding:var(--space-md);font-family:var(--font-mono);font-size:12px;line-height:1.6;border:none;background:var(--color-white);resize:vertical;box-sizing:border-box}.canvas-notes-input:focus{outline:none;background:#fffef0}.canvas-notes-input::placeholder{color:var(--color-gray-mid);font-style:italic}.canvas-notes-section.has-content .canvas-notes-header{background:var(--color-gray-dark, #333)}.canvas-editable.is-dirty:after{content:"";display:inline-block;width:6px;height:6px;background:var(--color-cat-d, #00FF00);border-radius:0;margin-left:6px;vertical-align:middle}.canvas-view{width:100%;display:none;overflow:visible}.canvas-view.active{display:block}.window-body:has(.canvas-view.active) .ideas-toolbar,.window-body:has(.canvas-view.active) .pagination-wrapper,.window-body:has(.canvas-view.active) .action-bar{display:none!important}.canvas-inner{background:var(--color-white);border:3px solid var(--color-black);box-shadow:8px 8px 0 var(--color-black);display:flex;flex-direction:column;min-height:500px;overflow:visible}.canvas-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-black);border-bottom:3px solid var(--color-black);gap:var(--space-sm);overflow:visible;position:relative;z-index:var(--z-content)}.canvas-header-left{display:flex;align-items:center;gap:var(--space-md)}.btn-canvas-back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-family:var(--font-pixel);font-size:14px;background:transparent;border:2px solid var(--color-white);color:var(--color-white);padding:0;cursor:pointer;transition:none}.btn-canvas-back:hover{background:var(--color-white);color:var(--color-black)}.back-arrow{font-weight:700;line-height:1}.canvas-header-divider{width:2px;height:24px;background:#ffffff4d}.canvas-header-title{font-family:var(--font-pixel);font-size:10px;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;text-transform:uppercase;letter-spacing:.5px}.canvas-meta{display:flex;gap:8px;align-items:center}.canvas-trigger-badge{font-family:var(--font-pixel);font-size:10px;background:var(--cat-color, var(--color-white));color:var(--color-black);padding:6px 14px;letter-spacing:1px;border:2px solid var(--color-white)}.canvas-format-badge{font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;border:2px solid var(--color-white);padding:5px 14px;background:transparent;color:var(--color-white)}.canvas-refined-badge{font-family:var(--font-pixel);font-size:8px;background:var(--color-white);color:var(--color-black);padding:4px 10px;letter-spacing:.5px}.canvas-header-actions{display:flex;gap:8px;align-items:center;position:relative}.canvas-action-btn{width:28px;height:28px;background:transparent;border:2px solid var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.canvas-action-btn svg{width:14px;height:14px;fill:var(--color-white)}.canvas-action-btn img,.canvas-action-btn img.pixel-icon{width:14px;height:14px}.canvas-action-btn:hover{background:var(--color-white)}.canvas-action-btn:hover svg{fill:var(--color-black)}.canvas-action-btn.idea-save-btn .star-black{display:none}.canvas-action-btn.idea-save-btn .star-white{display:block}.canvas-action-btn.idea-save-btn:hover{background:var(--color-white)}.canvas-action-btn.idea-save-btn:hover .star-black{display:block}.canvas-action-btn.idea-save-btn:hover .star-white{display:none}.canvas-action-btn.idea-save-btn.saved{background:var(--color-white)}.canvas-action-btn.idea-save-btn.saved .star-black{display:block}.canvas-action-btn.idea-save-btn.saved .star-white{display:none}.canvas-action-btn.idea-delete-btn:hover{background:red;border-color:red}.canvas-action-btn.idea-delete-btn:hover svg{fill:var(--color-white)}.canvas-header-actions .copy-prompt-dropdown{position:absolute;top:100%;right:0;margin-top:8px;z-index:var(--z-overlay)}.canvas-toolbar{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-gray-light);border-bottom:2px solid var(--color-black)}.canvas-btn{width:100%!important;height:auto!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;font-family:var(--font-pixel);font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px!important;background:var(--color-white);border:2px solid var(--color-black);box-shadow:3px 3px 0 var(--color-black);cursor:pointer;transition:none}.canvas-btn:hover{background:var(--color-black);color:var(--color-white)}.canvas-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}.canvas-btn.btn-generate-img{background:var(--color-black);color:var(--color-white)}.canvas-btn.btn-generate-img:hover,.canvas-btn.btn-generate-img.has-image{background:var(--color-white);color:var(--color-black)}.canvas-btn.btn-generate-img.has-image:hover{background:var(--color-black);color:var(--color-white)}.canvas-tab-nav{padding:var(--space-md) var(--space-xl);background:var(--color-white)}.canvas-tab-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.canvas-tab-grid.basic-tabs{grid-template-columns:1fr 1fr}.canvas-tab-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;transition:none}.canvas-tab-card:hover{background:var(--color-black)}.canvas-tab-card:hover img{filter:invert(1)}.canvas-tab-card:hover span{color:var(--color-white)}.canvas-tab-card.active{background:var(--color-black)}.canvas-tab-card.active img{filter:invert(1)}.canvas-tab-card.active span{color:var(--color-white)}.canvas-tab-card img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0}.canvas-tab-card span{font-family:var(--font-pixel);font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-black)}.canvas-tab-panels{flex:1;overflow-y:auto;background:var(--color-white)}.canvas-tab-content{display:none;padding:var(--space-lg) var(--space-xl) var(--space-xl) var(--space-xl)}.canvas-tab-content.active{display:block}.canvas-columns{display:flex;flex:1;min-height:400px}.canvas-col-image{flex:0 0 35%;max-width:35%;min-width:250px;background:var(--dither-12, #f5f5f5);border-right:3px solid var(--color-black);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--space-md);position:relative}.canvas-image-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-md)}.canvas-main-image{max-width:100%;max-height:100%;object-fit:contain;border:3px solid var(--color-black);box-shadow:6px 6px #0000004d}.canvas-video-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-md)}.canvas-main-video{max-width:100%;max-height:100%;object-fit:contain;border:3px solid var(--color-black);box-shadow:6px 6px #0000004d;background:var(--color-black)}.canvas-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-xl);gap:var(--space-md)}.canvas-placeholder-text{font-family:var(--font-pixel);font-size:9px;color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:1px}.canvas-placeholder .btn-canvas-add-image{position:static}.canvas-placeholder-subtext{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid);margin-top:var(--space-sm);opacity:.7}.canvas-placeholder.generating{border:3px solid var(--color-black);min-height:200px;height:auto;background:repeating-linear-gradient(45deg,var(--color-gray-light, #ddd),var(--color-gray-light, #ddd) 10px,var(--color-white, #fff) 10px,var(--color-white, #fff) 20px);animation:canvas-placeholder-stripes .5s steps(4) infinite}@keyframes canvas-placeholder-stripes{0%{background-position:0 0}to{background-position:40px 0}}.canvas-placeholder.generating .pixel-loader{margin-bottom:var(--space-lg)}.canvas-placeholder.generating .canvas-placeholder-text{color:var(--color-black);animation:blink .5s steps(2) infinite}.canvas-placeholder.generating .canvas-placeholder-subtext{color:var(--color-black);opacity:.6}.canvas-image-actions{display:flex;justify-content:center;gap:8px}.canvas-image-actions .btn-img-action{width:32px;height:32px;padding:0;background:var(--color-white);border:2px solid var(--color-black);box-shadow:2px 2px 0 var(--color-black);cursor:pointer;display:flex;align-items:center;justify-content:center}.canvas-image-actions .btn-img-action svg{width:14px;height:14px}.canvas-image-actions .btn-img-action:hover{background:var(--color-black)}.canvas-image-actions .btn-img-action:hover svg{fill:var(--color-white);stroke:var(--color-white)}.canvas-media-buttons{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-md);padding:0 var(--space-sm)}.btn-media-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;letter-spacing:1px;background:var(--color-white);border:3px solid var(--color-black);box-shadow:4px 4px 0 var(--color-black);cursor:pointer;transition:none}.btn-media-action svg{width:18px;height:18px;flex-shrink:0}.btn-media-action span{white-space:nowrap}.btn-media-action:hover{background:var(--color-black);color:var(--color-white)}.btn-media-action:hover svg{fill:var(--color-white)}.btn-media-action:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.btn-media-action.btn-generate-image{background:var(--color-black);color:var(--color-white)}.btn-media-action.btn-generate-image svg{fill:var(--color-white)}.btn-media-action.btn-generate-image:hover{background:var(--color-white);color:var(--color-black)}.btn-media-action.btn-generate-image:hover svg{fill:var(--color-black)}.btn-media-action.btn-create-video{background:var(--cat-color, var(--color-white));color:var(--color-black)}.btn-media-action.btn-create-video:hover{background:var(--color-black);color:var(--color-white)}.canvas-placeholder .canvas-media-buttons{padding:0;max-width:280px}.canvas-col-details{flex:1;min-width:400px;display:flex;flex-direction:column;overflow:hidden}.canvas-concept{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--color-black);padding:var(--space-md);background:var(--dither-12, #f5f5f5);border-left:3px solid var(--cat-color, var(--color-black));margin-bottom:var(--space-md)}.canvas-idea-section{padding:var(--space-md) 0;margin-bottom:var(--space-md);background:transparent;border:none}.canvas-idea-header{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-sm)}.canvas-bulb-icon{width:18px;height:18px;fill:var(--cat-color, var(--color-black))}.canvas-idea-label{font-family:var(--font-pixel);font-size:10px;color:var(--cat-color, var(--color-black));text-transform:uppercase;letter-spacing:1px}.canvas-idea-text{font-family:var(--font-mono);font-size:14px;line-height:1.5;margin:0;font-weight:600;color:var(--color-black)}.canvas-headline-block{padding:var(--space-sm) 0;border:none;background:transparent;margin-bottom:var(--space-sm)}.canvas-block-label{display:block;font-family:var(--font-pixel);font-size:7px;color:var(--cat-color, var(--color-gray-mid));margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.canvas-block-headline{font-family:var(--font-mono);font-size:13px;font-weight:700;line-height:1.4;color:var(--color-black)}.canvas-block-subline{margin-top:6px;font-family:var(--font-mono);font-size:11px;font-style:italic;color:var(--color-gray-dark)}.canvas-headline-row{display:flex;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap}.canvas-headline-row .canvas-block-headline{flex:1;min-width:200px}.canvas-headline-nav-inline{display:flex;align-items:center;gap:4px;flex-shrink:0}.canvas-headline-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-family:var(--font-mono);font-size:12px;font-weight:700;background:var(--color-white);border:1px solid var(--color-black);color:var(--color-black);cursor:pointer;flex-shrink:0;padding:0;line-height:1}.canvas-headline-nav-btn:hover{background:var(--color-black);color:var(--color-white)}.canvas-headline-counter{font-family:var(--font-pixel);font-size:7px;color:var(--color-gray-mid);padding:0 4px}.canvas-visual-block{padding:var(--space-sm) 0;border:none;background:transparent;margin-bottom:var(--space-sm)}.canvas-block-body{font-family:var(--font-mono);font-size:11px;line-height:1.6;white-space:pre-wrap;color:var(--color-black)}.canvas-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--color-black);border:2px solid var(--color-black);margin-top:var(--space-lg)}.canvas-insight-cell{background:var(--color-white);padding:var(--space-md);min-height:80px}.canvas-insight-cell.canvas-insight-empty{display:none}.canvas-insight-label{display:block;font-family:var(--font-pixel);font-size:7px;color:var(--cat-color, var(--color-gray-mid));margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.canvas-insight-body{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--color-black)}.canvas-insight-body .brief-line{margin-bottom:4px}.canvas-insight-body .brief-line:last-child{margin-bottom:0}.canvas-insight-block{padding:var(--space-md);background:var(--dither-12, #f8f8f8);border:1px solid var(--color-gray-mid);margin-bottom:var(--space-md)}.canvas-insight-block:last-child{margin-bottom:0}.canvas-insight-block .canvas-block-body{font-style:italic}.canvas-empty{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid);text-align:center;padding:var(--space-lg)}@media(max-width:900px){.canvas-columns{flex-direction:column}.canvas-col-image{border-right:none;border-bottom:3px solid var(--color-black);min-height:250px;max-height:45vh;flex:none;max-width:none;min-width:unset;width:100%}.canvas-col-details{max-height:none;min-width:unset}.canvas-header,.canvas-header-left{flex-wrap:wrap}}@media(max-width:768px){.canvas-overlay{padding:0}.canvas-inner{max-width:100%;min-height:100vh;min-height:100dvh;max-height:none;border:none;box-shadow:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.canvas-view{max-width:100%;overflow:visible}.canvas-columns{flex-direction:column;min-height:auto;overflow:visible}.canvas-col-image{min-height:180px;max-height:35vh;flex:none;overflow:hidden}.canvas-col-details{flex:none;overflow:visible;min-height:auto}.canvas-header{padding:var(--space-xs);padding-top:calc(var(--space-xs) + var(--safe-top, 0));flex-direction:column;gap:var(--space-xs);position:sticky;top:0;z-index:var(--z-content);background:var(--color-black)}.canvas-header-left{display:flex;align-items:center;gap:var(--space-xs);width:100%;flex-wrap:nowrap}.btn-canvas-back{width:36px;height:36px;min-width:36px;min-height:36px;font-size:14px;flex-shrink:0}.canvas-meta{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-width:0}.canvas-meta::-webkit-scrollbar{display:none}.canvas-trigger-badge,.canvas-format-badge{font-size:7px;padding:4px 6px;min-height:24px;display:flex;align-items:center;flex-shrink:0;white-space:nowrap}.canvas-header-title{display:none}.canvas-header-actions{display:flex;gap:4px;justify-content:flex-end;width:100%;flex-wrap:nowrap}.canvas-action-btn{width:36px;height:36px;min-width:36px;min-height:36px}.canvas-action-btn:active{transform:scale(.95)}.canvas-col-image{min-height:200px;max-height:40vh;max-height:40dvh}.canvas-col-details{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0));overflow:visible}.canvas-tab-nav{padding:var(--space-sm)}.canvas-tab-grid{grid-template-columns:repeat(2,1fr);gap:4px}.canvas-tab-grid.basic-tabs{grid-template-columns:repeat(2,1fr)}.canvas-tab-card{padding:8px;gap:6px;min-height:44px}.canvas-tab-card img{width:20px;height:20px}.canvas-tab-card span{font-size:7px}.canvas-tab-card:active{transform:scale(.98)}.canvas-tab-panels{flex:none;overflow:visible;min-height:auto}.canvas-tab-content,.canvas-tabs-content{padding:var(--space-sm);overflow:visible}.canvas-btn{width:100%;padding:var(--space-sm) var(--space-md);font-size:9px;min-height:48px}.canvas-btn:active{transform:scale(.98)}.canvas-save-changes-btn{min-height:44px}.canvas-view .scene-actions-row{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.canvas-view .scene-actions-row button{max-width:none;min-width:0;width:100%;min-height:48px}.canvas-view .storyboard-style-input{max-width:100%;width:100%;font-size:16px;min-height:44px}.canvas-view .panel-library-grid{grid-template-columns:1fr}.canvas-view .panel-library-item .btn-panel-action{width:36px;height:36px}.headline-item{min-height:48px;padding:var(--space-sm)}.headline-item:active{background:var(--color-gray-light)}.canvas-edit-input,.canvas-edit-textarea{font-size:16px}.canvas-headline-block{padding:var(--space-xs) 0;margin-bottom:var(--space-xs)}.canvas-block-label{font-size:6px;margin-bottom:4px}.canvas-block-headline{font-size:12px;line-height:1.3}.canvas-block-subline{margin-top:4px;font-size:10px}.canvas-headline-row{flex-direction:column;gap:var(--space-xs)}.canvas-headline-row .canvas-block-headline{min-width:0;width:100%}.canvas-headline-nav-inline{align-self:flex-start}.canvas-headline-nav-btn{width:28px;height:28px;min-width:28px;min-height:28px;font-size:14px}.canvas-visual-block{padding:var(--space-xs) 0;margin-bottom:var(--space-xs)}.canvas-block-body{font-size:11px;line-height:1.5}.canvas-insight-grid{grid-template-columns:1fr;gap:var(--space-sm)}.canvas-insight-item{padding:var(--space-sm)}.canvas-insight-label{font-size:6px}.canvas-insight-value{font-size:10px}}@media(max-width:480px){.canvas-header{padding:4px;padding-top:calc(4px + var(--safe-top, 0));gap:4px}.btn-canvas-back{width:32px;height:32px;min-width:32px;min-height:32px;font-size:12px}.canvas-trigger-badge,.canvas-format-badge{font-size:6px;padding:3px 5px;min-height:20px}.canvas-action-btn{width:32px;height:32px;min-width:32px;min-height:32px}.canvas-col-image{min-height:180px;max-height:35vh}.canvas-title{font-size:10px}.canvas-tab-btn{font-size:7px;padding:var(--space-xs) var(--space-sm)}.canvas-block-headline{font-size:11px}.canvas-block-body{font-size:10px}}.canvas-section-block{padding:var(--space-md);background:var(--color-white);border:2px solid var(--color-black);margin-bottom:var(--space-md)}.canvas-view .prompt-tip-blue{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#e3f2fd;border:2px solid #1976D2;margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:11px;color:#0d47a1}.canvas-view .tip-icon-blue{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#1976d2;color:var(--color-white);font-family:var(--font-pixel);font-size:10px;font-weight:700;flex-shrink:0}.canvas-view .tip-text-blue{flex:1;line-height:1.4}.canvas-view .prompt-section{margin-bottom:var(--space-md)}.canvas-view .prompt-editor{width:100%;min-height:180px;font-family:var(--font-mono);font-size:11px;line-height:1.5;padding:var(--space-sm);border:2px solid var(--color-black);background:var(--color-white);resize:vertical}.canvas-view .prompt-editor:focus{outline:none;box-shadow:0 0 0 2px var(--cat-color, #0066FF)}.canvas-view .storyboard-settings{display:flex;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--color-gray-light);border:2px solid var(--color-black);flex-wrap:wrap}.canvas-view .storyboard-setting-group{display:flex;align-items:center;gap:var(--space-xs)}.canvas-view .storyboard-setting-label{font-family:var(--font-pixel);font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-dark)}.canvas-view .storyboard-setting-select{font-family:var(--font-mono);font-size:11px;padding:6px 10px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer}.canvas-view .storyboard-setting-select:focus{outline:none;box-shadow:0 0 0 2px var(--cat-color, #0066FF)}.canvas-view .btn-gen-storyboard{margin-left:auto;font-family:var(--font-pixel);font-size:8px;padding:6px 10px;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background .1s,color .1s}.canvas-view .btn-gen-storyboard:hover{background:var(--color-white);color:var(--color-black)}.canvas-view .storyboard-actions{display:flex;gap:var(--space-sm);margin-top:4px}.canvas-view .btn-copy-inline,.canvas-view .btn-gen-inline{font-family:var(--font-pixel);font-size:9px;padding:10px 16px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.canvas-view .btn-copy-inline:hover,.canvas-view .btn-gen-inline:hover,.canvas-view .btn-gen-inline{background:var(--color-black);color:var(--color-white)}.canvas-view .btn-gen-inline:hover{background:var(--color-white);color:var(--color-black)}.canvas-view .video-scenes-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:2px solid var(--color-gray-mid)}.canvas-view .video-scenes-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.canvas-view .btn-scene-action{font-family:var(--font-pixel);font-size:9px;padding:12px 18px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.canvas-view .btn-scene-action:hover,.canvas-view .btn-scene-action.btn-primary-action{background:var(--color-black);color:var(--color-white)}.canvas-view .btn-scene-action.btn-primary-action:hover{background:var(--color-white);color:var(--color-black)}.canvas-view .btn-icon{font-size:12px}.canvas-view .video-scenes-placeholder{padding:var(--space-lg);text-align:center;background:var(--dither-12, #f5f5f5);border:2px dashed var(--color-gray-mid);font-family:var(--font-mono);font-size:12px;color:var(--color-gray-dark)}.canvas-view .video-scenes-placeholder p{margin-bottom:var(--space-sm)}.canvas-view .video-scenes-placeholder ul{list-style:none;padding:0;margin:0;text-align:left;display:inline-block}.canvas-view .video-scenes-placeholder li{padding:4px 0}.canvas-view .video-scenes-placeholder li:before{content:"• ";color:var(--cat-color, var(--color-black))}.canvas-view .video-scenes-container{min-height:200px}.canvas-view .scene-card-screenplay{margin-bottom:var(--space-md);border:2px solid var(--color-black);background:var(--color-white);box-shadow:4px 4px 0 var(--color-black)}.canvas-view .scene-card-screenplay:last-child{margin-bottom:0}.canvas-view .scene-card-body-full{display:block!important;padding:var(--space-md)}.canvas-view .scene-frames-column{display:grid!important;grid-template-columns:1fr 1fr;gap:var(--space-sm);width:100%;margin-bottom:var(--space-md)}.canvas-view .frame-slot{width:100%;min-width:0;max-width:none}.canvas-view .frame-label{padding:3px 6px;font-size:6px}.canvas-view .frame-content{aspect-ratio:16 / 9}.canvas-view .frame-actions-bar{padding:4px;gap:3px;flex-wrap:wrap;justify-content:center}.canvas-view .btn-frame-sm{width:24px;height:20px;font-size:11px}.canvas-view .scene-video-player{grid-column:1 / -1;margin-bottom:var(--space-sm)}.canvas-view .scene-video-player video{max-height:180px;width:100%;object-fit:contain}.canvas-view .scene-video-actions{display:flex;justify-content:center;padding:4px;background:var(--color-black)}.canvas-view .btn-scene-video-regen{padding:6px 12px;font-size:7px}.canvas-view .btn-scene-video-sm{flex:1;padding:4px 6px;font-size:7px}.canvas-view .video-gen-section{grid-column:1 / -1;margin-top:var(--space-xs);padding:var(--space-sm);display:block!important}.canvas-view .btn-gen-video{padding:10px 16px;font-size:8px;width:100%;box-sizing:border-box}.canvas-view .video-gen-note{font-size:9px;margin:4px 0 0}.canvas-view .scene-details-column{width:100%}.canvas-view .scene-field-label{font-size:7px;margin-bottom:2px}.canvas-view .scene-field-input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:11px}.canvas-view .scene-visual-input{min-height:60px}.canvas-view .scene-field{margin-bottom:var(--space-sm)}.canvas-view .scene-actions-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:var(--space-sm)}.canvas-view .scene-actions-row button{flex:1;min-width:70px;max-width:100px;padding:8px 6px;font-size:7px}.canvas-view .scene-prompt-section{border-top:2px solid var(--color-gray-light)}.canvas-view .scene-prompt-header{padding:var(--space-xs)}.canvas-view .scene-prompt-label{font-size:7px}.canvas-view .scene-prompt-content{padding:var(--space-sm)}.canvas-view .scene-prompt-textarea{font-size:10px;min-height:60px}.canvas-view .scene-navigation{padding:var(--space-xs) var(--space-sm)}.canvas-view .btn-scene-nav{padding:6px 10px;font-size:7px}.canvas-view .scene-nav-indicator{font-size:8px}.canvas-view .storyboard-header{flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm)}.canvas-view .storyboard-style-input{max-width:180px}.canvas-view .scene-nav-tabs{display:flex;flex-wrap:wrap;gap:2px}.canvas-view .scene-nav-tab{padding:6px 8px;min-width:45px}.canvas-view .scene-nav-number{font-size:7px}.canvas-view .scene-nav-timing{font-size:8px}.canvas-view .storyboard-panels-divider{margin:var(--space-md) 0}.canvas-view .storyboard-panels-header{margin-bottom:var(--space-sm)}.canvas-view .panel-library-title{font-size:8px;padding:3px 6px}.canvas-view .panel-source-section{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-md);box-sizing:border-box}.canvas-view .source-preview{width:100%;max-width:100%;min-height:60px;max-height:120px;display:flex;align-items:center;justify-content:center;background:var(--color-black);flex-shrink:0}.canvas-view .source-preview img{max-width:100%;max-height:110px;width:auto;height:auto;object-fit:contain;display:block;border:none}.canvas-view .source-preview-placeholder{padding:var(--space-sm);font-size:7px}.canvas-view .source-preview-placeholder .icon{font-size:18px}.canvas-view .split-controls{width:100%;box-sizing:border-box}.canvas-view .split-controls-title{font-size:9px;margin-bottom:var(--space-sm)}.canvas-view .split-controls-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.canvas-view .split-control-group{display:flex;align-items:center;gap:4px}.canvas-view .split-control-group label{font-size:7px}.canvas-view .split-control-group select{font-size:11px;padding:4px 6px;min-width:45px}.canvas-view .btn-split{font-size:9px;padding:6px 12px}.canvas-view .split-options-row{flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.canvas-view .split-option-label{font-size:10px}.canvas-view .split-status{font-size:10px;margin-top:var(--space-sm)}.canvas-view .panel-library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.canvas-view .panel-library-item{aspect-ratio:16 / 9}.canvas-view .panel-library-item .panel-index{font-size:8px;padding:2px 6px}.canvas-view .panel-library-item .panel-actions{gap:3px}.canvas-view .panel-library-item .btn-panel-action{width:20px;height:20px;font-size:10px}.canvas-view .panel-library-add{aspect-ratio:16 / 9}.canvas-view .panel-library-add .add-icon{font-size:18px}.canvas-view .panel-library-add .add-text{font-size:7px}.canvas-view .panel-library-add .add-hint{display:none}.canvas-view .panel-library-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;padding-top:var(--space-sm)}.canvas-view .btn-clear-panels{font-size:8px;padding:6px 12px}.canvas-view #canvas-videos-content{min-height:150px}.canvas-view .videos-empty-state{padding:var(--space-lg) var(--space-md)}.canvas-view .videos-empty-state .empty-icon{font-size:32px}.canvas-view .videos-empty-state h3{font-size:10px}.canvas-view .videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.canvas-view .videos-header h3{font-family:var(--font-pixel);font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin:0}.canvas-view .videos-grid,.canvas-view .videos-grid-compact{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.canvas-view .video-card-compact{border-width:1px}.canvas-view .video-card-header-compact{padding:3px 5px}.canvas-view .video-card-header-compact .scene-badge{font-size:6px}.canvas-view .btn-video-compact{padding:4px 3px;font-size:7px}.canvas-view .video-card-compact:hover,.canvas-view .video-card:hover,.canvas-view .video-card-player-compact:hover,.canvas-view .video-card-player:hover{background:inherit}.canvas-view .video-card-compact:before,.canvas-view .video-card-compact:after,.canvas-view .video-card-player-compact:before,.canvas-view .video-card-player-compact:after{display:none!important}.canvas-view .video-play-overlay{display:none!important}.canvas-view .video-card-compact,.canvas-view .video-card-player-compact,.canvas-view .video-card,.canvas-view .video-card-player{position:relative}.canvas-view .video-card-compact.is-variant,.canvas-view .video-card.is-variant{opacity:1}.canvas-view .video-card-player-compact{background:var(--color-black);position:relative;overflow:hidden}.canvas-view .videos-grid,.canvas-view .videos-grid-compact{background:transparent}.canvas-view .video-card-header{padding:var(--space-xs)}.canvas-view .video-card-info{padding:var(--space-xs) var(--space-sm)}.canvas-view .video-description{font-size:9px}.canvas-view .btn-video-action{padding:6px;font-size:7px}.canvas-view .videos-empty{padding:var(--space-lg);text-align:center;background:var(--dither-12, #f5f5f5);border:2px dashed var(--color-gray-mid);font-family:var(--font-mono);font-size:12px;color:var(--color-gray-dark)}.canvas-form-section{margin-bottom:var(--space-md)}.canvas-form-label{display:block;font-family:var(--font-pixel);font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-black);margin-bottom:6px}.canvas-form-optional{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-mid);text-transform:uppercase}.canvas-model-selector{display:flex;gap:8px;flex-wrap:wrap}.canvas-model-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;font-family:var(--font-pixel);font-size:9px;transition:none}.canvas-model-btn:hover{background:var(--dither-12, #eee)}.canvas-model-btn.active{background:var(--color-black);color:var(--color-white)}.canvas-model-btn .model-name{font-weight:700}.canvas-model-btn .model-cost{font-family:var(--font-mono);font-size:10px;opacity:.8}.canvas-aspect-selector{display:flex;gap:4px;flex-wrap:wrap}.canvas-aspect-btn{padding:8px 12px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;font-family:var(--font-pixel);font-size:9px;transition:none}.canvas-aspect-btn:hover{background:var(--dither-12, #eee)}.canvas-aspect-btn.active{background:var(--color-black);color:var(--color-white)}.canvas-form-textarea{width:100%;min-height:120px;padding:var(--space-sm);font-family:var(--font-mono);font-size:11px;line-height:1.5;border:2px solid var(--color-black);background:var(--color-white);resize:vertical;box-sizing:border-box}.canvas-form-textarea:focus{outline:none;box-shadow:0 0 0 2px var(--cat-color, #0066FF)}.canvas-form-select{width:100%;padding:8px 12px;font-family:var(--font-mono);font-size:11px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer}.canvas-form-select:focus{outline:none;box-shadow:0 0 0 2px var(--cat-color, #0066FF)}.canvas-form-cost{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-dark);padding:var(--space-sm) 0;border-top:1px solid var(--color-gray-light);margin-bottom:var(--space-md)}.canvas-form-cost .cost-value{font-weight:700;color:var(--color-black)}.canvas-form-actions{display:flex;justify-content:center;padding-top:var(--space-sm)}.canvas-btn.canvas-btn-primary{background:var(--color-black);color:var(--color-white);min-width:200px}.canvas-btn.canvas-btn-primary:hover{background:var(--cat-color, var(--color-white));color:var(--color-black);border-color:var(--cat-color, var(--color-black))}.canvas-btn.canvas-btn-primary:disabled{opacity:.6;cursor:not-allowed}.canvas-refine-summary{padding:var(--space-md);background:var(--dither-12, #f5f5f5);border:2px solid var(--color-gray-mid)}.refine-summary-title{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--color-black);margin:0 0 6px}.refine-summary-headline{font-family:var(--font-mono);font-size:11px;font-style:italic;color:var(--color-gray-dark);margin:0}.canvas-checkbox-section{padding:var(--space-sm) 0}.canvas-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-mono);font-size:11px}.canvas-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.canvas-refine-history{margin-top:var(--space-md);padding:var(--space-md);background:var(--dither-12, #f5f5f5);border:1px solid var(--color-gray-mid)}.canvas-refine-note{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-dark);margin:6px 0 0;font-style:italic}.canvas-action-trigger{display:flex;justify-content:center;padding:var(--space-lg) 0}.canvas-action-trigger .canvas-btn{min-width:200px}.canvas-context-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.canvas-context-badge{display:inline-block;padding:4px 10px;font-family:var(--font-pixel);font-size:8px;border:2px solid var(--color-black);text-transform:uppercase;letter-spacing:.5px}.canvas-context-badge.format{background:var(--color-white);color:var(--color-black)}.canvas-context-badge.trigger{color:var(--color-white)}.canvas-brief-section{background:var(--dither-12);border:2px solid var(--color-black);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.canvas-brief-content{font-family:var(--font-mono);font-size:11px;line-height:1.6}.brief-item{margin-bottom:var(--space-xs)}.brief-item:last-child{margin-bottom:0}.brief-item strong{color:var(--color-black)}.btn-canvas-add-image{position:absolute;bottom:var(--space-md);right:var(--space-md);width:48px;height:48px;background:var(--color-white);color:var(--color-black);border:3px solid var(--color-black);box-shadow:4px 4px 0 var(--color-black);font-family:var(--font-pixel);font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--z-content);transition:none}.btn-canvas-add-image:hover{background:var(--color-black);color:var(--color-white)}.btn-canvas-add-image:active{box-shadow:2px 2px 0 var(--color-black);transform:translate(2px,2px)}.canvas-placeholder.generating~.btn-canvas-add-image{display:none}@media(max-width:900px){.canvas-tab-nav{padding:var(--space-sm) var(--space-lg)}.canvas-tab-grid{gap:4px}.canvas-tab-card{padding:8px 10px;gap:8px}.canvas-tab-card img{width:28px;height:28px}.canvas-tab-card span{font-size:8px}}@media(max-width:600px){.canvas-tab-nav{padding:var(--space-sm) var(--space-md)}.canvas-tab-grid{grid-template-columns:repeat(2,1fr)}.canvas-tab-grid.basic-tabs{grid-template-columns:1fr}.canvas-tab-card{padding:6px 8px;gap:6px}.canvas-tab-card img{width:24px;height:24px}.canvas-tab-card span{font-size:7px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);grid-column:1 / -1}.empty-state-icon{font-size:48px;margin-bottom:var(--space-md);line-height:1}.empty-state-title{font-family:var(--font-pixel);font-size:12px;font-weight:400;text-transform:uppercase;margin:0 0 var(--space-xs);color:var(--color-black)}.empty-state-message{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-dark);margin:0 0 var(--space-lg);max-width:300px}.empty-state-cta{display:inline-flex;align-items:center;gap:var(--space-xs)}.empty-state-cta .cta-icon{font-style:normal}.empty-state--default{background:var(--color-white);border:3px dashed var(--color-gray-mid)}.empty-state--retro{background:var(--dither-12);border:2px dashed var(--color-gray-mid)}.empty-state--retro .empty-state-title{font-size:14px}.empty-state--minimal{background:transparent;border:none;padding:var(--space-lg)}.empty-state--minimal .empty-state-icon{color:var(--color-gray-mid)}.empty-state--minimal .empty-state-title{font-family:var(--font-sans);font-size:14px;font-weight:600}@media(max-width:480px){.empty-state{padding:var(--space-lg)}.empty-state-icon{font-size:36px}.empty-state-title{font-size:11px}.empty-state-message{font-size:10px}}.account-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.account-info-grid{grid-template-columns:1fr}}.account-info-card{padding:16px;border:2px solid var(--gray-mid, #808080)}.account-info-label{font-family:var(--font-pixel);font-size:8px;color:var(--gray, #808080);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.account-info-value{font-family:var(--font-pixel);font-size:14px;margin-bottom:4px}.account-info-detail{font-size:.85rem;color:var(--gray, #808080);margin-bottom:12px}.account-danger-list{display:flex;flex-direction:column;gap:12px}.account-danger-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-mid, #808080)}.account-danger-item:last-child{border-bottom:none}.account-danger-label{display:flex;flex-direction:column;gap:4px}.account-danger-title{font-family:var(--font-pixel);font-size:10px}.account-danger-desc{font-size:.8rem;color:var(--gray, #808080)}@media(max-width:640px){.account-danger-item{flex-direction:column;align-items:flex-start;gap:8px}.account-danger-item .btn{width:100%}}.account-nav-item.danger{color:var(--red, #FF0000)}.loading-state-centered{text-align:center;padding:48px}.loading-state--grid-full{grid-column:1 / -1;text-align:center;padding:48px}.loading-text{font-family:var(--font-mono, "Space Mono", monospace)}.table-align-right{text-align:right}.table-no-padding,.window-body--flush{padding:0}@media(max-width:640px){.window-body--flush{overflow-x:auto}.usage-table{min-width:520px}.usage-table th,.usage-table td{padding:10px 12px}}.credit-pack--popular{border-color:var(--orange, #FF6600)}.credit-pack--best-value{border-color:var(--lime, #00FF00)}.credit-pack-badge--lime{background:var(--lime, #00FF00);color:var(--black, #000000)}.method-image{width:100%;height:auto;display:block;margin-bottom:1rem}.usage-loading-cell{text-align:center;padding:40px 20px!important}.usage-loading-text{display:block;margin-top:12px;font-family:var(--font-pixel);font-size:8px;color:var(--gray);letter-spacing:1px}.pricing-note-top{font-family:var(--font-pixel);font-size:10px;text-align:center;padding:12px;background:var(--color-gray-light);border:2px solid var(--color-black);margin-bottom:20px}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}}.pricing-section{border:2px solid var(--color-black);background:var(--color-white)}.pricing-section-header{display:flex;align-items:center;gap:8px;padding:10px 12px;font-family:var(--font-pixel);font-size:9px;font-weight:700;letter-spacing:.5px;border-bottom:2px solid var(--color-black)}.pricing-section-header--magenta{background:var(--color-cat-a);color:var(--color-white)}.pricing-section-header--cyan{background:var(--color-cat-c);color:var(--color-black)}.pricing-section-header--red{background:var(--color-cat-h);color:var(--color-white)}.pricing-section-header--green{background:var(--color-cat-d);color:var(--color-black)}.pricing-items{padding:8px 0}.pricing-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-gray-light)}.pricing-item:last-child{border-bottom:none}.pricing-item--example{background:var(--color-gray-light);font-style:italic}.pricing-item--free{background:#00ff000d}.pricing-item-name{font-family:var(--font-mono);font-size:11px}.pricing-item-sub{font-size:9px;color:var(--gray)}.pricing-item-credits{font-family:var(--font-pixel);font-size:10px;font-weight:700;min-width:45px;text-align:right}.pricing-item-cost{font-family:var(--font-mono);font-size:10px;color:var(--gray);min-width:55px;text-align:right}.preference-divider{border:none;border-top:2px solid var(--gray-mid, #808080);margin:20px 0}.preference-group{margin-bottom:20px}.preference-group>.preference-label{font-family:var(--font-pixel);font-size:10px;font-weight:600;margin-bottom:4px}.preference-group>.preference-desc{font-size:.85rem;color:var(--gray, #808080)}.radio-list{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border:2px solid var(--gray-mid, #808080);transition:border-color .1s;background:var(--white, #FFFFFF)}.radio-option:hover{border-color:var(--black, #000000)}.radio-option input[type=radio]{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--black, #000000)}.radio-option input[type=radio]:checked+.radio-content .radio-label{font-weight:700}.radio-content{flex:1}.radio-label{font-family:var(--font-pixel);font-size:10px;margin-bottom:4px}.radio-desc{font-size:.8rem;color:var(--gray, #808080)}.tag{display:inline-block;font-family:var(--font-pixel);font-size:8px;padding:2px 6px;margin-left:8px;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px}.tag-green{background:var(--color-cat-d, #00FF00);color:var(--black, #000000)}.tag-orange{background:var(--color-cat-b, #FF6600);color:var(--white, #FFFFFF)}.tag-cyan{background:var(--color-cat-c, #00FFFF);color:var(--black, #000000)}.form-hint{font-size:11px;color:var(--gray, #808080);margin-top:4px;font-family:var(--font-mono)}.account-avatar{width:80px;height:80px;border:3px solid var(--black, #000000);background:var(--gray-light, #E5E5E5);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-family:var(--font-pixel);font-size:24px;color:var(--gray, #808080)}.billing-note{margin-top:20px;padding:12px;background:var(--color-gray-light, #F5F5F5);font-size:12px;border:2px solid var(--gray-mid, #808080);font-family:var(--font-mono)}.preference-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 36px 10px 12px;min-width:160px;font-family:var(--font-pixel);font-size:10px;background:var(--white, #FFFFFF);border:2px solid var(--black, #000000);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23000' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-shadow:3px 3px 0 var(--black, #000000);transition:box-shadow .1s,transform .1s}.preference-select:hover{background-color:var(--color-gray-light, #F5F5F5)}.preference-select:focus{outline:none;box-shadow:2px 2px 0 var(--black, #000000);transform:translate(1px,1px)}.preference-select:active{box-shadow:1px 1px 0 var(--black, #000000);transform:translate(2px,2px)}.preference-select option{font-family:var(--font-mono, "Space Mono", monospace);font-size:12px;padding:8px}@media(max-width:640px){.preference-select{min-width:140px;font-size:9px;padding:8px 32px 8px 10px}}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;max-width:400px}.toast{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--white);border:3px solid var(--black);box-shadow:6px 6px 0 var(--black);pointer-events:auto;transform:translate(120%);opacity:0;transition:transform .2s steps(4),opacity .1s steps(2)}.toast.show{transform:translate(0);opacity:1}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:14px;border:2px solid var(--black)}.toast-success .toast-icon{background:var(--lime);color:var(--black)}.toast-error .toast-icon{background:var(--red);color:var(--white)}.toast-warning .toast-icon{background:var(--yellow);color:var(--black)}.toast-info .toast-icon{background:var(--cyan);color:var(--black)}.toast-content{flex:1;min-width:0}.toast-title{font-family:var(--font-pixel);font-size:10px;margin-bottom:var(--space-2xs);text-transform:uppercase}.toast-message{font-family:var(--font-mono);font-size:12px;line-height:1.4;color:var(--gray-dark);word-wrap:break-word}.toast-close{flex-shrink:0;width:20px;height:20px;padding:0;background:var(--white);border:2px solid var(--black);font-family:var(--font-pixel);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:var(--black);color:var(--white)}.toast-success{border-left:6px solid var(--lime)}.toast-error{border-left:6px solid var(--red)}.toast-warning{border-left:6px solid var(--yellow)}.toast-info{border-left:6px solid var(--cyan)}@media(max-width:480px){.toast-container{left:var(--space-sm);right:var(--space-sm);bottom:var(--space-sm);max-width:none}.toast{box-shadow:4px 4px 0 var(--black)}}.action-bar{display:none}.action-bar.visible{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0 var(--space-lg);background:var(--black);border:3px solid var(--black);overflow:hidden}.action-bar-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:var(--space-sm);flex-shrink:1;min-width:0;overflow:hidden}.main>.action-bar.visible{position:sticky;top:calc(var(--space-lg) + var(--header-height) + 5px);z-index:var(--z-sticky-backdrop);height:48px;margin-top:calc(-1 * var(--space-lg));margin-bottom:var(--space-lg);margin-right:-2px;box-shadow:5px 5px 0 var(--black)}.phase-harvest .action-bar.visible{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:3px solid var(--color-black);background:var(--color-white);position:sticky;bottom:0;z-index:var(--z-content);border-left:none;border-right:none;border-bottom:none;box-shadow:none;height:auto}.phase-harvest .action-bar-buttons{gap:var(--space-sm)}.phase-harvest .action-bar-btn{padding:10px 16px;background:var(--white);color:var(--black);border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);font-size:10px;height:auto}.phase-harvest .action-bar-btn:hover{background:var(--black);color:var(--white)}.phase-harvest .action-bar-btn svg{stroke:var(--black)}.phase-harvest .action-bar-btn:hover svg{stroke:var(--white)}.phase-harvest .action-bar-count{background:var(--black);color:var(--white);border:none}.phase-harvest .action-bar-btn[data-action=generate]{background:#f0f;color:var(--white);border-color:var(--black)}.phase-harvest .action-bar-btn[data-action=generate] svg{stroke:var(--white)}.action-bar-count{font-family:var(--font-pixel);font-size:10px;color:var(--white);padding:6px 12px;background:#f0f;white-space:nowrap;flex-shrink:0}.action-bar-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:var(--white);border:2px solid var(--white);font-family:var(--font-pixel);font-size:9px;color:var(--black);cursor:pointer;white-space:nowrap}.action-bar-btn svg{width:14px;height:14px;stroke:var(--black);flex-shrink:0}.action-bar-btn:hover{background:#333;color:var(--white);border-color:#333}.action-bar-btn:hover svg{stroke:var(--white)}.action-bar-btn[data-action=delete]{background:red;border-color:red;color:var(--white)}.action-bar-btn[data-action=delete] svg{stroke:var(--white)}.action-bar-btn[data-action=delete]:hover{background:var(--white);color:red;border-color:var(--white)}.action-bar-btn[data-action=delete]:hover svg{stroke:red}.action-bar-select-all,.action-bar-clear{background:transparent;border-color:#666;color:#999}.action-bar-select-all svg,.action-bar-clear svg{stroke:#999}.action-bar-select-all:hover,.action-bar-clear:hover{background:var(--white);border-color:var(--white);color:var(--black)}.action-bar-select-all:hover svg,.action-bar-clear:hover svg{stroke:var(--black)}.action-bar-btn[data-action=generate]{background:#f0f;border-color:#f0f;color:var(--white)}.action-bar-btn[data-action=generate] svg{stroke:var(--white)}.action-bar-btn[data-action=generate]:hover{background:var(--white);color:#f0f;border-color:var(--white)}.action-bar-btn[data-action=generate]:hover svg{stroke:#f0f}@media(max-width:768px){.main>.action-bar.visible{top:calc(var(--space-sm) + var(--header-height) + 5px);padding:0 var(--space-sm);margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-sm)}.action-bar-buttons{gap:var(--space-xs)}}@media(max-width:600px){.action-bar.visible{flex-wrap:wrap!important;height:auto;padding:var(--space-sm)}.action-bar-btn span{display:none}.action-bar-btn{height:40px;min-width:40px;padding:0 10px;justify-content:center}.action-bar-btn svg{width:18px;height:18px}.action-bar-count{font-size:9px;padding:8px 10px;width:100%}.action-bar-buttons{flex:1;justify-content:flex-end;flex-wrap:wrap!important}}.action-bar-btn.is-loading{opacity:.7;cursor:wait;pointer-events:none}@keyframes action-bar-spin{to{transform:rotate(360deg)}}.action-bar-btn.is-loading svg{animation:action-bar-spin .6s linear infinite}.auth-page{min-height:100vh;display:flex;flex-direction:column}.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--color-white);background-image:linear-gradient(45deg,var(--color-gray-light) 25%,transparent 25%),linear-gradient(-45deg,var(--color-gray-light) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-gray-light) 75%),linear-gradient(-45deg,transparent 75%,var(--color-gray-light) 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0px}.auth-header{text-align:center;margin-bottom:var(--space-lg)}.auth-header h1{font-family:var(--font-pixel);font-size:20px;line-height:1.4;margin-bottom:var(--space-sm);letter-spacing:1px}@media(min-width:768px){.auth-header h1{font-size:24px}}.auth-header p{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:1px}.auth-links{text-align:center;margin-top:var(--space-md);font-family:var(--font-mono);font-size:12px}.auth-links a{color:var(--color-black);text-decoration:underline;text-underline-offset:3px}.auth-links a:hover{background:var(--color-black);color:var(--color-white);text-decoration:none;padding:2px 4px;margin:-2px -4px}.auth-links .divider{margin:0 12px;color:var(--color-gray-mid)}.auth-terms{margin-top:var(--space-md);font-family:var(--font-mono);font-size:10px;text-align:center;color:var(--color-gray-mid);line-height:1.6}.auth-terms a{color:var(--color-black);text-decoration:underline}.auth-required-screen{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--color-white);background-image:linear-gradient(45deg,var(--color-gray-light) 25%,transparent 25%),linear-gradient(-45deg,var(--color-gray-light) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-gray-light) 75%),linear-gradient(-45deg,transparent 75%,var(--color-gray-light) 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0px}.auth-required-container{width:100%;max-width:460px}.auth-required-header{text-align:center;margin-bottom:var(--space-lg)}.auth-required-header h2{font-family:var(--font-pixel);font-size:18px;line-height:1.4;margin-bottom:var(--space-xs);letter-spacing:1px}.auth-required-header p{font-family:var(--font-mono);font-size:12px;color:var(--color-gray-mid)}@media(min-width:768px){.auth-required-header h2{font-size:22px}}@media(max-width:480px){.auth-required-screen{padding:var(--space-md);min-height:calc(100vh - 60px)}.auth-required-header h2{font-size:14px}}.dashboard-auth-required{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--color-white);background-image:linear-gradient(45deg,var(--color-gray-light) 25%,transparent 25%),linear-gradient(-45deg,var(--color-gray-light) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-gray-light) 75%),linear-gradient(-45deg,transparent 75%,var(--color-gray-light) 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0px}.auth-confirm-text{font-family:var(--font-mono);font-size:14px;line-height:1.6;margin-bottom:var(--space-md)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;font-family:var(--font-pixel);font-size:9px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;text-transform:uppercase}.user-menu-trigger:hover{background:var(--color-gray-light)}.user-menu-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--color-white);border:2px solid var(--color-black);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-black);z-index:100}.user-menu.open .user-menu-dropdown{display:block}.user-menu-item{display:block;width:100%;padding:12px 16px;font-family:var(--font-mono);font-size:12px;text-align:left;border:none;background:none;cursor:pointer;text-transform:uppercase}.user-menu-item:hover{background:var(--color-gray-light)}.user-menu-item.danger{color:#c00}.user-menu-divider{height:1px;background:var(--color-gray-mid);margin:4px 0}.generator-landing{width:100%;max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.landing-hero{text-align:center;margin-bottom:var(--space-xl)}.landing-title{font-family:var(--font-pixel);font-size:24px;line-height:1.4;margin-bottom:var(--space-md);letter-spacing:2px}@media(min-width:768px){.landing-title{font-size:32px}}.landing-subtitle{font-family:var(--font-mono);font-size:14px;color:var(--color-gray-dark);max-width:600px;margin:0 auto var(--space-lg);line-height:1.6}.landing-phases{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg)}.landing-phase{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-white);border:2px solid var(--color-black);min-width:100px}.landing-phase-num{font-family:var(--font-pixel);font-size:16px;background:var(--color-black);color:var(--color-white);width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs)}.landing-phase-name{font-family:var(--font-pixel);font-size:9px;letter-spacing:1px;margin-bottom:2px}.landing-phase-desc{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid)}.landing-phase-arrow{font-size:12px;color:var(--color-gray-mid)}@media(max-width:640px){.landing-phases{flex-direction:column}.landing-phase-arrow{transform:rotate(90deg)}}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-white);border:2px solid var(--color-black);box-shadow:6px 6px 0 var(--color-black)}.landing-feature{text-align:center;padding:var(--space-md)}.landing-feature-icon{width:48px;height:48px;image-rendering:pixelated;margin-bottom:var(--space-sm)}.landing-feature h3{font-family:var(--font-pixel);font-size:10px;margin-bottom:var(--space-xs);letter-spacing:1px}.landing-feature p{font-family:var(--font-mono);font-size:12px;color:var(--color-gray-dark);line-height:1.5}.landing-cta{text-align:center;padding:var(--space-lg);background:var(--color-black);color:var(--color-white);margin-bottom:var(--space-lg)}.landing-cta-text{font-family:var(--font-mono);font-size:14px;margin-bottom:var(--space-md)}.landing-cta-buttons{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.landing-cta .btn-primary{background:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.landing-cta .btn-primary:hover{background:var(--color-gray-light)}.landing-cta .btn-ghost{color:var(--color-white);border-color:var(--color-white)}.landing-cta .btn-ghost:hover{background:var(--color-white);color:var(--color-black)}.landing-explore{text-align:center}.landing-explore p{font-family:var(--font-mono);font-size:12px;color:var(--color-gray-mid);margin-bottom:var(--space-xs)}.landing-explore-link{font-family:var(--font-pixel);font-size:10px;color:var(--color-black);text-decoration:underline;text-underline-offset:3px}.landing-explore-link:hover{background:var(--color-black);color:var(--color-white);text-decoration:none;padding:2px 6px;margin:-2px -6px}.hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden}.hero-container{position:relative;z-index:var(--z-base);max-width:var(--container-max);margin:0 auto;padding:var(--space-xl) var(--space-sm);text-align:center}@media(min-width:768px){.hero-container{padding:var(--space-xxl) var(--space-lg);text-align:left}}.hero-badge{display:inline-block;font-family:var(--font-pixel);font-size:8px;letter-spacing:2px;padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-black);margin-bottom:var(--space-md)}.hero-title{font-size:32px;line-height:1.2;margin-bottom:var(--space-md)}@media(min-width:768px){.hero-title{font-size:48px}}@media(min-width:1024px){.hero-title{font-size:64px}}.hero-quote-box{display:inline-block;margin:0 0 var(--space-md);padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--color-black);background:var(--color-white)}.hero-quote-text{font-size:14px;line-height:1.8;margin:0}@media(min-width:768px){.hero-quote-text{font-size:16px}}.hero-quote-text strong{background:var(--color-black);color:var(--color-white);padding:0 4px}.hero-subtitle{font-size:14px;max-width:550px;margin:0 0 var(--space-lg);line-height:1.7}@media(min-width:768px){.hero-subtitle{font-size:15px}}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.page-hero{padding:var(--space-xl) 0}.page-number{font-family:var(--font-pixel);font-size:48px;color:var(--color-gray-light);margin-bottom:var(--space-sm)}.page-title{margin-bottom:var(--space-sm)}.page-subtitle{color:var(--color-gray-mid)}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:12px;margin-bottom:var(--space-md);color:var(--color-gray-mid)}.breadcrumb a{text-decoration:underline}.breadcrumb a:hover{color:var(--color-black)}.section-title{margin-bottom:var(--space-md)}.section-subtitle{color:var(--color-gray-mid);margin-bottom:var(--space-lg)}.section-gray{background:var(--color-gray-light);padding:var(--space-xl) 0}.section-how{background:var(--color-white)}.section-categories{background:#f5f5f5}.section-featured{background:var(--color-white)}.section-philosophy{background:var(--color-gray-light)}.philosophy-quote{font-family:var(--font-pixel);font-size:12px;line-height:1.8;padding:var(--space-md);border-left:var(--border-width) solid var(--color-black);margin-bottom:var(--space-lg)}@media(min-width:768px){.philosophy-quote{font-size:14px}}.philosophy-text{font-size:14px;line-height:1.8;max-width:700px}.dashboard-hero{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:var(--color-white);border:var(--border);box-shadow:var(--shadow-lg);margin-bottom:var(--space-lg)}.hero-content{flex:1}.hero-stats{display:flex;align-items:center;gap:var(--space-lg)}.hero-stat{display:flex;align-items:center;gap:6px;font-size:.95rem;color:var(--color-black)}.hero-stat strong{font-family:var(--font-pixel);font-size:14px}.hero-action{flex-shrink:0}.steps-grid{display:grid;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(4,1fr)}}.step-card{padding:var(--space-md);border:var(--border-width) solid var(--color-black);background:var(--color-white);transition:transform .1s ease,box-shadow .1s ease}.step-card:nth-child(1):hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-cat-a)}.step-card:nth-child(2):hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-cat-c)}.step-card:nth-child(3):hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-cat-b)}.step-card:nth-child(4):hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-cat-d)}.step-image{width:100%;aspect-ratio:1;margin-bottom:var(--space-md);overflow:hidden;background:var(--color-black)}.step-image img{width:100%;height:100%;object-fit:cover;display:block}.step-number{font-family:var(--font-pixel);font-size:16px;display:inline-block;background:var(--color-black);color:var(--color-white);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm);transition:background-color .1s ease}.step-card:nth-child(1):hover .step-number{background:var(--color-cat-a)}.step-card:nth-child(2):hover .step-number{background:var(--color-cat-c)}.step-card:nth-child(3):hover .step-number{background:var(--color-cat-b)}.step-card:nth-child(4):hover .step-number{background:var(--color-cat-d)}.step-title{font-size:10px;margin-bottom:var(--space-sm);color:var(--color-black)}.step-text{font-size:12px;line-height:1.6;color:var(--color-black)}.steps-cta{text-align:center}.section-cta{background:var(--color-black);color:var(--color-white)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{margin-bottom:var(--space-md)}.cta-text{margin-bottom:var(--space-lg);color:var(--color-gray-mid)}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center}@media(min-width:768px){.cta-buttons{flex-direction:row}}.section-cta .btn-primary{background:var(--color-white);color:var(--color-black);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-white)}.section-cta .btn-secondary{background:transparent;color:var(--color-white);border-color:var(--color-white);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-white)}.intro-text{font-size:16px;line-height:1.8;margin-bottom:var(--space-md)}.hero-question{max-width:700px;margin:0 auto var(--space-lg);padding:var(--space-lg);border:var(--border-width) solid var(--color-black);background:var(--color-white);text-align:center}@media(min-width:768px){.hero-question{margin:0 0 var(--space-lg);text-align:left}}.hero-question-label{display:block;font-family:var(--font-pixel);font-size:8px;letter-spacing:2px;color:var(--color-gray-mid);margin-bottom:var(--space-sm)}.hero-question-text{font-family:var(--font-pixel);font-size:14px;line-height:1.8;margin:0}@media(min-width:768px){.hero-question-text{font-size:18px}}@media(min-width:1024px){.hero-question-text{font-size:20px}}.hero-question-text em{font-style:normal;background:var(--color-black);color:var(--color-white);padding:0 4px}.section-header-centered{text-align:center;max-width:800px;margin:0 auto var(--space-xl)}.section-title-large{font-size:16px;margin-bottom:var(--space-md)}@media(min-width:768px){.section-title-large{font-size:24px}}.section-subtitle-large{font-size:14px;line-height:1.8;color:var(--color-gray-mid)}@media(min-width:768px){.section-subtitle-large{font-size:16px}}.featured-triggers-showcase{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:600px){.featured-triggers-showcase{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.featured-triggers-showcase{grid-template-columns:repeat(4,1fr)}}.featured-cta{text-align:center;margin-top:var(--space-xl)}.featured-trigger-card-enhanced{display:flex;flex-direction:column;background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);text-decoration:none;color:var(--color-black);overflow:hidden}.featured-trigger-card-enhanced:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px)}.featured-trigger-card-enhanced:hover .featured-trigger-cta{background:var(--color-black);color:var(--color-white)}.featured-trigger-image{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.featured-trigger-image img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}.featured-trigger-image .trigger-icon-fallback{font-size:64px;opacity:.5}.featured-trigger-content{padding:var(--space-md);flex:1;display:flex;flex-direction:column;border-top:var(--border-width) solid var(--color-black)}.featured-trigger-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.featured-trigger-code{font-family:var(--font-pixel);font-size:10px;color:var(--color-black);background:var(--cat-color, var(--color-gray-light));padding:2px 6px}.featured-trigger-title{font-size:9px;line-height:1.3;color:var(--color-black);margin:0}@media(min-width:768px){.featured-trigger-title{font-size:10px}}.featured-trigger-question{font-size:13px;line-height:1.6;color:var(--color-black);margin:0 0 var(--space-sm);flex:1}@media(min-width:768px){.featured-trigger-question{font-size:14px}}.featured-trigger-cta{font-family:var(--font-pixel);font-size:8px;padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-black);text-align:center}.creed-list{display:grid;gap:var(--space-md)}.creed-item{display:flex;gap:var(--space-md);padding:var(--space-md);border:2px solid var(--color-black)}.creed-number{font-family:var(--font-pixel);font-size:16px;color:var(--color-gray-light);flex-shrink:0}[data-category=A]{--cat-color: var(--color-cat-A)}[data-category=B]{--cat-color: var(--color-cat-B)}[data-category=C]{--cat-color: var(--color-cat-C)}[data-category=D]{--cat-color: var(--color-cat-D)}[data-category=E]{--cat-color: var(--color-cat-E)}[data-category=F]{--cat-color: var(--color-cat-F)}[data-category=G]{--cat-color: var(--color-cat-G)}[data-category=H]{--cat-color: var(--color-cat-H)}[data-category=I]{--cat-color: var(--color-cat-I)}[data-category=J]{--cat-color: var(--color-cat-J)}[data-category=K]{--cat-color: var(--color-cat-K)}[data-category=L]{--cat-color: var(--color-cat-L)}[data-category=M]{--cat-color: var(--color-cat-M)}[data-category=N]{--cat-color: var(--color-cat-N)}[data-category=O]{--cat-color: var(--color-cat-O)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-sm)}.category-card{display:block;padding:var(--space-md);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);background:var(--color-white);text-decoration:none;color:var(--color-black)}.category-card:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px)}.category-card-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:var(--font-pixel);font-size:16px;color:var(--color-white);margin-bottom:var(--space-sm)}.category-card-title{font-size:12px;margin-bottom:var(--space-xs)}.category-card-count{font-size:12px;color:var(--color-gray-mid)}.category-section{margin-bottom:var(--space-xl)}.category-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-black)}.category-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-family:var(--font-pixel);font-size:20px;color:var(--color-white);flex-shrink:0}.category-title{margin-bottom:4px}.category-mechanism{font-size:12px;color:var(--color-gray-mid)}.triggers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.filter-btn{font-family:var(--font-pixel);font-size:8px;padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-black);background:var(--color-white);cursor:pointer}.filter-btn:hover{background:var(--color-gray-light)}.filter-btn.active{background:var(--color-black);color:var(--color-white)}.search-bar{margin-bottom:var(--space-md)}.search-input{width:100%;max-width:400px;padding:var(--space-sm);border:var(--border-width) solid var(--color-black);font-size:14px}.search-input:focus{outline:none;box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-black)}.random-bar{margin-bottom:var(--space-lg)}.trigger-detail{padding:var(--space-lg) 0}.trigger-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:var(--border-width) solid var(--color-black)}.trigger-code-large{font-family:var(--font-pixel);font-size:48px;line-height:1;background:var(--cat-color, var(--color-gray-light));color:var(--color-white);padding:var(--space-sm) var(--space-md);text-shadow:2px 2px 0 rgba(0,0,0,.3)}@media(min-width:768px){.trigger-code-large{font-size:64px;padding:var(--space-md) var(--space-lg)}}.trigger-category-name{display:block;font-size:10px;color:var(--color-gray-mid);margin-bottom:4px}.trigger-title{font-size:24px}@media(min-width:768px){.trigger-title{font-size:32px}}.trigger-section{margin-bottom:var(--space-xl)}.trigger-section-title{font-size:12px;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-black);display:flex;align-items:center;gap:6px}.trigger-section-title .section-icon{font-size:12px;line-height:1;display:inline-block}.trigger-section-title .section-icon-star{position:relative;top:-1px}.trigger-section-intro{margin-bottom:var(--space-sm);color:var(--color-gray-mid)}.trigger-mechanism{font-size:16px;line-height:1.7}.trigger-question{font-family:var(--font-pixel);font-size:16px;line-height:2;padding:var(--space-lg);border:var(--border-width) solid var(--color-black);background:var(--color-black);color:var(--cat-color, #9900FF);margin-bottom:var(--space-md);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-gray-mid)}@media(min-width:768px){.trigger-question{font-size:20px;padding:var(--space-xl)}}@media(min-width:1024px){.trigger-question{font-size:24px}}.trigger-calibration{padding:var(--space-md);background:var(--color-gray-light);border-left:var(--border-width) solid var(--color-black)}.trigger-warning-section .trigger-warning{padding:var(--space-md);background:#fff0f0;border-left:var(--border-width) solid var(--color-cat-h)}.trigger-examples-list li{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-gray-light);padding-left:var(--space-md);position:relative}.trigger-examples-list li:before{content:"→";position:absolute;left:0}.trigger-cta-box{padding:var(--space-lg);border:var(--border-width) solid var(--color-black);background:var(--color-gray-light);text-align:center}.trigger-cta-title{margin-bottom:var(--space-sm)}.trigger-cta-text{margin-bottom:var(--space-md)}.related-triggers-section{padding-top:48px}.related-triggers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}@media(min-width:768px){.related-triggers-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.trigger-nav{display:flex;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);border-top:var(--border-width) solid var(--color-black);margin-top:var(--space-xl)}.trigger-nav-btn{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm);border:2px solid var(--color-black);text-decoration:none;min-width:120px}.trigger-nav-btn:hover{background:var(--color-gray-light)}.nav-arrow{font-size:16px}.nav-trigger-name{font-size:10px;color:var(--color-gray-mid)}.categories-visual-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:600px){.categories-visual-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.categories-visual-grid{grid-template-columns:repeat(4,1fr)}}.category-visual-card{display:flex;flex-direction:column;background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);text-decoration:none;color:var(--color-black);overflow:hidden}.category-visual-card:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px)}.category-visual-image{aspect-ratio:1;background:var(--color-gray-light);border-bottom:2px solid var(--color-black);display:flex;align-items:center;justify-content:center;padding:var(--space-sm);transition:background-color .2s ease}.category-visual-card:hover .category-visual-image{background-color:var(--cat-color, var(--color-gray-light))}.category-visual-image img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.category-visual-image .category-icon-fallback{font-size:48px;opacity:.5}.category-visual-content{padding:var(--space-md);flex:1;display:flex;flex-direction:column}.category-visual-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.category-visual-code{font-family:var(--font-pixel);font-size:10px;color:var(--color-black);background:var(--cat-color, var(--color-gray-light));padding:2px 6px}.category-visual-title{font-size:9px;line-height:1.3;color:var(--color-black);margin:0}@media(min-width:768px){.category-visual-title{font-size:10px}}.category-visual-mechanism{font-size:13px;line-height:1.6;color:var(--color-black);margin:0 0 var(--space-sm);flex:1}@media(min-width:768px){.category-visual-mechanism{font-size:14px}}.category-visual-count{font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-mid)}.category-library-header{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);border:var(--border-width) solid var(--color-black);background:var(--color-white)}@media(min-width:768px){.category-library-header{flex-direction:row;align-items:center;padding:var(--space-lg)}}.category-library-image{width:120px;height:120px;background:var(--color-gray-light);border:2px solid var(--color-black);display:flex;align-items:center;justify-content:center;padding:var(--space-sm);flex-shrink:0}@media(min-width:768px){.category-library-image{width:140px;height:140px}}.category-library-image img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.category-library-info{flex:1}.category-library-badge{display:inline-block;font-family:var(--font-pixel);font-size:14px;color:var(--color-white);padding:4px 12px;margin-bottom:var(--space-sm)}.category-library-title{font-size:16px;margin-bottom:var(--space-sm)}@media(min-width:768px){.category-library-title{font-size:20px}}.category-library-mechanism{font-size:13px;line-height:1.7;color:var(--color-gray-mid);margin-bottom:var(--space-sm)}.category-library-count{font-family:var(--font-pixel);font-size:10px;color:var(--cat-color, var(--color-black))}.categories-cta{text-align:center;margin-top:var(--space-xl)}.trigger-card-with-image{display:flex;flex-direction:column;background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);cursor:pointer;text-decoration:none;color:var(--color-black);overflow:hidden;min-height:320px}.trigger-card-with-image:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px)}.trigger-card-with-image:hover .trigger-card-image{background-color:var(--cat-color, var(--color-gray-light))}.trigger-card-image{aspect-ratio:1;min-height:140px;background:var(--color-gray-light);display:flex;align-items:center;justify-content:center;padding:var(--space-sm);border-bottom:2px solid var(--color-black);transition:background-color .2s ease;overflow:hidden}.trigger-card-image img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.trigger-card-image .trigger-icon-fallback{font-size:48px;opacity:.5}.trigger-card-content{padding:var(--space-sm) var(--space-md) var(--space-md);flex:1;display:flex;flex-direction:column}.trigger-card-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:4px}.trigger-card-badge{font-family:var(--font-pixel);font-size:10px;color:var(--color-white);padding:2px 6px;background:var(--cat-color, var(--color-black))}.trigger-card-name{font-family:var(--font-pixel);font-size:10px;line-height:1.4;margin-bottom:var(--space-sm)}.trigger-card-question{font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--color-black);margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.trigger-card-question{font-size:14px;line-height:1.7}}.trigger-card-compact{display:flex;flex-direction:column;background:var(--color-white);border:2px solid var(--color-black);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-black);cursor:pointer;text-decoration:none;color:var(--color-black);overflow:hidden}.trigger-card-compact:hover{box-shadow:2px 2px 0 var(--color-black);transform:translate(2px,2px)}.trigger-card-compact .trigger-card-image{aspect-ratio:1;padding:var(--space-xs)}.trigger-card-compact .trigger-card-content{padding:var(--space-xs)}.trigger-card-compact .trigger-card-name{font-size:8px}.trigger-detail-image{max-width:280px;margin:0 auto var(--space-lg);padding:var(--space-sm);background:var(--color-gray-light);border:var(--border-width) solid var(--color-black)}@media(min-width:768px){.trigger-detail-image{max-width:320px;margin:0 0 var(--space-lg)}}.trigger-detail-image img{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.trigger-header-with-image{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:var(--border-width) solid var(--color-black)}@media(min-width:768px){.trigger-header-with-image{flex-direction:row;align-items:flex-start}}.trigger-header-image{width:160px;flex-shrink:0;background:var(--color-white)}@media(min-width:768px){.trigger-header-image{width:200px}}.trigger-header-image img{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.trigger-header-info{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.trigger-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.trigger-meta{flex:1}.trigger-meta .trigger-category-name{display:block;margin-bottom:4px}.trigger-meta .trigger-title{margin:0}.trigger-code-teletext{font-family:var(--font-pixel);font-size:32px;line-height:1;background:var(--color-black);color:var(--cat-color, var(--color-white));padding:var(--space-sm) var(--space-md);text-shadow:0 0 10px var(--cat-color, var(--color-white));position:relative;flex-shrink:0;letter-spacing:4px}.trigger-code-teletext:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}@media(min-width:768px){.trigger-code-teletext{font-size:48px;padding:var(--space-md) var(--space-lg);letter-spacing:6px}}.btn-random-trigger{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:8px;cursor:pointer;transition:all .15s ease;align-self:flex-start}.btn-random-trigger:hover{background:var(--color-black);color:var(--color-white);box-shadow:4px 4px 0 var(--color-gray-mid);transform:translate(-2px,-2px)}.btn-random-trigger .random-icon{font-size:12px}@media(min-width:768px){.btn-random-trigger{font-size:10px;padding:var(--space-sm) var(--space-md)}.btn-random-trigger .random-icon{font-size:14px}}.triggers-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}@media(min-width:768px){.triggers-grid-enhanced{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.section-how .section-header-centered{margin-bottom:var(--space-lg)}.library-stats{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);font-family:var(--font-pixel);font-size:10px}.stat-item strong{font-size:14px;color:var(--color-black)}.stat-divider{color:var(--color-gray-mid)}.library-hero{padding:var(--space-lg) 0 var(--space-md);border-bottom:3px solid var(--color-black)}.library-hero-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.library-hero-title{font-family:var(--font-pixel);font-size:16px;margin:0}@media(min-width:768px){.library-hero-title{font-size:24px}}.library-hero .filter-bar{margin-bottom:0}.library-header-v2{padding:var(--space-lg) 0 var(--space-md);border-bottom:var(--border-width) solid var(--color-black);background:var(--color-white)}.library-header-row{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:768px){.library-header-row{flex-direction:row;align-items:flex-end;justify-content:space-between}}.library-header-left{flex:1}.library-title-v2{font-family:var(--font-pixel);font-size:20px;margin:0 0 var(--space-xs)}@media(min-width:768px){.library-title-v2{font-size:28px}}.library-subtitle{font-family:var(--font-mono);font-size:14px;color:var(--color-gray-mid);margin:0}.library-filters-v2{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filter-chip{font-family:var(--font-pixel);font-size:8px;padding:8px 10px;border:2px solid var(--color-black);background:var(--color-white);color:var(--color-black);cursor:pointer;position:relative;white-space:nowrap}.filter-chip[data-category=all]{padding:8px 14px}@media(max-width:900px){.filter-chip .chip-label{display:none}}.filter-chip:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--chip-color, var(--color-black));opacity:0}.filter-chip:hover{background:var(--color-gray-light)}.filter-chip:hover:before{opacity:.8}.filter-chip.active{background:var(--color-black);color:var(--color-white)}.filter-chip.active:before{opacity:1;background:var(--chip-color, var(--color-white))}.triggers-grid-v2{display:grid;grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg) 0}@media(min-width:500px){.triggers-grid-v2{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.triggers-grid-v2{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.triggers-grid-v2{grid-template-columns:repeat(4,1fr)}}.trigger-card-v2{display:flex;flex-direction:column;background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);cursor:pointer;text-decoration:none;color:var(--color-black);overflow:hidden;position:relative;z-index:1}.trigger-card-v2:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px);z-index:50}.trigger-card-v2:hover .trigger-card-v2-image{background-color:var(--cat-color, var(--color-gray-light))}.trigger-card-v2-image{aspect-ratio:1;background:var(--color-gray-light);display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;position:relative;margin:calc(-1 * var(--border-width));margin-bottom:0}.trigger-card-v2-image:after{content:"";position:absolute;inset:0;border:20px solid transparent;pointer-events:none;z-index:2}.trigger-card-v2:hover .trigger-card-v2-image:after{border-color:var(--cat-color)}.trigger-card-v2-image img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}.trigger-card-v2-image .trigger-icon-fallback{font-size:64px;opacity:.4}.trigger-card-v2-content{padding:var(--space-md);display:flex;flex-direction:column;flex:1;border-top:var(--border-width) solid var(--color-black);overflow:visible;position:relative}.trigger-card-v2-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.trigger-card-v2-badge-wrap{position:relative;flex-shrink:0}.trigger-card-v2-badge{display:block;font-family:var(--font-pixel);font-size:11px;color:var(--badge-text, var(--color-white));background:var(--cat-color, var(--color-black));padding:4px 10px;cursor:help}.trigger-card-v2-tooltip{position:absolute;left:0;bottom:calc(100% + 8px);width:200px;padding:12px 14px;background:#111;color:#fff;z-index:var(--z-tooltip);opacity:0;visibility:hidden;pointer-events:none}.trigger-card-v2-badge-wrap:hover .trigger-card-v2-tooltip{opacity:1;visibility:visible}.trigger-card-v2-tooltip-title{font-family:var(--font-pixel);font-size:9px;margin-bottom:8px;color:var(--cat-color, #fff);letter-spacing:.5px}.trigger-card-v2-tooltip-desc{font-family:var(--font-mono);font-size:12px;line-height:1.5;margin:0;color:#ccc}.trigger-card-v2-name{font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;margin:0;line-height:1.4;color:var(--color-black)}@media(min-width:768px){.trigger-card-v2-name{font-size:11px}}.trigger-card-v2:hover .trigger-card-v2-name{color:var(--cat-color)}.trigger-card-v2-question{font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--color-black);margin:0;flex:1}@media(min-width:768px){.trigger-card-v2-question{font-size:14px;line-height:1.7}}.library-header{padding:var(--space-lg) 0;border-bottom:var(--border-width) solid var(--color-black);background:var(--color-white)}.library-header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.library-title{font-family:var(--font-pixel);font-size:20px;margin:0}@media(min-width:768px){.library-title{font-size:28px}}.library-controls{display:flex;align-items:center;gap:var(--space-sm)}.library-random-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-pixel);font-size:9px;padding:var(--space-sm) var(--space-md);background:var(--color-black);color:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:3px 3px 0 var(--color-black);cursor:pointer}.library-random-btn:hover{box-shadow:2px 2px 0 var(--color-black);transform:translate(1px,1px)}.library-random-btn:active{box-shadow:none;transform:translate(3px,3px)}.library-search-row{display:flex;flex-direction:column;gap:var(--space-sm)}@media(min-width:768px){.library-search-row{flex-direction:row;align-items:center;justify-content:space-between}}.library-search{position:relative;flex:1;max-width:320px}.library-search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:40px;font-family:var(--font-mono);font-size:14px;border:2px solid var(--color-black);background:var(--color-white)}.library-search-input:focus{outline:none;box-shadow:3px 3px 0 var(--color-black)}.library-search-input::placeholder{color:var(--color-gray-mid)}.library-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-gray-mid);pointer-events:none}.library-filters{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{font-family:var(--font-pixel);font-size:8px;padding:8px 12px;border:2px solid var(--color-black);background:var(--color-white);color:var(--color-black);cursor:pointer;position:relative;overflow:hidden}.filter-pill:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--pill-color, var(--color-black));opacity:0;transition:opacity .1s}.filter-pill:hover:before{opacity:.5}.filter-pill.active{background:var(--color-black);color:var(--color-white)}.filter-pill.active:before{opacity:1;background:var(--pill-color, var(--color-white))}.library-count{font-family:var(--font-pixel);font-size:10px;color:var(--color-gray-mid);padding:var(--space-sm) 0}.trigger-card-question-focus{display:flex;flex-direction:column;background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);cursor:pointer;text-decoration:none;color:var(--color-black);min-height:240px;position:relative}.trigger-card-question-focus:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px)}.trigger-card-question-focus:hover .trigger-card-qf-footer{background:var(--color-black);color:var(--color-white)}.trigger-card-qf-header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-black);background:var(--color-gray-light)}.trigger-card-qf-code{font-family:var(--font-pixel);font-size:10px;color:var(--color-white);background:var(--cat-color, var(--color-black));padding:3px 8px}.trigger-card-qf-category{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:.5px}.trigger-card-qf-body{flex:1;padding:var(--space-md);display:flex;align-items:center}.trigger-card-qf-question{font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--color-black);font-weight:400;margin:0}@media(min-width:768px){.trigger-card-qf-question{font-size:15px;line-height:1.8}}.trigger-card-qf-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-top:2px solid var(--color-black);background:var(--color-white)}.trigger-card-qf-name{font-family:var(--font-pixel);font-size:9px;text-transform:uppercase;letter-spacing:.5px}@media(min-width:768px){.trigger-card-qf-name{font-size:10px}}.trigger-card-qf-bar{width:32px;height:4px;background:var(--cat-color, var(--color-black))}.triggers-grid-qf{display:grid;grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg) 0}@media(min-width:600px){.triggers-grid-qf{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.triggers-grid-qf{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.triggers-grid-qf{grid-template-columns:repeat(4,1fr)}}.triggers-empty{text-align:center;padding:var(--space-xxl) var(--space-lg);color:var(--color-gray-mid)}.triggers-empty-icon{font-size:48px;margin-bottom:var(--space-md);opacity:.5}.triggers-empty-text{font-family:var(--font-pixel);font-size:12px}.main-content{padding-bottom:var(--space-xxl)}.trigger-card-question-focus:hover .trigger-card-qf-code{background:var(--color-black);color:var(--color-white)}.trigger-card-question-focus.selected{background:var(--cat-color, var(--color-black));color:var(--color-white);box-shadow:none;transform:translate(var(--shadow-offset),var(--shadow-offset))}.trigger-card-question-focus.selected .trigger-card-qf-header{background:#0003}.trigger-card-question-focus.selected .trigger-card-qf-code{background:var(--color-white);color:var(--color-black)}.trigger-card-question-focus.selected .trigger-card-qf-category{color:#fffc}.trigger-card-question-focus.selected .trigger-card-qf-footer{background:#0003;color:var(--color-white)}.trigger-card-question-focus.selected .trigger-card-qf-bar{background:var(--color-white)}.trigger-detail-header{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.trigger-detail-header .trigger-detail-image{width:200px;flex-shrink:0;background:var(--color-white);border:none;padding:0}@media(min-width:768px){.trigger-detail-header .trigger-detail-image{width:280px}}.trigger-detail-header .trigger-detail-image img{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.trigger-hero-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.trigger-header-bar{display:flex;align-items:stretch;justify-content:space-between;background:var(--cat-color, #9900FF);min-height:48px}@media(min-width:768px){.trigger-header-bar{min-height:56px}}.trigger-bar-left{display:flex;align-items:center;gap:var(--space-sm);padding:0 16px}@media(min-width:768px){.trigger-bar-left{gap:var(--space-md);padding:0 20px}}.trigger-code-box{font-family:var(--font-pixel);font-size:11px;color:var(--color-white);letter-spacing:2px}@media(min-width:768px){.trigger-code-box{font-size:14px}}.trigger-bar-separator{width:3px;height:16px;background:var(--color-white)}@media(min-width:768px){.trigger-bar-separator{height:20px}}.trigger-category-label{font-family:var(--font-pixel);font-size:11px;color:var(--color-white);letter-spacing:1px;text-transform:uppercase;white-space:nowrap}@media(min-width:768px){.trigger-category-label{font-size:14px}}.trigger-header-bar.light-bg .trigger-code-box,.trigger-header-bar.light-bg .trigger-category-label{color:var(--color-black)}.trigger-header-bar.light-bg .trigger-bar-separator{background:var(--color-black)}.btn-random-icon{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:48px;background:var(--color-black);border:none;cursor:pointer}.btn-random-icon .random-dice{font-size:24px;color:var(--color-white);transition:transform .15s ease;line-height:1;display:flex;align-items:center;justify-content:center}.btn-random-icon .random-text{font-family:var(--font-pixel);font-size:8px;color:var(--color-white);letter-spacing:.5px;white-space:nowrap}.btn-random-icon:hover .random-dice{transform:scale(1.2)}@media(min-width:768px){.btn-random-icon{height:56px;padding:0 20px;gap:10px}.btn-random-icon .random-dice{font-size:28px}.btn-random-icon .random-text{font-size:9px}}.trigger-hero-content .trigger-title{font-size:24px;line-height:1.2;margin:0}@media(min-width:768px){.trigger-hero-content .trigger-title{font-size:36px}}@media(min-width:1024px){.trigger-hero-content .trigger-title{font-size:48px}}.trigger-mechanism-block{border-left:4px solid var(--cat-color, #9900FF);padding-left:10px;margin-top:var(--space-sm)}.trigger-mechanism-block .mechanism-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.trigger-mechanism-block .mechanism-icon{font-size:18px;color:var(--cat-color, #9900FF);line-height:1}.trigger-mechanism-block .mechanism-label{font-family:var(--font-pixel);font-size:9px;color:var(--cat-color, #9900FF);letter-spacing:1px}.trigger-mechanism-block .trigger-mechanism{font-family:var(--font-mono);font-size:14px;line-height:1.5;color:var(--color-black);margin:0}.trigger-mechanism-block.light-cat{border-left-color:var(--color-black)}.trigger-mechanism-block.light-cat .mechanism-icon,.trigger-mechanism-block.light-cat .mechanism-label{color:var(--color-black)}@media(min-width:768px){.trigger-mechanism-block{padding-left:12px}.trigger-mechanism-block .mechanism-icon{font-size:20px}.trigger-mechanism-block .mechanism-label{font-size:10px}.trigger-mechanism-block .trigger-mechanism{font-size:16px}}.trigger-process-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.trigger-process-list .process-step{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-gray-light);transition:all .15s ease}.trigger-process-list .process-step:last-child{border-bottom:none}.trigger-process-list .process-step:hover{background:var(--color-black);color:var(--color-white);padding-left:var(--space-md);padding-right:var(--space-md);margin-left:calc(-1 * var(--space-md));margin-right:calc(-1 * var(--space-md))}.trigger-process-list .process-step:hover .process-step-number{background:var(--cat-color, var(--color-white));color:var(--color-black)}.process-step-number{font-family:var(--font-pixel);font-size:16px;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-black);color:var(--color-white);flex-shrink:0;transition:all .15s ease}@media(min-width:768px){.process-step-number{font-size:20px;min-width:44px;height:44px}}.process-step-text{font-weight:700;font-size:15px;line-height:1.6;flex:1;padding-top:6px}@media(min-width:768px){.process-step-text{font-size:17px;padding-top:10px}}.trigger-nav-v2{display:flex;justify-content:center;align-items:stretch;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:var(--border-width) solid var(--color-black)}.trigger-nav-arrow{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-white);border:3px solid var(--color-black);text-decoration:none;color:var(--color-black);transition:all .15s ease}.trigger-nav-arrow:hover{background:var(--cat-color, var(--color-black));color:var(--color-white);transform:translateY(-2px);box-shadow:4px 4px 0 var(--color-black)}.trigger-nav-prev{border-right:none}.trigger-nav-next{border-left:none}.nav-arrow-icon{font-size:18px}.nav-arrow-info{display:flex;flex-direction:column;gap:2px}.nav-arrow-label{font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-mid)}.trigger-nav-arrow:hover .nav-arrow-label{color:#ffffffb3}.nav-arrow-name{font-family:var(--font-pixel);font-size:14px}.trigger-nav-center{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-black);color:var(--color-white);border:3px solid var(--color-black);text-decoration:none;transition:all .15s ease}.trigger-nav-center:hover{background:var(--color-white);color:var(--color-black)}.nav-grid-icon{font-size:18px}.nav-center-text{font-family:var(--font-pixel);font-size:8px}@media(max-width:600px){.trigger-nav-v2{flex-wrap:wrap;margin-top:32px}.trigger-nav-center{order:-1;width:100%;border-bottom:none}.trigger-nav-arrow{flex:1;justify-content:center}.trigger-nav-prev{border-right:3px solid var(--color-black)}}.category-hero{display:none;background:var(--cat-color, var(--color-black));color:var(--text-color, var(--color-white));border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);margin-top:var(--space-lg);margin-bottom:var(--space-md);padding:var(--space-lg);position:relative}.category-hero.active{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.category-hero.active{flex-direction:row;align-items:flex-start;gap:var(--space-xl)}}.category-hero-badge{font-family:var(--font-pixel);font-size:48px;line-height:1;border:3px solid currentColor;width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff1a}@media(min-width:768px){.category-hero-badge{font-size:64px;width:100px;height:100px}}.category-hero-content{flex:1}.category-hero-title{font-family:var(--font-pixel);font-size:16px;margin-bottom:var(--space-sm);text-transform:uppercase}@media(min-width:768px){.category-hero-title{font-size:20px}}.category-hero-mechanism{font-family:var(--font-mono);font-size:14px;font-weight:700;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid rgba(0,0,0,.2)}.category-hero.light-text .category-hero-mechanism{border-bottom-color:#ffffff4d}.category-hero-description{font-family:var(--font-mono);font-size:13px;line-height:1.6;opacity:.9;max-width:700px}.category-hero-meta{font-family:var(--font-pixel);font-size:10px;margin-top:var(--space-md);opacity:.7;text-transform:uppercase}.categories-grid{display:none;padding:var(--space-lg) 0}.categories-grid.active{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:600px){.categories-grid.active{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.categories-grid.active{grid-template-columns:repeat(3,1fr)}}.category-card-library{display:flex;flex-direction:column;background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);text-decoration:none;color:inherit;cursor:pointer;overflow:hidden;position:relative}.category-card-library:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px)}.category-card-library:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--color-black)}.category-card-image{aspect-ratio:1;position:relative;overflow:hidden;background:var(--color-gray-light)}.category-card-image img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}.category-card-image:after{content:"";position:absolute;inset:0;border:0 solid var(--cat-color, var(--color-black));pointer-events:none;z-index:2}.category-card-library:hover .category-card-image:after{border-width:16px}.category-card-body{padding:var(--space-md);flex:1;display:flex;flex-direction:column;border-top:var(--border-width) solid var(--color-black)}.category-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.category-card-badge{font-family:var(--font-pixel);font-size:14px;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--cat-color, var(--color-black));color:var(--text-color, var(--color-white));flex-shrink:0}.category-card-name{font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;color:var(--color-black);margin:0;line-height:1.3;flex:1}@media(min-width:768px){.category-card-name{font-size:11px}}.category-card-mechanism{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--color-black);margin:0;flex:1}@media(min-width:768px){.category-card-mechanism{font-size:13px;line-height:1.6}}.category-card-cta{display:inline-block;font-family:var(--font-pixel);font-size:9px;text-transform:uppercase;color:var(--color-white);background:var(--color-black);padding:8px 12px;margin-top:var(--space-sm)}.category-card-library:hover .category-card-cta{background:var(--cat-color, var(--color-black));color:var(--text-color, var(--color-white))}.category-card-library:hover .category-card-name{color:var(--cat-color, var(--color-black))}.filter-divider{display:none;width:2px;height:24px;background:var(--color-gray-light);margin:0 var(--space-xs)}@media(min-width:500px){.filter-divider{display:block}}.trigger-formula-section{margin-bottom:var(--space-xl)}.trigger-formula{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(180deg,#a6b698,#9aac8a);border:var(--border-width) solid #1a2e0a;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #3d5a1f;position:relative}.trigger-formula:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px)}.trigger-formula>*{position:relative;z-index:2}@media(min-width:900px){.trigger-formula{flex-direction:row;justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg)}}.formula-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.formula-icon-wrap{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#c3d4ab;border:2px solid #1a2e0a;padding:var(--space-xs)}@media(min-width:768px){.formula-icon-wrap{width:100px;height:100px}}.formula-icon{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:sepia(100%) saturate(200%) hue-rotate(50deg) brightness(.6) contrast(1.1)}.formula-label{font-family:var(--font-pixel);font-size:8px;color:#1a2e0a;text-align:center;letter-spacing:.5px}@media(min-width:768px){.formula-label{font-size:9px}}.formula-operator{display:flex;align-items:center;justify-content:center;padding:var(--space-xs)}.formula-op-icon{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:sepia(100%) saturate(200%) hue-rotate(50deg) brightness(.6) contrast(1.1)}@media(min-width:768px){.formula-op-icon{width:48px;height:48px}}@media(max-width:899px){.formula-operator{transform:rotate(90deg)}}.formula-question{width:100%;max-width:360px}@media(min-width:900px){.formula-question{flex:1;max-width:400px}}.formula-question-box{background:#c3d4ab;border:var(--border-width) solid #1a2e0a;box-shadow:4px 4px #1a2e0a}.formula-question-titlebar{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:#1a2e0a;border-bottom:2px solid #1a2e0a;min-height:32px;position:relative}.formula-question-titlebar:before{content:"";position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);width:12px;height:12px;background:#a6b698;border:2px solid #3d5a1f}.formula-question-titlebar:after{content:"";position:absolute;left:calc(var(--space-sm) + 3px);top:50%;transform:translateY(-50%);width:6px;height:6px;border:1px solid #3d5a1f}.formula-question-title{display:inline-block;background:#c3d4ab;padding:2px 12px;border:2px solid #3d5a1f;font-family:var(--font-pixel);font-size:8px;letter-spacing:.5px;color:#1a2e0a}.formula-question-content{padding:var(--space-md);font-family:var(--font-pixel);font-size:11px;line-height:1.8;color:var(--cat-color, #a6b698);background:#1a2e0a;text-align:center}@media(min-width:768px){.formula-question-content{padding:var(--space-lg);font-size:12px;line-height:2}}.campaign-examples-section{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;padding:48px calc(50vw - 50% + 16px);background:var(--cat-color, #9900FF);margin-top:48px;margin-bottom:0}.examples-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.examples-section-title{font-family:var(--font-pixel);font-size:12px;color:var(--color-black);margin:0;letter-spacing:1px}.examples-count{font-family:var(--font-mono);font-size:12px;color:var(--color-white);background:var(--color-black);padding:4px 12px;font-weight:700}.examples-question{font-family:var(--font-pixel);font-size:12px;line-height:2;color:#fff;text-align:center;margin:0 0 28px;padding:0 16px;letter-spacing:.5px}@media(min-width:768px){.examples-question{font-size:14px;margin-bottom:36px}}.campaign-examples-carousel{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:24px}.campaign-example-card{background:var(--color-white);display:flex;flex-direction:column}@media(max-width:768px){.campaign-examples-section{padding:32px 0}.examples-header{padding:0 16px}.campaign-examples-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 16px 24px;gap:16px}.campaign-examples-carousel::-webkit-scrollbar{display:none}.campaign-example-card{flex:0 0 300px;scroll-snap-align:start}}.example-image{width:100%;background:#e0e0e0}.example-image img{width:100%;height:auto;display:block;max-height:240px;object-fit:contain;background:#f0f0f0}.example-content{padding:16px;display:flex;flex-direction:column;flex:1}.example-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.example-brand{font-family:var(--font-pixel);font-size:9px;text-transform:uppercase;color:var(--color-white);background:var(--color-black);padding:5px 10px;letter-spacing:.5px}.example-year{font-family:var(--font-mono);font-size:12px;color:var(--color-gray-mid);font-weight:700}.example-format{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--color-gray-mid);margin-left:auto}.example-headline{font-family:var(--font-mono);font-size:14px;line-height:1.4;color:var(--color-black);margin:0 0 12px;font-weight:700}.example-applied-wrap{flex:1}.example-applied-label{display:block;font-family:var(--font-pixel);font-size:8px;text-transform:uppercase;color:var(--cat-color, var(--color-black));letter-spacing:1px;margin-bottom:6px}.example-applied{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--color-gray-dark);margin:0;padding-bottom:16px}.example-link{display:block;margin-top:auto;font-family:var(--font-pixel);font-size:9px;text-transform:uppercase;color:var(--color-white);background:var(--color-black);text-decoration:none;padding:10px 16px;letter-spacing:.5px;transition:background .15s ease;text-align:center}.example-link:hover{background:var(--cat-color, #333)}.carousel-nav{display:none}@media(max-width:768px){.carousel-nav{display:flex;gap:12px;justify-content:center;align-items:center;max-width:900px;margin:32px auto 0}.carousel-nav-btn{width:40px;height:40px;background:var(--color-white);border:none;color:var(--color-black);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.carousel-nav-btn:hover{background:var(--color-black);color:var(--color-white)}.carousel-counter{font-family:var(--font-mono);font-size:12px;color:var(--color-black);min-width:60px;text-align:center}}.campaign-examples-empty,.examples-loading{padding:48px;text-align:center}.campaign-examples-empty p,.examples-loading .loading-text{font-family:var(--font-mono);font-size:13px;color:var(--color-gray-mid);margin:0}.examples-loading .loading-text{font-family:var(--font-pixel);font-size:10px;letter-spacing:1px;color:var(--color-black);animation:blink 1s steps(2) infinite}.example-preview-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center}.example-preview-overlay{position:absolute;inset:0;background:#000000e6}.example-preview-window{position:relative;background:var(--color-white);border:var(--border-width, 3px) solid var(--color-black);box-shadow:8px 8px 0 var(--color-black);max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.example-preview-titlebar{display:flex;align-items:center;justify-content:center;padding:var(--space-xs, 8px) var(--space-sm, 12px);background:var(--dither);background-size:4px 4px;border-bottom:var(--border-width, 3px) solid var(--color-black);position:relative;min-height:36px}button.example-preview-close,.example-preview-modal button.example-preview-close,.example-preview-titlebar button.example-preview-close{all:unset;position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#fff;border:2px solid #000;cursor:pointer;box-sizing:border-box}.example-preview-close:hover{background:var(--color-black)}.example-preview-title{display:inline-flex;align-items:center;background:var(--color-white);padding:var(--space-2xs, 4px) var(--space-md, 16px);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:9px}.example-preview-body{padding:var(--space-md, 16px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-black)}.example-preview-img{max-width:100%;max-height:70vh;object-fit:contain}.example-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md, 16px);padding:var(--space-sm, 12px) var(--space-md, 16px);border-top:var(--border-width, 3px) solid var(--color-black);background:var(--color-black)}.example-preview-nav-group{display:flex;align-items:center;gap:var(--space-sm, 12px)}.example-preview-nav{font-family:var(--font-pixel);font-size:9px;background:transparent;border:2px solid var(--color-white);color:var(--color-white);padding:8px 16px;cursor:pointer;transition:all .1s ease}.example-preview-nav:hover:not(:disabled){background:var(--color-white);color:var(--color-black)}.example-preview-nav:disabled{opacity:.3;cursor:not-allowed}.example-preview-counter{font-family:var(--font-mono);font-size:12px;color:var(--color-white);min-width:60px;text-align:center}.example-preview-campaign-btn{display:none;align-items:center;gap:6px;font-family:var(--font-pixel);font-size:9px;background:var(--color-white);border:2px solid var(--color-white);color:var(--color-black);padding:8px 16px;text-decoration:none;cursor:pointer;transition:all .1s ease}.example-preview-campaign-btn:hover{background:transparent;color:var(--color-white)}@media(max-width:768px){.example-preview-modal{padding:12px}.example-preview-window{max-width:calc(100vw - 24px);max-height:85vh;max-height:85dvh;box-shadow:none}.example-preview-body{padding:8px}.example-preview-img{max-height:50vh;max-height:50dvh}.example-preview-footer{flex-direction:column;gap:8px;padding:10px}.example-preview-nav-group,.example-preview-campaign-btn{width:100%;justify-content:center}}.example-image[data-preview-url]:hover{opacity:.9}.example-image[data-preview-url]:after{content:"";position:absolute;inset:0;background:#0000;transition:background .15s ease;pointer-events:none}.example-image[data-preview-url]:hover:after{background:#0000001a}.example-image[data-preview-url]{position:relative}.trigger-sticky-bar{display:none}@media(max-width:768px){.trigger-detail{overscroll-behavior:none}.trigger-sticky-bar{display:block;position:fixed;bottom:0;left:0;right:0;z-index:1000;transform:translateY(100%);transition:transform .25s ease;pointer-events:none;padding:0 12px;padding-bottom:env(safe-area-inset-bottom,0);background:transparent;overflow:hidden}.trigger-sticky-bar.visible{transform:translateY(0);pointer-events:auto}.sticky-bar-content{display:flex;align-items:stretch;background:var(--color-black);border:3px solid var(--color-black);margin-bottom:12px}.sticky-bar-info{flex:1;display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--cat-color, #9900FF);min-width:0}.sticky-bar-code{font-family:var(--font-pixel);font-size:12px;color:var(--color-white);letter-spacing:1px;flex-shrink:0}.sticky-bar-separator{width:2px;height:14px;background:var(--color-white);flex-shrink:0}.sticky-bar-name{font-family:var(--font-pixel);font-size:9px;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sticky-bar-random{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-width:120px;padding:12px 16px;background:var(--color-black);border:none;cursor:pointer;flex-shrink:0}.sticky-bar-random:active{background:var(--color-gray-dark)}.sticky-dice{font-size:18px;color:var(--color-white);line-height:1}.sticky-random-text{font-family:var(--font-pixel);font-size:8px;color:var(--color-white);white-space:nowrap}.sticky-bar-random:active .sticky-dice{transform:rotate(180deg);transition:transform .15s ease}.trigger-sticky-bar.light-cat .sticky-bar-code,.trigger-sticky-bar.light-cat .sticky-bar-name{color:var(--color-black)}.trigger-sticky-bar.light-cat .sticky-bar-separator{background:var(--color-black)}}@media(max-width:480px){.sticky-bar-info{padding:8px 10px;gap:6px}.sticky-bar-code{font-size:10px}.sticky-bar-name{font-size:8px}.sticky-bar-random{width:48px}.sticky-dice{font-size:24px}}@media(max-width:768px){.breadcrumb{font-size:10px;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-md)}.breadcrumb span{color:var(--color-gray-mid)}.trigger-detail-header{display:grid;grid-template-columns:38% 1fr;grid-template-rows:auto auto auto auto;gap:0;margin-bottom:var(--space-lg)}.trigger-detail-header .trigger-detail-image{grid-column:1;grid-row:1;width:100%;max-width:none;margin:0}.trigger-hero-content,.trigger-header-bar{display:contents}.trigger-bar-left{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;padding:10px 12px;gap:4px 10px;background:var(--cat-color, #9900FF);min-width:0}.trigger-code-box{font-size:10px;letter-spacing:1px;flex-shrink:0}.trigger-category-label{font-size:10px;word-break:break-word;line-height:1.3}.trigger-bar-separator{height:14px;width:2px;flex-shrink:0}.trigger-hero-content .trigger-title{grid-column:2;grid-row:1;font-size:clamp(18px,5vw,32px);line-height:1.15;padding:8px;background:var(--color-white);color:var(--color-black);margin:0;display:flex;align-items:center;word-break:break-word;overflow-wrap:break-word;min-width:0}.btn-random-icon{grid-column:1 / -1;grid-row:3;width:100%;height:48px;gap:10px;justify-content:center;background:var(--color-black);color:var(--color-white)}.btn-random-icon .random-dice{font-size:26px;margin-bottom:0;color:var(--color-white)}.btn-random-icon .random-text{font-size:11px;display:inline;color:var(--color-white)}.trigger-mechanism-block{grid-column:1 / -1;grid-row:4;margin:8px 0 0;padding:12px 16px 12px 20px;border-left:4px solid var(--cat-color, #9900FF)}.trigger-mechanism-block .mechanism-header{margin-bottom:6px}.trigger-mechanism-block .mechanism-label{font-size:9px;color:var(--cat-color, #9900FF)}.trigger-mechanism-block .trigger-mechanism{font-size:13px;line-height:1.5}}@media(max-width:768px){.campaign-examples-section{padding:32px 16px}.examples-header{margin-bottom:20px}.examples-section-title{font-size:10px}.campaign-examples-carousel{padding:0;gap:12px}.campaign-example-card{flex:0 0 280px}}@media(max-width:480px){.trigger-detail-header{grid-template-columns:35% 1fr;gap:0}.trigger-hero-content .trigger-title{font-size:clamp(16px,4.5vw,24px);padding:6px}.trigger-bar-left{padding:8px 10px;gap:8px}.trigger-code-box,.trigger-category-label{font-size:9px}.btn-random-icon{height:44px;gap:8px}.btn-random-icon .random-dice{font-size:22px}.btn-random-icon .random-text{font-size:10px}.trigger-mechanism-block{padding:10px 12px 10px 16px}.trigger-mechanism-block .trigger-mechanism{font-size:12px}.campaign-example-card{flex:0 0 260px}}.app{--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}.text-muted{color:var(--gray)}.dashboard-hero{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:var(--white);border:var(--border);box-shadow:var(--shadow-lg);margin-bottom:var(--space-lg)}.dashboard-hero .hero-icon{flex-shrink:0}.dashboard-hero .hero-content{flex:1}.dashboard-hero .hero-title{font-family:var(--font-pixel);font-size:12px;margin-bottom:var(--space-xs)}.dashboard-hero .hero-title .user-name{font-family:inherit;font-size:inherit}.dashboard-hero .hero-subtitle{font-size:.9rem;color:var(--gray);margin-bottom:var(--space-sm)}.dashboard-hero .hero-stats{display:flex;align-items:center;gap:var(--space-lg)}.dashboard-hero .hero-stat{display:flex;align-items:center;gap:6px;font-size:.95rem;color:var(--black)}.dashboard-hero .hero-stat strong{font-family:var(--font-pixel);font-size:14px}.dashboard-hero .hero-action{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.hero-manual-link{font-family:var(--font-mono);font-size:11px;color:var(--gray);text-decoration:none}.hero-manual-link:hover{color:var(--black);text-decoration:underline}.ideas-list{display:flex;flex-direction:column;gap:var(--space-sm)}.idea-row{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--white);border:2px solid var(--gray-mid);align-items:center;cursor:pointer}.idea-row:hover{border-color:var(--black);box-shadow:var(--shadow-sm)}.idea-thumb{width:64px;height:64px;border:2px solid var(--black);flex-shrink:0;overflow:hidden}.idea-content{flex:1;min-width:0}.idea-meta{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-2xs)}.idea-trigger{font-family:var(--font-pixel);font-size:8px;padding:3px 8px}.idea-trigger.magenta{background:var(--magenta)}.idea-trigger.cyan{background:var(--cyan);color:var(--black)}.idea-trigger.lime{background:var(--lime);color:var(--black)}.idea-trigger.orange{background:var(--orange)}.idea-trigger.purple{background:var(--purple)}.idea-brand{font-size:.8rem;color:var(--gray)}.idea-title{font-family:var(--font-pixel);font-size:10px;margin-bottom:var(--space-2xs);line-height:1.4}.idea-headline{font-size:.95rem;font-style:italic;color:var(--gray-dark)}.idea-stats{display:flex;gap:var(--space-md);font-size:.8rem;color:var(--gray);margin-top:var(--space-xs)}.idea-actions{display:flex;gap:var(--space-2xs)}.ideas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.gallery-info{font-family:var(--font-mono);font-size:11px;color:var(--gray)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.gallery-filter-group{display:flex;height:36px;border:2px solid var(--black);background:var(--white)}.gallery-filter-btn{display:flex;align-items:center;gap:6px;height:100%;padding:0 12px;font-family:var(--font-pixel);font-size:9px;letter-spacing:.5px;background:var(--white);color:var(--black);border:none;border-right:2px solid var(--black);cursor:pointer;transition:none}.gallery-filter-btn:last-child{border-right:none}.gallery-filter-btn:hover{background:var(--gray-light)}.gallery-filter-btn.active{background:var(--black);color:var(--white)}.gallery-filter-btn .filter-icon{width:14px;height:14px;flex-shrink:0}.gallery-filter-btn.active .filter-icon{fill:var(--white)}.gallery-filter-btn .filter-label{font-weight:400}.gallery-filter-btn .filter-count{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:#0000001a;border-radius:0;min-width:20px;text-align:center}.gallery-filter-btn.active .filter-count{background:#fff3}.gallery-dropdown-group{display:flex;gap:var(--space-xs);align-items:center}.gallery-dropdown{font-family:var(--font-mono);font-size:11px;height:36px;box-sizing:border-box;padding:0 28px 0 10px;border:2px solid var(--black);background:var(--white);color:var(--black);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23000' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:100px}.gallery-dropdown:hover{background-color:var(--gray-light)}.ideas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm) 0}.ideas-sort-buttons{display:flex;height:36px;border:2px solid var(--black);background:var(--white)}.sort-arrow-btn{display:flex;align-items:center;justify-content:center;width:36px;height:100%;padding:0;background:var(--white);border:none;border-right:2px solid var(--black);cursor:pointer;transition:none}.sort-arrow-btn:last-child{border-right:none}.sort-arrow-btn:hover{background:var(--gray-light)}.sort-arrow-btn.active{background:var(--black);color:var(--white)}.sort-arrow-btn.active .sort-arrow-icon{fill:var(--white)}.sort-arrow-icon{width:16px;height:16px;fill:var(--black)}@media(max-width:640px){.ideas-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}}.sessions-list{display:flex;flex-direction:column;gap:var(--space-lg)}.timeline-date-group{position:relative}.timeline-date-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--black)}.timeline-date-marker{width:12px;height:12px;background:var(--black);border:2px solid var(--black)}.timeline-date-label{font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;flex:1}.timeline-date-count{font-family:var(--font-mono);font-size:11px;color:var(--gray)}.timeline-sessions{display:flex;flex-direction:column;gap:var(--space-md);padding-left:var(--space-md);border-left:2px solid var(--gray-mid);margin-left:5px}.session-card{background:var(--white);border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);position:relative;margin-bottom:var(--space-sm)}.session-card:last-child{margin-bottom:0}.session-card:hover{box-shadow:4px 4px 0 var(--black);transform:translate(-1px,-1px)}.session-card:before{content:"";position:absolute;left:-12px;top:20px;width:8px;height:2px;background:var(--gray-mid)}.session-card-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--gray-light);border-bottom:2px solid var(--gray-mid)}.session-card-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.session-card-title{flex:1;font-family:var(--font-pixel);font-size:9px;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card-time{font-family:var(--font-mono);font-size:10px;color:var(--gray)}.session-card-body{padding:var(--space-sm) var(--space-md)}.session-card-benefit{font-family:var(--font-mono);font-size:11px;color:var(--gray-dark);line-height:1.4;margin-bottom:var(--space-sm)}.session-card-context{padding:var(--space-xs) var(--space-md);background:var(--dither-12, #f5f5f5);border-bottom:2px solid var(--black)}.session-context-row{display:flex;align-items:baseline;gap:8px;padding:2px 0}.session-context-label{font-family:var(--font-pixel);font-size:7px;color:var(--gray-dark);letter-spacing:.5px;min-width:55px;flex-shrink:0}.session-context-value{font-family:var(--font-mono);font-size:10px;color:var(--black);line-height:1.3}.session-brief-box{background:var(--white);border:2px solid var(--gray-mid);margin-bottom:var(--space-md)}.brief-field{display:flex;padding:var(--space-sm);border-bottom:1px solid var(--gray-mid)}.brief-field:last-child{border-bottom:none}.brief-field-label{font-family:var(--font-pixel);font-size:7px;color:var(--gray);width:55px;flex-shrink:0;padding-top:2px}.brief-field-value{font-family:var(--font-mono);font-size:11px;color:var(--black);line-height:1.4}.session-card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.session-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:2px solid var(--gray-mid);background:var(--gray-light)}.session-export-dropdown{position:relative;display:inline-block}.session-export-dropdown .export-menu{display:none;position:absolute;bottom:100%;left:0;background:var(--color-white);border:3px solid var(--color-black);box-shadow:4px 4px 0 var(--color-black);z-index:100;min-width:160px;margin-bottom:4px}.session-export-dropdown.open .export-menu{display:block}.session-export-dropdown .export-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-bottom:1px solid var(--gray-mid);cursor:pointer;text-align:left;font-family:var(--font-mono);font-size:12px}.session-export-dropdown .export-option:last-child{border-bottom:none}.session-export-dropdown .export-option:hover{background:var(--gray-light)}.session-export-dropdown .export-option strong{font-family:var(--font-pixel);font-size:10px}.session-export-dropdown .export-option small{color:var(--gray-dark);font-size:10px}.session-export-dropdown .dropdown-arrow{font-size:8px;margin-left:4px}.session-row{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.session-icon-col{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.session-main-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.session-actions-col{flex-shrink:0;display:flex;gap:4px}.session-top-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.session-product{font-family:var(--font-pixel);font-size:9px;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-time-badge{font-family:var(--font-mono);font-size:10px;color:var(--gray);white-space:nowrap}.session-benefit{font-family:var(--font-mono);font-size:11px;color:var(--gray-dark);line-height:1.3}.session-card-compact{background:var(--white);border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);margin-bottom:var(--space-sm);transition:none}.session-card-compact:last-child{margin-bottom:0}.session-card-compact:hover{box-shadow:4px 4px 0 var(--black);transform:translate(-1px,-1px)}.session-card-compact .session-bottom-row{padding-top:8px;border-top:1px solid var(--gray-mid)}.session-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:4px}.session-triggers-inline{display:flex;gap:3px;flex-wrap:wrap}.trigger-tag{font-family:var(--font-pixel);font-size:7px;padding:2px 5px}.trigger-tag.more{background:var(--gray-light)!important;color:var(--gray)!important}.session-stats-inline{display:flex;gap:var(--space-sm)}.stat-inline{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12px;color:var(--gray-dark)}.stat-inline .pixel-icon{width:16px;height:16px}.session-brand-legacy{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--gray-light);border:1px solid var(--gray-mid);width:fit-content}.session-brief-block{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--gray-dark);margin-bottom:var(--space-sm);padding:var(--space-sm);background:#00000005;border-left:3px solid var(--gray-mid)}.session-triggers{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.trigger-chip{font-family:var(--font-pixel);font-size:8px;padding:4px 8px;background:var(--white)}.trigger-more{font-family:var(--font-mono);font-size:10px;color:var(--gray);padding:4px 8px}.session-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);padding:var(--space-sm);background:var(--gray-light);border:2px solid var(--gray-mid);margin-bottom:var(--space-sm)}.session-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.session-card-footer{display:flex;gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--gray-mid)}.btn-expand{flex:1}.session-ideas{padding:var(--space-md);background:var(--gray-light);border-top:2px solid var(--gray-mid);display:none}.session-card.expanded .session-ideas{display:block}.session-ideas-header{font-family:var(--font-pixel);font-size:9px;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--gray-mid)}.session-idea-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:var(--white);border:1px solid var(--gray-mid);margin-bottom:var(--space-xs)}.session-idea-item:last-child{margin-bottom:0}.session-idea-thumb{width:48px;height:48px;background:var(--gray-light);border:1px solid var(--gray-mid);flex-shrink:0;overflow:hidden}.session-idea-thumb img{width:100%;height:100%;object-fit:cover}.session-idea-content{flex:1;min-width:0}.session-idea-trigger{font-family:var(--font-pixel);font-size:7px;padding:2px 4px;margin-bottom:4px;display:inline-block}.session-idea-headline{font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1.3;margin-bottom:4px}.session-idea-visual{font-family:var(--font-mono);font-size:10px;color:var(--gray);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-show-all-ideas{width:100%;margin-top:var(--space-sm)}.hidden-idea{display:none}.session-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.session-details{padding:var(--space-md);background:var(--gray-light);border-top:2px solid var(--black)}.session-detail-section{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--gray-mid)}.session-detail-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.session-detail-section h4{font-family:var(--font-pixel);font-size:9px;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.session-full-brief{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--gray-dark);padding:var(--space-sm);background:var(--white);border:1px solid var(--gray-mid)}.brief-display{background:var(--white);border:2px solid var(--gray-mid)}.brief-row{display:flex;border-bottom:1px solid var(--gray-mid);padding:var(--space-sm)}.brief-row:last-child{border-bottom:none}.brief-label{font-family:var(--font-pixel);font-size:7px;color:var(--gray);width:60px;flex-shrink:0;padding-top:2px}.brief-value{font-family:var(--font-mono);font-size:12px;color:var(--black);flex:1;line-height:1.4}.session-ideas-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.mini-idea-card{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--white);border:2px solid var(--gray-mid);cursor:pointer;position:relative}.mini-idea-card:hover{border-color:var(--black);box-shadow:2px 2px 0 var(--black)}.mini-idea-card.saved{border-color:var(--lime)}.mini-idea-card.saved:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--lime)}.mini-idea-image{width:48px;height:48px;background:var(--gray-light);border:1px solid var(--gray-mid);flex-shrink:0;overflow:hidden}.mini-idea-image img{width:100%;height:100%;object-fit:cover}.mini-idea-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mini-idea-trigger{font-family:var(--font-pixel);font-size:7px;padding:2px 6px;width:fit-content}.mini-idea-headline{font-family:var(--font-mono);font-size:10px;line-height:1.3;color:var(--black);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.saved-badge{position:absolute;top:4px;right:4px}.mini-idea-card .saved-badge.pixel-icon{width:16px;height:16px}.session-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.meta-item{padding:var(--space-sm);background:var(--white);border:1px solid var(--gray-mid)}.meta-label{font-family:var(--font-pixel);font-size:7px;color:var(--gray);margin-bottom:4px;text-transform:uppercase}.meta-value{font-family:var(--font-mono);font-size:11px;color:var(--black)}.meta-value.mono{font-size:9px;word-break:break-all}.session-detail-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-sm)}.btn-delete-session:hover{background:var(--red);color:var(--white);border-color:var(--red)}.session-icon{width:44px;height:44px;background:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.session-info{flex:1;min-width:0}.session-meta{display:flex;gap:var(--space-md);font-size:.8rem;color:var(--gray)}.session-expand{font-size:10px;color:var(--gray);padding:var(--space-xs);transition:transform .2s}.session-card.expanded .session-expand{transform:rotate(180deg)}.session-body{display:none;padding:var(--space-md);border-top:2px solid var(--gray-mid);background:var(--gray-light)}.session-card.expanded .session-body{display:block}.session-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-md);text-align:center}.session-stat-value{font-family:var(--font-pixel);font-size:18px;margin-bottom:2px}.session-stat-label{font-size:.75rem;color:var(--gray)}.account-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-xl)}.account-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.account-profile{text-align:center;padding:var(--space-lg);background:var(--white);border:var(--border);box-shadow:var(--shadow-md)}.account-avatar{width:80px;height:80px;background:var(--black);color:var(--white);font-family:var(--font-pixel);font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);border:var(--border)}.account-name{font-family:var(--font-pixel);font-size:10px;margin-bottom:var(--space-2xs)}.account-email{font-size:.85rem;color:var(--gray);margin-bottom:var(--space-md)}.account-nav{background:var(--white);border:var(--border);box-shadow:var(--shadow-sm)}.account-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.9rem;cursor:pointer;border-bottom:1px solid var(--gray-mid)}.account-nav-item:last-child{border-bottom:none}.account-nav-item:hover{background:var(--gray-light)}.account-nav-item.active{background:var(--black);color:var(--white)}.account-nav-item.active:hover{box-shadow:inset 0 0 0 2px var(--white)}.account-content{display:flex;flex-direction:column;gap:var(--space-lg)}.account-section{background:var(--white);border:var(--border);box-shadow:var(--shadow-lg)}.account-section-titlebar{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:var(--dither);background-size:4px 4px;border-bottom:var(--border);position:relative}.account-section-close{position:absolute;left:var(--space-sm);width:14px;height:14px;background:var(--white);border:2px solid var(--black)}.account-section-title{display:inline-flex;background:var(--white);padding:var(--space-2xs) var(--space-md);border:2px solid var(--black);font-family:var(--font-pixel);font-size:9px}.account-section-body{padding:var(--space-lg)}.account-section.danger .account-section-titlebar{background:var(--red)}.account-section.danger .account-section-title{background:var(--red);color:var(--white);border-color:var(--white)}.preference-list{display:flex;flex-direction:column}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--gray-mid)}.preference-item:last-child{border-bottom:none}.preference-label{font-weight:600;margin-bottom:2px}.preference-desc{font-size:.85rem;color:var(--gray)}.credits-hero{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);background:var(--black);color:var(--white);border:var(--border);box-shadow:var(--shadow-xl);margin-bottom:var(--space-lg)}.credits-balance{display:flex;align-items:center;gap:var(--space-lg)}.credits-coin{font-size:56px;animation:bounce 2s ease-in-out infinite}.credits-amount{font-family:var(--font-pixel);font-size:42px}.credits-amount-label{font-size:.9rem;color:var(--gray);margin-top:var(--space-2xs)}.credits-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.credit-pack{position:relative;background:var(--white);border:var(--border);box-shadow:var(--shadow-lg);padding:var(--space-lg);text-align:center}.credit-pack:hover{box-shadow:var(--shadow-xl);transform:translate(-2px,-2px)}.credit-pack-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-family:var(--font-pixel);font-size:7px;padding:var(--space-2xs) var(--space-sm);background:var(--orange);color:var(--white);white-space:nowrap}.credit-pack-name{font-family:var(--font-pixel);font-size:10px;margin-bottom:var(--space-sm)}.credit-pack-amount{font-family:var(--font-pixel);font-size:32px;margin-bottom:var(--space-2xs)}.credit-pack-price{font-size:1.4rem;font-weight:700;margin-bottom:var(--space-md)}.credit-pack-features{margin-bottom:var(--space-md);text-align:left}.credit-pack-feature{font-size:.85rem;padding:var(--space-2xs) 0;color:var(--gray-dark)}.usage-table{width:100%;border-collapse:collapse}.usage-table th,.usage-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--gray-mid)}.usage-table th{font-family:var(--font-pixel);font-size:8px;background:var(--gray-light);border-bottom:var(--border)}.transaction-type{font-family:var(--font-pixel);font-size:7px;padding:3px 8px;background:var(--gray-mid)}.transaction-type.purchase{background:var(--lime);color:var(--black)}.amount-positive{color:var(--lime);font-weight:700}.amount-negative{color:var(--gray)}.generator-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-xl);min-height:calc(100vh - var(--header-height) - var(--space-lg) * 2)}.generator-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.panel{background:var(--white);border:var(--border);box-shadow:var(--shadow-md)}.panel-header{font-family:var(--font-pixel);font-size:9px;padding:var(--space-sm) var(--space-md);background:var(--black);color:var(--white)}.panel-header-light{background:var(--gray-light);color:var(--black);border-bottom:2px solid var(--gray-mid)}.panel-body{padding:var(--space-md)}.panel-footer{padding:var(--space-sm) var(--space-md);background:var(--gray-light);border-top:2px solid var(--gray-mid)}.brand-list{max-height:180px;overflow-y:auto}.brand-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--gray-mid)}.brand-option:last-child{border-bottom:none}.brand-option:hover{background:var(--gray-light)}.brand-option.selected{background:var(--black);color:var(--white)}.brand-option-icon{font-size:20px}.brand-option-name{font-weight:600;font-size:.9rem}.brand-option-industry{font-size:.8rem;opacity:.7}.brand-option-check{width:16px;height:16px;border:2px solid currentColor;margin-left:auto}.brand-option.selected .brand-option-check{background:var(--white)}.brief-textarea{width:100%;min-height:100px;padding:var(--space-md);border:2px solid var(--gray-mid);font-size:.9rem;resize:none;line-height:1.5}.brief-textarea:focus{outline:none;border-color:var(--black);box-shadow:var(--shadow-sm)}.brief-counter{text-align:right;font-size:.8rem;color:var(--gray);margin-top:var(--space-xs)}.trigger-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.trigger-btn{display:flex;flex-direction:column;align-items:center;padding:var(--space-xs);border:2px solid var(--gray-mid);background:var(--white);cursor:pointer}.trigger-btn:hover{border-color:var(--black);background:var(--gray-light)}.trigger-btn.selected{background:var(--black);color:var(--white);border-color:var(--black)}.trigger-code{font-family:var(--font-pixel);font-size:10px}.trigger-name{font-size:7px;margin-top:2px;opacity:.7}.generate-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-lg);background:var(--black);color:var(--white);border:var(--border);box-shadow:var(--shadow-lg);font-family:var(--font-pixel);font-size:11px;cursor:pointer}.generate-btn:hover{background:var(--magenta);transform:translate(2px,2px);box-shadow:var(--shadow-md)}.generate-btn:active{transform:translate(6px,6px);box-shadow:none}.generate-btn .generate-icon{font-size:28px;animation:bounce 1s ease-in-out infinite}.generator-results{display:flex;flex-direction:column}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.results-title{font-family:var(--font-pixel);font-size:12px}.results-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl);background:var(--white);border:3px dashed var(--gray)}.results-empty-icon{font-size:72px;opacity:.3;margin-bottom:var(--space-lg)}.results-empty-title{font-family:var(--font-pixel);font-size:12px;margin-bottom:var(--space-sm)}.results-empty-text{color:var(--gray);max-width:280px}.generating-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--black);color:var(--white);padding:var(--space-2xl)}.generating-icon{font-size:80px;animation:bounce .5s ease-in-out infinite}.generating-text{font-family:var(--font-pixel);font-size:14px;margin-top:var(--space-lg)}.generating-subtext{font-size:.9rem;color:var(--gray);margin-top:var(--space-xs)}.cursor{display:inline-block;width:8px;height:16px;background:var(--magenta);margin-left:var(--space-xs);animation:blink .6s step-end infinite}.gen-idea-card{background:var(--white);border:var(--border);box-shadow:var(--shadow-lg);margin-bottom:var(--space-md)}.gen-idea-card:hover{box-shadow:var(--shadow-xl)}.gen-idea-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);border-bottom:2px solid var(--gray-mid)}.gen-idea-number{font-family:var(--font-pixel);font-size:8px;color:var(--gray);margin-bottom:var(--space-2xs)}.gen-idea-title{font-family:var(--font-pixel);font-size:11px;line-height:1.4}.gen-idea-body{padding:var(--space-lg)}.gen-idea-section{margin-bottom:var(--space-md)}.gen-idea-section:last-child{margin-bottom:0}.gen-idea-label{font-family:var(--font-pixel);font-size:8px;color:var(--gray);margin-bottom:var(--space-xs)}.gen-idea-headline{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--black);color:var(--white)}.gen-headline-text{flex:1;font-family:var(--font-pixel);font-size:11px;text-align:center;line-height:1.5}.gen-headline-nav{background:transparent;border:none;color:var(--white);font-size:16px;cursor:pointer;padding:var(--space-xs);opacity:.5}.gen-headline-nav:hover{opacity:1}.gen-idea-visual{font-style:italic;color:var(--gray-dark);line-height:1.6}.gen-idea-why{padding:var(--space-md);background:var(--gray-light);border-left:4px solid var(--black);line-height:1.6}.gen-idea-footer{display:flex;gap:var(--space-2xs);padding:var(--space-sm);background:var(--gray-light);border-top:2px solid var(--gray-mid)}.modal-overlay{display:none;position:fixed;inset:0;background:#000000d9;z-index:1000;align-items:center;justify-content:center;padding:var(--space-lg)}.modal,.modal-container{background:var(--white);border:var(--border);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column}.modal-lg{max-width:680px}.modal-sm{max-width:400px}.modal-titlebar{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:var(--dither);background-size:4px 4px;border-bottom:var(--border);position:relative;min-height:36px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--dither);background-size:4px 4px;border-bottom:var(--border)}.modal-header .modal-title{font-family:var(--font-pixel);font-size:11px;margin:0}.modal-header .modal-close{position:static;width:28px;height:28px;background:var(--white);border:2px solid var(--black);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;line-height:1}.modal-header .modal-close:hover{background:var(--black);color:var(--white)}.modal-close{position:absolute;left:var(--space-sm);width:14px;height:14px;background:var(--white);border:2px solid var(--black);cursor:pointer}.modal-close:hover{background:var(--black)}.modal-title{display:inline-flex;background:var(--white);padding:var(--space-2xs) var(--space-md);border:2px solid var(--black);font-family:var(--font-pixel);font-size:9px}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.modal-message{font-family:var(--font-mono);font-size:14px;line-height:1.6;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--gray-light);border-top:var(--border)}.modal-titlebar .window-close,.dropdown-titlebar .window-close{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);width:14px;height:14px;background:var(--white);border:2px solid var(--black);cursor:pointer}.modal-titlebar .window-close:hover,.dropdown-titlebar .window-close:hover{background:var(--black)}.modal-titlebar .window-close:before,.dropdown-titlebar .window-close:before{content:"";position:absolute;inset:2px;border:1px solid var(--black)}.modal-titlebar .window-close:hover:before,.dropdown-titlebar .window-close:hover:before{border-color:var(--white)}.modal-titlebar .window-title,.dropdown-titlebar .window-title{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--white);padding:var(--space-2xs) var(--space-md);border:2px solid var(--black);font-family:var(--font-pixel);font-size:9px}.modal-idea-subtitle{font-family:var(--font-mono);font-size:11px;padding:var(--space-xs) var(--space-md);background:var(--gray-light);border-bottom:var(--border);color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-idea-subtitle:empty{display:none}.retro-modal{background:var(--white);border:3px solid var(--black);box-shadow:8px 8px 0 var(--black);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column}.art-director-modal,.image-gen-modal{max-width:480px}.image-edit-modal{max-width:520px}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);flex-wrap:wrap}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2xs)}.pagination-btn{min-width:36px;height:36px;padding:0 var(--space-sm);background:var(--white);border:2px solid var(--gray-mid);font-family:var(--font-pixel);font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pagination-btn:hover{border-color:var(--black);background:var(--gray-light)}.pagination-btn.active{background:var(--black);color:var(--white);border-color:var(--black)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.per-page-selector{display:flex;align-items:center;gap:var(--space-xs)}.per-page-label{font-family:var(--font-pixel);font-size:8px;color:var(--gray-dark)}.per-page-dropdown{font-family:var(--font-mono);font-size:11px;height:32px;padding:0 24px 0 8px;border:2px solid var(--gray-mid);background:var(--white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23000' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.per-page-dropdown:hover{border-color:var(--black)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.stat-icon{font-size:32px;margin-bottom:var(--space-sm);display:flex;align-items:center;justify-content:center}.stat-icon .pixel-icon{width:40px;height:40px}.action-icon{font-size:40px;display:flex;align-items:center;justify-content:center}.action-icon .pixel-icon{width:48px;height:48px}.action-card:hover .action-icon .pixel-icon{filter:invert(1)}.header-credits-icon{font-size:16px;display:flex;align-items:center}.header-credits-icon .pixel-coin-static{width:18px;height:18px}.btn .pixel-icon{width:16px;height:16px;margin-right:4px}.btn:hover .pixel-icon,.btn-primary .pixel-icon,.btn-primary:hover .pixel-icon{filter:invert(1)}.session-icon .pixel-icon{width:28px;height:28px;filter:invert(1)}.idea-stats .pixel-icon{width:14px;height:14px;margin-right:2px}.credits-coin{font-size:56px;display:flex;align-items:center;justify-content:center}.credits-coin .pixel-coin-spin{width:64px;height:64px;filter:invert(1)}.results-empty-icon .pixel-icon{width:72px;height:72px;opacity:.3}.credits-widget .pixel-coin-static,.credits-widget .pixel-coin-spin,.nav-item.active .pixel-coin-static,.profile-item:hover .pixel-coin-static{filter:invert(1)}.empty-state{grid-column:1 / -1;text-align:center;padding:48px;background:var(--white);border:3px dashed var(--gray)}.loading-state{text-align:center;padding:32px}.loading-state .pixel-icon{opacity:.4;animation:loading-pulse 1.2s steps(2) infinite}.loading-state p{font-family:var(--font-mono);font-size:12px;color:var(--gray);margin-top:12px;text-transform:uppercase;letter-spacing:1px}@keyframes loading-pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes deep-link-pulse{0%,to{box-shadow:0 0 #f0f0}25%,75%{box-shadow:0 0 0 4px #f0f9}50%{box-shadow:0 0 0 8px #ff00ff4d}}.deep-link-highlight{animation:deep-link-pulse 1.5s ease-out 2;position:relative;z-index:10}.deep-link-highlight:after{content:"";position:absolute;inset:-4px;border:3px solid var(--magenta);pointer-events:none;animation:deep-link-pulse 1.5s ease-out 2}.session-card.deep-link-highlight,.idea-card.deep-link-highlight{border-color:var(--magenta)!important}@media(max-width:1200px){.stats-grid,.credits-packs{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.generator-layout,.account-layout{grid-template-columns:1fr}.actions-grid-compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main{margin-left:0}.dashboard-hero{flex-direction:column;text-align:center;padding:var(--space-md);gap:var(--space-md);margin:var(--space-sm);margin-top:0;box-shadow:3px 3px 0 var(--black)}.dashboard-hero .hero-icon{margin-bottom:var(--space-xs)}.dashboard-hero .hero-title{font-size:11px}.dashboard-hero .hero-stats{justify-content:center;gap:var(--space-md);flex-wrap:wrap}.dashboard-hero .hero-action{width:100%}.dashboard-hero .hero-action .btn{width:100%;min-height:48px}.ideas-grid{grid-template-columns:1fr;gap:var(--space-sm);padding:0 var(--space-sm)}.actions-grid{grid-template-columns:1fr}.actions-grid-compact{grid-template-columns:repeat(2,1fr)}.brands-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.form-row{grid-template-columns:1fr}.session-stats{grid-template-columns:repeat(2,1fr)}.credits-hero{flex-direction:column;text-align:center;gap:var(--space-lg);margin:var(--space-sm);padding:var(--space-lg)}.gallery-toolbar{flex-direction:column;align-items:stretch}.gallery-filter-group{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.gallery-dropdown-group{width:100%;justify-content:space-between}.gallery-dropdown{flex:1;min-width:0;min-height:44px}.session-row{flex-direction:column;align-items:flex-start}.session-actions-col{align-self:flex-end}.session-top-row{flex-direction:column;align-items:flex-start;gap:4px}.session-bottom-row{flex-direction:column;align-items:flex-start}.session-stats-inline{width:100%;flex-wrap:wrap}.session-card{box-shadow:2px 2px 0 var(--black);margin:0 var(--space-sm)}.session-card-header{padding:var(--space-sm) var(--space-md);min-height:48px}.modal-overlay{padding:0;align-items:flex-end}.modal,.modal-container,.retro-modal{max-width:100%;max-height:90vh;max-height:90dvh;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -4px 24px #0000004d}.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-footer{gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-bottom, 0))}.modal-footer .btn{min-height:44px;flex:1}}@media(max-width:640px){.ideas-toolbar{padding:var(--space-xs) var(--space-sm)}.ideas-dropdown-group{flex-direction:column;align-items:stretch}.ideas-sort-buttons{width:100%}.sort-arrow-btn{flex:1;min-height:44px}.ideas-dropdown{width:100%;min-height:44px}.gallery-dropdown-group{flex-direction:column;align-items:stretch}.gallery-dropdown{width:100%;min-height:44px}.dashboard-body .ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);padding:0 var(--space-sm)}.idea-row{flex-direction:column;align-items:flex-start}.idea-thumb{width:100%;height:140px}.idea-actions{width:100%;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-sm)}.idea-meta,.idea-stats{flex-wrap:wrap}.dashboard-body .btn-icon-sm{width:44px;height:44px}.credits-packs{grid-template-columns:1fr}.credits-hero .btn{width:100%;min-height:48px}.pagination-wrapper{flex-direction:column;gap:var(--space-sm)}.pagination{flex-wrap:wrap}.pagination-btn{min-width:44px;min-height:44px}.per-page-selector{width:100%;justify-content:center}.per-page-dropdown{min-height:44px}.timeline-sessions{padding-left:var(--space-sm);margin-left:0}.session-card:before{display:none}.dashboard-body .profile-name{display:none}}@media(max-width:480px){.dashboard-body .ideas-grid,.gallery-grid,.actions-grid-compact{grid-template-columns:1fr}}.dashboard-body.sidebar-mobile-open{overflow:hidden}.brands-page{--color-bg: #F5F5F4;--color-surface: #FFFFFF;--color-surface-alt: #FAFAF9;--color-border: #E7E5E4;--color-border-strong: #D6D3D1;--color-text: #1C1917;--color-text-muted: #78716C;--color-text-faint: #A8A29E;--color-accent: #EA580C;--color-success: #22C55E;--color-danger: #EF4444;--shell-slate-bg: #64748B;--shell-slate-surface: #475569;--shell-orange-bg: #EA580C;--shell-orange-surface: #C2410C;--shell-charcoal-bg: #3F3F46;--shell-charcoal-surface: #27272A;--shell-violet-bg: #7C3AED;--shell-violet-surface: #6D28D9;--shell-teal-bg: #0D9488;--shell-teal-surface: #0F766E;--shell-blue-bg: #2563EB;--shell-blue-surface: #1D4ED8;--shell-rose-bg: #E11D48;--shell-rose-surface: #BE123C;--shell-amber-bg: #D97706;--shell-amber-surface: #B45309;--shell-stone-bg: #78716C;--shell-stone-surface: #57534E;--shell-midnight-bg: #1E293B;--shell-midnight-surface: #0F172A;--shell-emerald-bg: #10B981;--shell-emerald-surface: #059669;--shell-crimson-bg: #DC2626;--shell-crimson-surface: #B91C1C;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Roboto Mono", "Consolas", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--radius: 8px;--radius-sm: 4px;--radius-full: 50%;--pattern-dither: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='1' height='1' fill='%23000' fill-opacity='0.08'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23000' fill-opacity='0.08'/%3E%3C/svg%3E");--transition-fast: .1s ease;--transition-base: .12s ease}.brands-page .cartridge-status{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:2px solid #000;font-family:Space Mono,monospace;font-size:10px;text-transform:uppercase}.brands-page .cartridge-status-led{width:8px;height:8px;background:#ccc;border:1px solid #000}.brands-page .cartridge-status-led.active{background:#0f0}.brands-page .cartridge-status-text{color:#666}.brands-page .brands-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:2px solid #000;background:#fff}.brands-page .brands-search-wrapper{display:flex;align-items:center;gap:8px;flex:1;max-width:300px}.brands-page .brands-search-icon{width:16px;height:16px;opacity:.5}.brands-page .brands-search-input{flex:1;border:none;background:transparent;font-family:Space Mono,monospace;font-size:11px;outline:none}.brands-page .brands-count{font-family:Space Mono,monospace;font-size:10px;color:#666;text-transform:uppercase}.brands-page .content{display:flex;gap:16px}.brands-page .content>.window:first-child{flex:1}.brands-page .brands-inspector-window{width:280px;flex-shrink:0}.brands-page .inspector-empty{padding:40px 20px;text-align:center;color:#999}.brands-page .inspector-empty-icon{font-size:32px;margin-bottom:12px;opacity:.3}.brands-page .inspector-empty-text{font-family:Space Mono,monospace;font-size:10px;text-transform:uppercase}.brands-page .brands-loading{padding:40px;text-align:center;font-family:Space Mono,monospace;font-size:11px;color:#666}.brands-page .brands-search{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:180px}.brands-page .brands-search-icon{font-family:var(--font-mono);font-size:12px;color:var(--color-text-faint)}.brands-page .brands-search input{flex:1;background:transparent;border:none;font-family:var(--font-mono);font-size:11px;color:var(--color-text);outline:none}.brands-page .brands-search input::placeholder{color:var(--color-text-faint)}.brands-page .brands-filters{display:flex;background:var(--color-bg);border-radius:var(--radius-sm);padding:2px;gap:2px}.brands-page .brands-filter-btn{padding:5px 10px;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;color:var(--color-text-muted);background:transparent;border:none;border-radius:3px;cursor:pointer;transition:all var(--transition-fast)}.brands-page .brands-filter-btn:hover{color:var(--color-text)}.brands-page .brands-filter-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0000000a}.brands-page .brands-sort-group{display:flex;align-items:center;gap:6px}.brands-page .brands-sort-group label{font-family:var(--font-mono);font-size:9px;color:var(--color-text-faint);text-transform:uppercase}.brands-page .brands-sort-select{padding:5px 8px;font-family:var(--font-mono);font-size:10px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.brands-page .brands-count{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);margin-left:auto}.brands-page .brands-new-btn{padding:6px 14px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;background:var(--color-text);color:var(--color-surface);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.brands-page .brands-new-btn:hover{background:#000}.brands-page .brands-main-area{display:flex;flex:1;min-height:calc(100vh - 180px)}.brands-page .brands-grid-container{flex:1;padding:var(--space-xl);overflow-y:auto}.brands-page .brands-inspector{width:280px;background:var(--color-surface);border-left:1px solid var(--color-border);overflow-y:auto}.brands-page .brands-loading{display:flex;align-items:center;justify-content:center;padding:48px;width:100%;font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.brands-page .cartridge-grid{display:grid;grid-template-columns:repeat(auto-fill,152px);gap:14px;padding:16px;justify-content:start}.brands-page .cartridge{cursor:pointer;width:152px;height:188px;transition:transform .15s ease}.brands-page .cartridge:hover{transform:translateY(-3px)}.brands-page .cartridge.selected .cartridge-body{box-shadow:0 0 0 2px var(--color-text)}.brands-page .cartridge.loaded .cartridge-body{box-shadow:0 0 0 2px var(--color-success)}.brands-page .cartridge-body{height:100%;display:flex;flex-direction:column;border-radius:6px 6px 4px 4px;position:relative;box-shadow:inset 0 1px #ffffff26,0 2px 4px #00000026}.brands-page .cartridge-top{display:flex;justify-content:center;gap:4px;padding:6px 0;flex-shrink:0}.brands-page .cartridge-ridge{width:6px;height:8px;border-radius:2px;opacity:.7}.brands-page .cartridge-label{flex:1;margin:0 6px;display:flex;flex-direction:column}.brands-page .cartridge-label-inner{flex:1;padding:8px 10px;border-radius:3px;display:flex;flex-direction:column}.brands-page .cartridge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.brands-page .cartridge-code{font-family:var(--font-mono);font-size:8px;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.brands-page .cartridge .cartridge-status{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0}.brands-page .cartridge .cartridge-status-text{font-family:var(--font-mono);font-size:7px;color:var(--color-success);text-transform:uppercase;letter-spacing:.5px}.brands-page .cartridge-led{width:6px;height:6px;border-radius:50%;background:#fff3;border:1px solid rgba(0,0,0,.2)}.brands-page .cartridge-led.active{background:var(--color-success);box-shadow:0 0 6px var(--color-success);border-color:transparent}.brands-page .cartridge-name{font-family:var(--font-sans);font-size:13px;font-weight:600;color:#fff;line-height:1.2;margin-bottom:2px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brands-page .cartridge-industry{font-family:var(--font-mono);font-size:9px;color:#ffffff80;margin-bottom:6px}.brands-page .cartridge-palette{display:flex;gap:3px;align-items:center;margin-top:auto}.brands-page .cartridge-color-swatch{width:14px;height:14px;border-radius:2px;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px #fff3}.brands-page .cartridge-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:6px}.brands-page .cartridge-edit-btn{padding:3px 8px;font-family:var(--font-mono);font-size:8px;text-transform:uppercase;background:#ffffff26;color:#ffffffb3;border:1px solid rgba(255,255,255,.25);border-radius:3px;cursor:pointer;transition:all .1s ease;opacity:0}.brands-page .cartridge:hover .cartridge-edit-btn{opacity:1}.brands-page .cartridge-edit-btn:hover{background:#ffffff40;color:#fff;border-color:#fff6}.brands-page .cartridge-ideas{margin-left:auto;font-family:var(--font-mono);font-size:8px;color:#ffffff59}.brands-page .cartridge-bottom{flex-shrink:0;padding:6px 20px 0;display:flex;justify-content:center}.brands-page .cartridge-slot{width:100%;background:#1a1a1a;border-radius:0 0 3px 3px;padding:4px 6px 6px;box-shadow:inset 0 2px 4px #0006,0 1px #ffffff1a}.brands-page .cartridge-pins{display:flex;justify-content:center;gap:2px}.brands-page .cartridge-pin{width:4px;height:8px;background:linear-gradient(180deg,#e8d48a,#d4af37 30%,#aa8c2c 70%,#8b7226);border-radius:0 0 1px 1px;box-shadow:0 1px 1px #0000004d}.brands-page .shell-slate{background:#64748b}.brands-page .shell-slate .cartridge-label-inner,.brands-page .shell-slate .cartridge-ridge{background:#475569}.brands-page .shell-orange{background:#f97316}.brands-page .shell-orange .cartridge-label-inner,.brands-page .shell-orange .cartridge-ridge{background:#ea580c}.brands-page .shell-charcoal{background:#374151}.brands-page .shell-charcoal .cartridge-label-inner,.brands-page .shell-charcoal .cartridge-ridge{background:#1f2937}.brands-page .shell-violet{background:#8b5cf6}.brands-page .shell-violet .cartridge-label-inner,.brands-page .shell-violet .cartridge-ridge{background:#7c3aed}.brands-page .shell-teal{background:#14b8a6}.brands-page .shell-teal .cartridge-label-inner,.brands-page .shell-teal .cartridge-ridge{background:#0d9488}.brands-page .shell-blue{background:#3b82f6}.brands-page .shell-blue .cartridge-label-inner,.brands-page .shell-blue .cartridge-ridge{background:#2563eb}.brands-page .shell-rose{background:#f43f5e}.brands-page .shell-rose .cartridge-label-inner,.brands-page .shell-rose .cartridge-ridge{background:#e11d48}.brands-page .shell-amber{background:#f59e0b}.brands-page .shell-amber .cartridge-label-inner,.brands-page .shell-amber .cartridge-ridge{background:#d97706}.brands-page .shell-stone{background:#78716c}.brands-page .shell-stone .cartridge-label-inner,.brands-page .shell-stone .cartridge-ridge{background:#57534e}.brands-page .shell-midnight{background:#1e293b}.brands-page .shell-midnight .cartridge-label-inner,.brands-page .shell-midnight .cartridge-ridge{background:#0f172a}.brands-page .shell-emerald{background:#10b981}.brands-page .shell-emerald .cartridge-label-inner,.brands-page .shell-emerald .cartridge-ridge{background:#059669}.brands-page .shell-crimson{background:#dc2626}.brands-page .shell-crimson .cartridge-label-inner,.brands-page .shell-crimson .cartridge-ridge{background:#b91c1c}.brands-page .empty-slot{cursor:pointer;width:152px;height:188px;background:var(--color-surface);border:2px dashed var(--color-border-strong);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.brands-page .empty-slot:hover{background:var(--color-surface-alt);border-color:var(--color-text)}.brands-page .empty-slot-icon{width:28px;height:28px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--color-text-muted);transition:all var(--transition-fast)}.brands-page .empty-slot:hover .empty-slot-icon{border-color:var(--color-text);color:var(--color-text)}.brands-page .empty-slot-text{font-family:var(--font-mono);font-size:8px;color:var(--color-text-muted);text-transform:uppercase}.brands-page .brands-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.brands-page .brands-empty-state .empty-icon{font-size:48px;color:var(--color-border-strong);margin-bottom:16px}.brands-page .brands-empty-state h3{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px}.brands-page .brands-empty-state p{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);margin-bottom:20px}.brands-page .inspector-empty{padding:var(--space-2xl);text-align:center}.brands-page .inspector-empty-icon{font-size:32px;color:var(--color-border-strong);margin-bottom:12px}.brands-page .inspector-empty-label{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);text-transform:uppercase;margin-bottom:var(--space-sm)}.brands-page .inspector-empty-text{font-size:12px;color:var(--color-text-muted)}.brands-page .inspector-content{display:flex;flex-direction:column}.brands-page .inspector-header{padding:16px;margin:-16px -16px 0;position:relative}.brands-page .brands-inspector-window .window-body{padding:0}.brands-page .brands-inspector-window .inspector-header{padding:16px;margin:0}.brands-page .inspector-header .inspector-code{font-family:var(--font-mono);font-size:9px;color:#ffffff80;text-transform:uppercase;margin-bottom:4px}.brands-page .inspector-header .inspector-name{font-size:16px;font-weight:600;color:#fff}.brands-page .inspector-header .inspector-led{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:var(--radius-full);background:#fff3}.brands-page .inspector-header .inspector-led.active{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.brands-page .inspector-stats{display:flex;border-bottom:1px solid var(--color-border)}.brands-page .inspector-stat{flex:1;padding:12px;text-align:center;border-right:1px solid var(--color-border)}.brands-page .inspector-stat:last-child{border-right:none}.brands-page .inspector-stat .stat-value{font-size:20px;font-weight:600;color:var(--color-text);display:block}.brands-page .inspector-stat .stat-label{font-family:var(--font-mono);font-size:8px;color:var(--color-text-faint);text-transform:uppercase}.brands-page .inspector-section{padding:14px 16px;border-bottom:1px solid var(--color-border)}.brands-page .inspector-section-title{font-family:var(--font-mono);font-size:9px;color:var(--color-text-faint);text-transform:uppercase;margin-bottom:10px}.brands-page .inspector-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.brands-page .inspector-row:last-child{margin-bottom:0}.brands-page .inspector-label{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.brands-page .inspector-value{font-family:var(--font-mono);font-size:10px;color:var(--color-text)}.brands-page .inspector-colors{display:flex;gap:6px}.brands-page .inspector-color-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.brands-page .inspector-dna-status{display:flex;gap:8px}.brands-page .dna-indicator{padding:4px 10px;font-family:var(--font-mono);font-size:9px;color:var(--color-text-faint);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.brands-page .dna-indicator.active{color:var(--color-success);border-color:var(--color-success);background:#22c55e1a}.brands-page .inspector-actions{display:flex;gap:8px;padding:16px;border-bottom:1px solid var(--color-border)}.brands-page .inspector-secondary-actions{display:flex;gap:8px;padding:12px 16px}.brands-page .btn{flex:1;padding:8px 12px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.brands-page .btn:hover{border-color:var(--color-text)}.brands-page .btn-primary{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text)}.brands-page .btn-primary:hover{background:#000}.brands-page .btn-outline{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.brands-page .btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.brands-page .btn-danger:hover{background:var(--color-danger);color:#fff}.brands-page .btn-sm{padding:6px 10px;font-size:9px}.modal-overlay{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:var(--z-modal);padding:24px}.modal-overlay.active{display:flex}.modal-overlay.hidden{display:none}.brand-modal{background:#fff;border:3px solid #1C1917;width:100%;max-width:540px;max-height:85vh;display:flex;flex-direction:column;box-shadow:8px 8px #00000040}.brand-modal-titlebar{display:flex;align-items:center;justify-content:center;padding:8px 12px;min-height:40px;position:relative;border-bottom:3px solid #1C1917;background-color:#e5e5e5;background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='2' height='2' fill='%23000' fill-opacity='0.12'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%23000' fill-opacity='0.12'/%3E%3C/svg%3E");background-size:4px 4px}.brand-modal-close{position:absolute;left:12px;width:14px;height:14px;background:#fff;border:2px solid #1C1917;cursor:pointer;padding:0}.brand-modal-close:hover{background:#1c1917}.brand-modal-title{display:inline-flex;background:#fff;padding:4px 16px;border:2px solid #1C1917;font-family:"Press Start 2P",monospace;font-size:9px;color:#1c1917;text-transform:uppercase;letter-spacing:.5px}.brand-modal-code{position:absolute;right:12px;font-family:SF Mono,Roboto Mono,monospace;font-size:9px;color:#57534e;background:#fff;padding:2px 8px;border:1px solid #A8A29E}.brand-modal-tabs{display:flex;gap:0;padding:0;background:#f5f5f4;border-bottom:2px solid #1C1917}.brand-modal-tab{flex:1;padding:10px 16px;font-family:SF Mono,Roboto Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:transparent;color:#78716c;border:none;border-right:1px solid #D6D3D1;cursor:pointer;transition:background .1s,color .1s}.brand-modal-tab:last-child{border-right:none}.brand-modal-tab:hover{background:#e7e5e4;color:#1c1917}.brand-modal-tab.active{background:#fff;color:#1c1917;font-weight:600}.brand-modal-body{flex:1;overflow-y:auto;padding:20px;background:#fff}.brand-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 16px;background:#f5f5f4;border-top:2px solid #1C1917;gap:8px;flex-shrink:0}.brand-name-row{display:flex;align-items:center;gap:10px}.brand-name-row .form-input{flex:1}.shell-picker-inline{position:relative;flex-shrink:0}.shell-circle{width:32px;height:32px;border-radius:50%;border:2px solid #1C1917;background:#64748b;cursor:pointer;padding:0;transition:transform .1s,box-shadow .1s}.shell-circle:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.shell-picker-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border:2px solid #1C1917;box-shadow:4px 4px #00000026;min-width:140px;z-index:var(--z-header)}.shell-picker-dropdown.hidden{display:none}.shell-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-bottom:1px solid #E7E5E4;cursor:pointer;text-align:left}.shell-option:last-child{border-bottom:none}.shell-option:hover{background:#f5f5f4}.shell-option.active{background:#e7e5e4}.shell-option-color{width:16px;height:16px;border-radius:50%;border:2px solid #1C1917;background-color:var(--shell-color);flex-shrink:0}.shell-option-name{font-family:SF Mono,Roboto Mono,monospace;font-size:10px;color:#1c1917;flex:1}.shell-option-check{font-size:10px;color:#1c1917}.brand-modal-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:9px;color:#a8a29e;text-transform:uppercase}.form-input,.form-select,.form-textarea{width:100%;padding:8px 10px;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:11px;color:#1c1917;background:#fff;border:1px solid #E7E5E4;border-radius:4px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1c1917;outline:none}.form-textarea{min-height:60px;resize:vertical}.form-textarea.mono{font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.archetype-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.archetype-btn{padding:8px 6px;text-align:center;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:9px;background:#fff;color:#1c1917;border:1px solid #E7E5E4;border-radius:4px;cursor:pointer;transition:all .1s ease}.archetype-btn:hover{border-color:#1c1917}.archetype-btn.active{background:#1c1917;color:#fff;border-color:#1c1917}.tone-grid{display:flex;gap:6px;flex-wrap:wrap}.tone-btn{padding:5px 12px;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:9px;background:#fff;color:#1c1917;border:1px solid #E7E5E4;border-radius:16px;cursor:pointer;transition:all .1s ease}.tone-btn:hover{border-color:#1c1917}.tone-btn.active{background:#1c1917;color:#fff;border-color:#1c1917}.color-picker-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.color-picker-item{display:flex;align-items:center;gap:8px}.color-picker-item .color-input{width:32px;height:32px;padding:0;border:1px solid #E7E5E4;border-radius:4px;cursor:pointer}.color-picker-item .color-hex{flex:1;padding:6px 8px;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:10px;background:#fff;border:1px solid #E7E5E4;border-radius:4px}.color-picker-item .btn-remove-color{width:24px;height:24px;padding:0;font-size:14px;background:#fff;color:#ef4444;border:1px solid #E7E5E4;border-radius:4px;cursor:pointer}.color-picker-item .btn-remove-color:disabled{opacity:.3;cursor:not-allowed}.dna-status-banner{display:flex;gap:12px;padding:12px;background:#fafaf9;border:1px solid #E7E5E4;border-radius:6px;margin-bottom:14px}.dna-status-item{display:flex;align-items:center;gap:6px;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:10px;color:#78716c}.dna-status-item.active{color:#22c55e}.dna-status-icon{font-size:8px}.dna-actions{text-align:center;margin-bottom:14px}.btn-synth{padding:10px 20px;font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:10px;text-transform:uppercase;background:#1c1917;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-synth:hover{background:#000}.btn-synth:disabled{background:#a8a29e;cursor:not-allowed}.dna-hint{font-size:10px;color:#a8a29e;margin-top:6px}.mood-preview{margin-top:10px;border-radius:6px;overflow:hidden;border:1px solid #E7E5E4}.mood-preview img{width:100%;height:auto;display:block}.products-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #E7E5E4;margin-bottom:10px}.products-count{font-family:SF Mono,Roboto Mono,monospace;font-size:10px;color:#78716c;text-transform:uppercase;letter-spacing:.5px}.products-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.products-empty-icon{font-size:32px;color:#a8a29e;margin-bottom:12px}.products-empty-text{font-size:12px;color:#78716c}.products-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:#78716c;font-size:12px}.products-loading-spinner{width:16px;height:16px;border:2px solid #E7E5E4;border-top-color:#1c1917;border-radius:50%;animation:spin .8s linear infinite}.products-empty-inline{text-align:center;padding:24px;color:#a8a29e;font-size:11px;font-style:italic}.product-form{background:#f5f5f4;border:1px solid #E7E5E4;padding:12px;margin-bottom:12px}.product-form.hidden{display:none}.product-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.products-list{display:flex;flex-direction:column;gap:6px}.product-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#fff;border:1px solid #E7E5E4;cursor:grab}.product-item:active{cursor:grabbing}.product-item.dragging{opacity:.5;background:#f5f5f4}.product-drag-handle{flex-shrink:0;color:#a8a29e;cursor:grab;padding:2px 4px;font-size:12px;user-select:none}.product-drag-handle:hover{color:#78716c}.product-info{flex:1;min-width:0}.product-name{font-family:Space Mono,monospace;font-size:12px;font-weight:600;color:#1c1917;margin-bottom:2px}.product-desc{font-size:11px;color:#78716c;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-benefit{font-size:10px;color:#a8a29e;font-style:italic}.product-actions{display:flex;gap:4px;flex-shrink:0}.btn-icon{width:24px;height:24px;padding:0;border:1px solid #E7E5E4;background:#fff;color:#78716c;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f5f5f4;color:#1c1917}.product-delete-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.assets-section{border-top:1px solid #E7E5E4;padding-top:14px;margin-top:6px}.form-hint{font-size:10px;color:#a8a29e;margin-bottom:10px}.assets-save-first{font-style:italic;color:#78716c}.asset-upload-zone{border:2px dashed #A8A29E;padding:20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:12px}.asset-upload-zone:hover,.asset-upload-zone.dragover{border-color:#1c1917;background:#f5f5f4}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:6px;color:#78716c;font-size:11px}.upload-icon{font-size:24px;color:#a8a29e}.upload-spinner{width:20px;height:20px;border:2px solid #E7E5E4;border-top-color:#1c1917;border-radius:50%;animation:spin .8s linear infinite}.asset-type-selector{margin-bottom:12px}.asset-type-selector.hidden{display:none}.assets-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#78716c;font-size:11px}.assets-loading-spinner{width:14px;height:14px;border:2px solid #E7E5E4;border-top-color:#1c1917;border-radius:50%;animation:spin .8s linear infinite}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.assets-empty{grid-column:1 / -1;text-align:center;color:#a8a29e;font-size:11px;font-style:italic;padding:20px}.asset-item{position:relative;background:#fff;border:1px solid #E7E5E4;overflow:hidden}.asset-thumb{aspect-ratio:1;overflow:hidden;background:#f5f5f4}.asset-thumb img{width:100%;height:100%;object-fit:cover}.asset-info{padding:4px 6px;border-top:1px solid #E7E5E4}.asset-type{display:block;font-size:8px;color:#a8a29e;text-transform:uppercase;letter-spacing:.5px}.asset-name{display:block;font-size:9px;color:#78716c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-delete-btn{position:absolute;top:4px;right:4px;width:18px;height:18px;padding:0;background:#ffffffe6;border:1px solid #E7E5E4;color:#78716c;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.asset-item:hover .asset-delete-btn{opacity:1}.asset-delete-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.brand-onboarding{margin-bottom:20px}.onboarding-card{position:relative;background:#fff;border:3px solid #1C1917;box-shadow:6px 6px #0000001a;padding:24px}.onboarding-dismiss{position:absolute;top:10px;right:10px;width:24px;height:24px;padding:0;background:transparent;border:2px solid #E7E5E4;color:#a8a29e;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.onboarding-dismiss:hover{background:#f5f5f4;border-color:#1c1917;color:#1c1917}.onboarding-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.onboarding-icon{width:40px;height:40px;background:#1c1917;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace}.onboarding-title{font-family:"Press Start 2P",monospace;font-size:12px;color:#1c1917;margin:0}.onboarding-body{margin-bottom:20px}.onboarding-text{font-family:Space Mono,monospace;font-size:12px;line-height:1.6;color:#57534e;margin:0 0 16px}.onboarding-steps{display:flex;flex-direction:column;gap:10px}.onboarding-step{display:flex;align-items:flex-start;gap:10px}.step-num{flex-shrink:0;width:22px;height:22px;background:#f5f5f4;border:2px solid #1C1917;font-family:"Press Start 2P",monospace;font-size:9px;display:flex;align-items:center;justify-content:center}.step-text{font-family:Space Mono,monospace;font-size:11px;color:#78716c;line-height:1.5;padding-top:3px}.onboarding-footer{text-align:center}.btn-lg{padding:12px 24px;font-size:11px}@media(max-width:1200px){.brands-page .brands-inspector{width:260px}}@media(max-width:1024px){.brands-page .brands-inspector{width:240px}.brands-page .cartridge,.brands-page .empty-slot{width:148px}.brands-page .empty-slot{height:164px}}@media(max-width:900px){.brands-page .brands-main-area{flex-direction:column}.brands-page .brands-inspector{width:100%;border-left:none;border-top:1px solid var(--color-border);max-height:300px}.brands-page .content{flex-direction:column;gap:var(--space-sm)}.brands-page .brands-inspector-window{width:100%;flex-shrink:1}}@media(max-width:768px){.brands-page .content{display:block}.brands-page .content>.window:first-child{flex:none;width:100%}.brands-page .brands-inspector-window{width:100%;margin-top:var(--space-sm)}.brands-page .brands-controls{flex-wrap:wrap}.brands-page .brands-filters{order:10;width:100%;margin-top:8px;justify-content:center}.brands-page .brands-count{width:100%;text-align:center;margin:8px 0}.brands-page .brands-new-btn{order:11}.brands-page .cartridge-status-widget{display:none}.brands-page .brands-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm)}.brands-page .brands-search-wrapper{max-width:none;width:100%}.brands-page .brands-search{min-height:44px;font-size:16px}.brands-page .brands-count{text-align:left}.brands-page .cartridge-status{width:auto;justify-content:flex-start}.brands-page #new-brand-btn{min-height:44px;padding:8px 12px;font-size:9px}.brands-page .brands-inspector{position:fixed;inset:0;width:100%;max-height:100vh;max-height:100dvh;z-index:1000;transform:translateY(100%);transition:transform .25s ease-out;border:none;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:var(--safe-top, 0);padding-bottom:var(--safe-bottom, 0)}.brands-page .brands-inspector.visible{transform:translateY(0)}.brands-page .inspector-header{position:sticky;top:0;z-index:10;padding-top:calc(var(--space-sm) + var(--safe-top, 0))}.brands-page .inspector-close-btn{display:flex;width:44px;height:44px;min-width:44px;min-height:44px}.brands-page .inspector-content{padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0))}.brands-page .cartridge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-sm)}.brands-page .cartridge,.brands-page .empty-slot{width:100%;height:auto;min-height:180px}.brands-page .cartridge:active{transform:scale(.98)}.brands-page .filter-btn{min-height:44px;padding:var(--space-sm) var(--space-md)}.brands-page .filter-btn:active{transform:scale(.98)}}@media(max-width:480px){.brands-page .cartridge-grid{gap:8px;padding:8px}.brands-page .cartridge,.brands-page .empty-slot{min-height:160px}.modal{max-height:100vh;max-height:100dvh;border-radius:0}.archetype-grid{grid-template-columns:repeat(2,1fr)}.brands-page .brands-search{width:100%}.brands-page .cartridge-name{font-size:11px}.brands-page .cartridge-industry{font-size:9px}}@media(max-width:375px){.brands-page .cartridge-grid{gap:6px;padding:6px}.brands-page .cartridge,.brands-page .empty-slot{min-height:150px}.brands-page .cartridge-name{font-size:10px}}@font-face{font-family:Commodore;src:local("Press Start 2P")}:root{--bg-blue: #0000AA;--bg-black: #000000;--bg-dark: #111133;--teletext-yellow: #FFFF00;--teletext-cyan: #00FFFF;--teletext-green: #00FF00;--teletext-magenta: #FF00FF;--teletext-red: #FF0000;--teletext-white: #FFFFFF;--teletext-orange: #FF8800;--vhs-blue: #0044FF;--vhs-red: #FF0044;--font-pixel: "Press Start 2P", monospace;--font-terminal: "VT323", monospace;--font-mono: "Share Tech Mono", monospace}.genesis-intro:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:10000}.genesis-intro:after{content:"";position:fixed;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,255,255,.03) 50%,transparent 51%,transparent 100%);background-size:100% 8px;animation:vhsTracking .1s infinite;pointer-events:none;z-index:10001}@keyframes vhsTracking{0%{transform:translateY(0)}to{transform:translateY(4px)}}.screen-glow{position:fixed;inset:0;box-shadow:inset 0 0 150px #00aaff1a;pointer-events:none;z-index:9999}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.blink{animation:blink 1s infinite}.launcher{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative}.launcher__header{background:var(--bg-black);padding:16px 32px;margin-bottom:8px}.launcher__title{font-family:var(--font-pixel);font-size:20px;color:var(--teletext-cyan);text-shadow:4px 4px 0 var(--teletext-magenta);letter-spacing:2px}.launcher__subtitle{font-size:24px;color:var(--teletext-yellow);margin-bottom:48px;text-transform:uppercase}.launcher__buttons{display:flex;gap:24px}.launcher__btn{background:var(--bg-black);border:none;padding:0;cursor:pointer;text-align:left;transition:transform .1s}.launcher__btn:hover{transform:scale(1.02)}.launcher__btn-header{background:var(--teletext-cyan);color:var(--bg-black);padding:12px 24px;font-family:var(--font-pixel);font-size:12px}.launcher__btn:hover .launcher__btn-header{background:var(--teletext-yellow)}.launcher__btn-body{padding:24px;min-width:280px}.launcher__btn-title{font-family:var(--font-pixel);font-size:14px;color:var(--teletext-white);margin-bottom:12px}.launcher__btn-desc{font-size:20px;color:var(--teletext-cyan)}.vhs-bars{display:flex;width:100%;max-width:600px;height:12px;margin-top:48px}.vhs-bar{flex:1;height:100%}.genesis{position:fixed;inset:0;background:var(--bg-blue);display:flex;flex-direction:column;z-index:1000}.genesis:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:10000}.genesis:after{content:"";position:fixed;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,255,255,.03) 50%,transparent 51%,transparent 100%);background-size:100% 8px;animation:vhsTracking .1s infinite;pointer-events:none;z-index:10001}.genesis__topbar{background:var(--teletext-cyan);color:var(--bg-black);padding:8px 24px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-pixel);font-size:11px}.genesis__topbar-left{display:flex;align-items:center;gap:24px}.genesis__close{background:var(--teletext-red);border:none;color:var(--teletext-white);padding:4px 12px;font-family:var(--font-pixel);font-size:10px;cursor:pointer}.genesis__close:hover{background:var(--teletext-yellow);color:var(--bg-black)}.genesis__progress{display:flex;align-items:center;gap:8px}.genesis__progress-block{width:32px;height:16px;background:var(--bg-black);position:relative}.genesis__progress-block.active{background:var(--teletext-yellow)}.genesis__progress-block.complete{background:var(--teletext-green)}.genesis__progress-block:after{content:attr(data-num);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--teletext-white)}.genesis__progress-block.active:after,.genesis__progress-block.complete:after{color:var(--bg-black)}.genesis__content{flex:1;overflow-y:auto;padding:32px 32px 120px}.genesis__stage{max-width:1000px;margin:0 auto;animation:stageIn .3s ease}@keyframes stageIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.stage-header{margin-bottom:40px}.stage-header__tag{display:inline-block;background:var(--teletext-magenta);color:var(--teletext-white);padding:8px 16px;font-family:var(--font-pixel);font-size:12px;margin-bottom:16px}.stage-header__title{font-family:var(--font-pixel);font-size:28px;color:var(--teletext-yellow);text-shadow:4px 4px 0 var(--bg-black);line-height:1.4;margin-bottom:16px}.stage-header__subtitle{font-size:24px;color:var(--teletext-cyan)}.genesis__bottombar{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--bg-black);border:4px solid var(--teletext-cyan);padding:0;display:flex;align-items:stretch;z-index:100;box-shadow:0 0 40px #00ffff4d}.genesis__ministeps{display:flex;align-items:center;padding:0 24px;border-right:4px solid #333}.genesis__ministeps:empty{display:none}.genesis__ministeps:empty+.genesis__nav .btn--back{border-left:none}.ministep{display:flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-size:11px;color:#555;text-transform:uppercase;padding:16px 0}.ministep__block{width:14px;height:14px;background:#333}.ministep.active{color:var(--teletext-yellow)}.ministep.active .ministep__block{background:var(--teletext-yellow);box-shadow:0 0 10px var(--teletext-yellow)}.ministep.complete{color:var(--teletext-green)}.ministep.complete .ministep__block{background:var(--teletext-green)}.ministep-sep{width:32px;height:3px;background:#333;margin:0 8px}.genesis__nav{display:flex}.genesis__nav .btn{border:none;border-left:4px solid #333}.genesis__nav .btn:first-child{border-left:none}.genesis .btn,.control-panel .btn,.genesis-intro .btn{font-family:var(--font-pixel)!important;font-size:12px;padding:20px 32px;border:none!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;text-transform:uppercase;transition:all .1s}.genesis .btn--back,.control-panel .btn--back,.genesis-intro .btn--back{background:#111!important;color:#666!important}.genesis .btn--back:hover,.control-panel .btn--back:hover,.genesis-intro .btn--back:hover{background:#222!important;color:var(--teletext-white)!important}.genesis .btn--continue,.control-panel .btn--continue,.genesis-intro .btn--continue{background:var(--teletext-green)!important;color:var(--bg-black)!important;min-width:180px}.genesis .btn--continue:hover,.control-panel .btn--continue:hover,.genesis-intro .btn--continue:hover{background:var(--teletext-yellow)!important}.genesis .btn--continue:disabled,.control-panel .btn--continue:disabled,.genesis-intro .btn--continue:disabled{background:#222!important;color:#444!important;cursor:not-allowed}.genesis .btn--action,.control-panel .btn--action,.genesis-intro .btn--action{background:var(--teletext-yellow)!important;color:var(--bg-black)!important;font-size:14px;padding:20px 48px}.genesis .btn--action:hover,.control-panel .btn--action:hover,.genesis-intro .btn--action:hover{background:var(--teletext-cyan)!important}.form-group{margin-bottom:32px}.genesis .form-label,.control-panel .form-label{display:inline-block;background:var(--teletext-green);color:var(--bg-black);padding:8px 16px;font-family:var(--font-pixel);font-size:10px;margin-bottom:8px}.genesis .form-input,.control-panel .form-input,.genesis .form-textarea,.control-panel .form-textarea,.genesis-intro .form-input{width:100%;background:var(--bg-black)!important;border:4px solid var(--teletext-cyan)!important;padding:16px 20px;font-family:var(--font-terminal);font-size:28px;color:var(--teletext-yellow)!important;outline:none;border-radius:0!important}.genesis .form-input:focus,.control-panel .form-input:focus,.genesis-intro .form-input:focus{border-color:var(--teletext-yellow)!important;box-shadow:0 0 20px #ffff004d!important}.genesis .form-input::placeholder,.control-panel .form-input::placeholder,.genesis-intro .form-input::placeholder{color:#555!important;text-transform:uppercase}.genesis .form-hint,.control-panel .form-hint{font-size:18px;color:var(--teletext-cyan);margin-top:8px}.signal-layout{display:grid;grid-template-columns:1fr 320px;gap:48px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.industry-card{background:var(--bg-black);border:4px solid #333;padding:16px 8px;cursor:pointer;text-align:center;transition:all .1s}.industry-card:hover{border-color:var(--teletext-cyan)}.industry-card.selected{background:var(--teletext-green);border-color:var(--teletext-green)}.industry-card__icon{font-size:32px;margin-bottom:8px;display:flex;justify-content:center;align-items:center;height:40px}.industry-card__icon .industry-icon-img{width:40px;height:40px}.industry-card:hover .industry-icon-img{filter:invert(1) sepia(1) saturate(5) hue-rotate(150deg)}.industry-card.selected .industry-icon-img{filter:none}.industry-card__label{font-family:var(--font-pixel);font-size:8px;color:var(--teletext-white)}.industry-card.selected .industry-card__label{color:var(--bg-black)}.signal-preview{background:var(--bg-black);border:4px solid var(--teletext-magenta);padding:0}.signal-preview__header{background:var(--teletext-magenta);color:var(--bg-black);padding:8px 16px;font-family:var(--font-pixel);font-size:10px;text-align:center}.signal-preview .cartridge{margin:24px auto;transform:scale(.9);transform-origin:center}.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.purpose-card{background:var(--bg-black);border:4px solid #333;cursor:pointer;transition:all .15s;overflow:hidden}.purpose-card:hover{border-color:var(--teletext-cyan);transform:translateY(-4px)}.purpose-card.selected{border-color:var(--teletext-yellow)}.purpose-card__header{background:#222;padding:16px;text-align:center;transition:background .15s}.purpose-card.selected .purpose-card__header{background:var(--teletext-yellow)}.purpose-card__icon{font-size:56px;display:block;margin-bottom:12px}.purpose-card__title{font-family:var(--font-pixel);font-size:14px;color:var(--teletext-cyan)}.purpose-card.selected .purpose-card__title{color:var(--bg-black)}.purpose-card__body{padding:20px}.purpose-card__tagline{font-size:18px;color:var(--teletext-white);margin-bottom:16px;line-height:1.4}.purpose-card__examples{font-size:16px;color:var(--teletext-green)}.sliders-container{max-width:900px}.slider-group{background:var(--bg-black);border:4px solid #333;padding:28px;margin-bottom:20px}.slider-question{font-family:var(--font-terminal);font-size:24px;color:var(--teletext-yellow);margin-bottom:12px}.slider-category{font-family:var(--font-pixel);font-size:11px;color:var(--teletext-cyan);letter-spacing:3px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #222}.slider-labels{display:flex;justify-content:space-between;margin-bottom:24px;gap:48px}.slider-label{font-size:20px;color:var(--teletext-white);flex:1;line-height:1.4;font-style:italic}.slider-label--right{text-align:right}.slider-track{position:relative;height:24px;background:#222;cursor:pointer;border:2px solid #444}.slider-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--teletext-cyan),var(--teletext-yellow));pointer-events:none}.slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--teletext-yellow);cursor:grab;transition:transform .1s;border:4px solid var(--bg-black)}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.15)}.slider-thumb:after{content:"◄►";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--bg-black)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-card{background:var(--bg-black);border:4px solid #333;cursor:pointer;transition:all .15s;overflow:hidden}.role-card:hover{border-color:var(--teletext-cyan)}.role-card.selected{border-color:var(--teletext-green)}.role-card__header{background:#222;padding:16px;transition:background .15s}.role-card.selected .role-card__header{background:var(--teletext-green)}.role-card__title{font-family:var(--font-pixel);font-size:11px;color:var(--teletext-yellow)}.role-card.selected .role-card__title{color:var(--bg-black)}.role-card__body{padding:20px}.role-card__desc{font-size:18px;color:var(--teletext-white);line-height:1.4}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.rule-checkbox{background:var(--bg-black);border:4px solid #333;padding:18px 20px;cursor:pointer;display:flex;align-items:center;gap:16px;transition:all .1s}.rule-checkbox:hover{border-color:var(--teletext-cyan)}.rule-checkbox.selected{background:var(--teletext-green);border-color:var(--teletext-green)}.rule-checkbox__box{width:28px;height:28px;background:#222;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:16px;color:var(--teletext-green);flex-shrink:0}.rule-checkbox.selected .rule-checkbox__box{background:var(--bg-black)}.rule-checkbox__label{font-size:18px;color:var(--teletext-white)}.rule-checkbox.selected .rule-checkbox__label{color:var(--bg-black)}.custom-rule{margin-top:24px;background:var(--bg-black);border:4px solid var(--teletext-cyan)}.custom-rule__header{background:var(--teletext-cyan);color:var(--bg-black);padding:10px 16px;font-family:var(--font-pixel);font-size:10px}.custom-rule__body{padding:16px}.custom-rule__input-row{display:flex;gap:12px}.custom-rule__input{flex:1;background:#111;border:3px solid #333;padding:14px 16px;font-family:var(--font-terminal);font-size:18px;color:var(--teletext-yellow)}.custom-rule__input:focus{outline:none;border-color:var(--teletext-yellow)}.custom-rule__input::placeholder{color:#444}.custom-rule__add{background:var(--teletext-green);border:none;color:var(--bg-black);padding:14px 24px;font-family:var(--font-pixel);font-size:11px;cursor:pointer}.custom-rule__add:hover{background:var(--teletext-yellow)}.custom-rule__list{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.custom-rule__tag{background:var(--teletext-magenta);color:var(--bg-black);padding:8px 12px;font-size:14px;display:flex;align-items:center;gap:8px}.custom-rule__remove{background:none;border:none;color:var(--bg-black);cursor:pointer;font-size:16px;line-height:1}.custom-rule__remove:hover{color:var(--teletext-red)}.color-studio{display:grid;grid-template-columns:340px 1fr;gap:24px;min-height:500px}.palette-browser{background:var(--bg-black);border:4px solid #222;display:flex;flex-direction:column;overflow:hidden}.palette-browser__header{background:var(--teletext-green);color:var(--bg-black);padding:10px 16px;font-family:var(--font-pixel);font-size:9px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.palette-browser__count{opacity:.7}.palette-browser__list{flex:1;overflow-y:auto;padding:12px}.palette-item{background:#0a0a0a;border:3px solid #1a1a1a;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:12px}.palette-item:hover{border-color:var(--teletext-cyan);background:#111}.palette-item.selected{border-color:var(--teletext-yellow);background:#111}.palette-item__swatches{display:flex;gap:4px;flex-shrink:0}.palette-item__swatch{width:28px;height:28px;border:2px solid #333}.palette-item__info{flex:1;min-width:0}.palette-item__name{font-family:var(--font-pixel);font-size:8px;color:var(--teletext-cyan);margin-bottom:2px}.palette-item.selected .palette-item__name{color:var(--teletext-yellow)}.palette-item__tags{font-size:11px;color:#444}.your-colors-strip{background:#111;border-top:3px solid #222;padding:12px;flex-shrink:0}.your-colors-strip__label{font-family:var(--font-pixel);font-size:8px;color:var(--teletext-magenta);margin-bottom:8px}.your-colors-strip__grid{display:flex;gap:8px}.color-chip{width:40px;height:40px;border:3px solid #333;cursor:pointer;transition:all .1s;position:relative}.color-chip:hover{border-color:var(--teletext-white);transform:scale(1.1);z-index:1}.color-chip--add{border-style:dashed;border-color:#333;background:#0a0a0a;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333}.color-chip--add:hover{border-color:var(--teletext-green);color:var(--teletext-green)}.brand-preview-monitor{background:var(--bg-black);border:4px solid var(--teletext-cyan);display:flex;flex-direction:column;overflow:hidden}.monitor__header{background:var(--teletext-cyan);color:var(--bg-black);padding:8px 16px;font-family:var(--font-pixel);font-size:9px;display:flex;align-items:center;gap:10px;flex-shrink:0}.monitor__header:before{content:"◉";color:var(--teletext-red);animation:blink 1s infinite}.monitor__screen{flex:1;padding:20px;overflow-y:auto;background:#050508}.preview-section{margin-bottom:24px}.preview-section:last-child{margin-bottom:0}.preview-section__label{font-family:var(--font-pixel);font-size:8px;color:#444;margin-bottom:10px;text-transform:uppercase}.preview-colorbars{display:flex;height:48px;border:2px solid #222}.preview-colorbars__bar{flex:1;position:relative}.preview-colorbars__bar:after{content:attr(data-hex);position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;color:inherit;text-shadow:0 0 4px rgba(0,0,0,.8)}.preview-typography{display:grid;gap:12px}.preview-typo-sample{padding:16px;border:2px solid #1a1a1a}.preview-typo-sample__headline{font-family:var(--font-pixel);font-size:14px;margin-bottom:6px;line-height:1.3}.preview-typo-sample__body{font-family:var(--font-terminal);font-size:16px;opacity:.8}.preview-buttons{display:flex;gap:12px;flex-wrap:wrap}.preview-btn{padding:10px 20px;font-family:var(--font-pixel);font-size:9px;border:3px solid transparent;cursor:default}.preview-btn--outline{background:transparent}.preview-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preview-card{border:3px solid #222;overflow:hidden}.preview-card__header{padding:10px 12px;font-family:var(--font-pixel);font-size:8px}.preview-card__body{padding:12px;font-size:13px}.preview-contrast{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.contrast-cell{padding:12px 8px;text-align:center;border:2px solid #1a1a1a}.contrast-cell__text{font-family:var(--font-pixel);font-size:9px}.contrast-cell__label{font-size:10px;opacity:.6;margin-top:4px}.monitor__footer{background:#0a0a0a;border-top:2px solid #1a1a1a;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.monitor__status{font-size:12px;color:#555}.monitor__status-dot{display:inline-block;width:8px;height:8px;background:var(--teletext-green);margin-right:8px;box-shadow:0 0 8px var(--teletext-green)}.monitor__hex-list{display:flex;gap:12px}.monitor__hex{font-family:var(--font-mono);font-size:11px;color:var(--teletext-yellow)}.synthesis{max-width:800px;margin:0 auto;text-align:center}.synthesis__summary{background:var(--bg-black);border:4px solid var(--teletext-cyan);text-align:left;margin-bottom:40px}.synthesis__summary-header{background:var(--teletext-cyan);color:var(--bg-black);padding:12px 20px;font-family:var(--font-pixel);font-size:11px}.synthesis__summary-body{padding:24px}.synthesis__summary-row{display:flex;padding:12px 0;border-bottom:2px solid #222;font-size:20px}.synthesis__summary-row:last-child{border-bottom:none}.synthesis__summary-label{width:140px;color:var(--teletext-green);font-family:var(--font-pixel);font-size:10px}.synthesis__summary-value{flex:1;color:var(--teletext-yellow)}.synthesis__animation{padding:32px 0}.synthesis__progress-bar{height:20px;background:#222;margin-bottom:16px;border:4px solid #444}.synthesis__progress-fill{height:100%;background:linear-gradient(90deg,var(--teletext-cyan),var(--teletext-yellow),var(--teletext-green));width:0;transition:width 2.5s ease}.synthesis__status{font-family:var(--font-pixel);font-size:12px;color:var(--teletext-green);margin-bottom:32px}.synthesis__dna{text-align:left;margin-bottom:24px}.synthesis__dna-header{background:var(--teletext-magenta);color:var(--bg-black);padding:8px 16px;font-family:var(--font-pixel);font-size:10px;display:inline-block;margin-bottom:8px}.synthesis__dna-content{background:var(--bg-black);border:4px solid #333;padding:20px;font-size:18px;line-height:1.6;color:var(--teletext-cyan);min-height:80px}.synthesis__success-header{background:var(--teletext-yellow);color:var(--bg-black);padding:20px;font-family:var(--font-pixel);font-size:20px;margin-bottom:32px;animation:pulse .5s ease infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.8}}.shell-picker{margin:40px 0;padding-top:40px;border-top:4px solid #333}.shell-picker__label{font-size:18px;color:var(--teletext-cyan);margin-bottom:20px}.shell-picker__options{display:flex;gap:12px;justify-content:center}.shell-option{width:48px;height:48px;border:4px solid #333;cursor:pointer;transition:all .15s}.shell-option:hover{transform:scale(1.2);border-color:var(--teletext-white)}.shell-option.selected{border-color:var(--teletext-yellow);box-shadow:0 0 20px #ffff0080}.shell-option.shell-slate{background:#4a5568}.shell-option.shell-orange{background:#ed8936}.shell-option.shell-charcoal{background:#2d3748}.shell-option.shell-violet{background:#805ad5}.shell-option.shell-teal{background:#319795}.shell-option.shell-blue{background:#4299e1}.shell-option.shell-rose{background:#ed64a6}.shell-option.shell-amber{background:#d69e2e}.shell-option.shell-stone{background:#718096}.synthesis__final-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.btn--large{padding:20px 40px}.btn--secondary{background:#333;color:var(--teletext-white)}.btn--secondary:hover{background:#555}.cartridge{width:220px;margin:0 auto 24px}.cartridge__top{height:20px;background:linear-gradient(180deg,#3d4756,#2d3748);display:flex;justify-content:center;align-items:flex-end;gap:6px;padding-bottom:0;border:3px solid #1a1f28;border-bottom:none;border-radius:4px 4px 0 0}.cartridge__notch{width:8px;height:14px;background:#0a0a0a;border:2px solid #1a1f28;border-bottom:none}.cartridge__body{background:#4a5568;padding:20px;position:relative;border:3px solid #1a1f28;border-top:none;border-bottom:none}.cartridge__body.shell-slate{background:linear-gradient(180deg,#5a6578,#4a5568,#3d4756)}.cartridge__body.shell-orange{background:linear-gradient(180deg,#f6a04d,#ed8936,#dd7520)}.cartridge__body.shell-charcoal{background:linear-gradient(180deg,#3d4756,#2d3748,#1f2733)}.cartridge__body.shell-violet{background:linear-gradient(180deg,#9567e0,#805ad5,#6b46c1)}.cartridge__body.shell-teal{background:linear-gradient(180deg,#3db0ab,#319795,#28807e)}.cartridge__body.shell-blue{background:linear-gradient(180deg,#5aabe8,#4299e1,#3182ce)}.cartridge__body.shell-rose{background:linear-gradient(180deg,#f178b6,#ed64a6,#d53f8c)}.cartridge__body.shell-amber{background:linear-gradient(180deg,#e8b43d,#d69e2e,#b7892b)}.cartridge__body.shell-stone{background:linear-gradient(180deg,#8494a7,#718096,#5f6d7e)}.cartridge__body.shell-midnight{background:linear-gradient(180deg,#2e3b4e,#1e293b,#0f172a)}.cartridge__body.shell-emerald{background:linear-gradient(180deg,#34d399,#10b981,#059669)}.cartridge__body.shell-crimson{background:linear-gradient(180deg,#ef4444,#dc2626,#b91c1c)}.cartridge__top.shell-slate{background:linear-gradient(180deg,#4a5568,#3d4756)}.cartridge__top.shell-orange{background:linear-gradient(180deg,#ed8936,#dd7520)}.cartridge__top.shell-charcoal{background:linear-gradient(180deg,#2d3748,#1f2733)}.cartridge__top.shell-violet{background:linear-gradient(180deg,#805ad5,#6b46c1)}.cartridge__top.shell-teal{background:linear-gradient(180deg,#319795,#28807e)}.cartridge__top.shell-blue{background:linear-gradient(180deg,#4299e1,#3182ce)}.cartridge__top.shell-rose{background:linear-gradient(180deg,#ed64a6,#d53f8c)}.cartridge__top.shell-amber{background:linear-gradient(180deg,#d69e2e,#b7892b)}.cartridge__top.shell-stone{background:linear-gradient(180deg,#718096,#5f6d7e)}.cartridge__top.shell-midnight{background:linear-gradient(180deg,#1e293b,#0f172a)}.cartridge__top.shell-emerald{background:linear-gradient(180deg,#10b981,#059669)}.cartridge__top.shell-crimson{background:linear-gradient(180deg,#dc2626,#b91c1c)}.cartridge__bottom.shell-slate{background:linear-gradient(180deg,#3d4756,#2d3748)}.cartridge__bottom.shell-orange{background:linear-gradient(180deg,#dd7520,#c96618)}.cartridge__bottom.shell-charcoal{background:linear-gradient(180deg,#1f2733,#151a22)}.cartridge__bottom.shell-violet{background:linear-gradient(180deg,#6b46c1,#5a3aa8)}.cartridge__bottom.shell-teal{background:linear-gradient(180deg,#28807e,#206a68)}.cartridge__bottom.shell-blue{background:linear-gradient(180deg,#3182ce,#2769aa)}.cartridge__bottom.shell-rose{background:linear-gradient(180deg,#d53f8c,#b83579)}.cartridge__bottom.shell-amber{background:linear-gradient(180deg,#b7892b,#9a7324)}.cartridge__bottom.shell-stone{background:linear-gradient(180deg,#5f6d7e,#4e5a68)}.cartridge__bottom.shell-midnight{background:linear-gradient(180deg,#0f172a,#030712)}.cartridge__bottom.shell-emerald{background:linear-gradient(180deg,#059669,#047857)}.cartridge__bottom.shell-crimson{background:linear-gradient(180deg,#b91c1c,#991b1b)}.cartridge__label{background:#0a0a0a;border:3px solid #333;padding:16px;text-align:left;position:relative}.cartridge__label:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--teletext-cyan) 0%,var(--teletext-cyan) 33%,var(--teletext-magenta) 33%,var(--teletext-magenta) 66%,var(--teletext-yellow) 66%,var(--teletext-yellow) 100%)}.cartridge__code{font-family:var(--font-pixel);font-size:8px;color:#555;letter-spacing:2px;margin-bottom:8px;margin-top:8px}.cartridge__name{font-family:var(--font-pixel);font-size:14px;color:var(--teletext-white);margin-bottom:6px;letter-spacing:1px;text-transform:uppercase}.cartridge__industry{font-family:var(--font-terminal);font-size:11px;color:var(--teletext-cyan);text-transform:uppercase;letter-spacing:1px}.cartridge__colors{display:flex;gap:4px;margin-top:12px;padding-top:12px;border-top:2px solid #222}.cartridge__color{width:20px;height:20px;border:2px solid #333}.cartridge__led{position:absolute;top:20px;right:20px;width:14px;height:14px;border-radius:50%;background:#1a1a1a;border:2px solid #333}.cartridge__led.active{background:var(--teletext-green);border-color:var(--teletext-green);box-shadow:0 0 12px var(--teletext-green),0 0 24px var(--teletext-green);animation:ledBlink 1.5s ease infinite}@keyframes ledBlink{0%,to{opacity:1;box-shadow:0 0 12px var(--teletext-green),0 0 24px var(--teletext-green)}50%{opacity:.7;box-shadow:0 0 6px var(--teletext-green)}}.cartridge__bottom{height:28px;background:linear-gradient(180deg,#2d3748,#1f2733);display:flex;justify-content:center;align-items:flex-start;gap:6px;padding:0 20px;border:3px solid #1a1f28;border-top:none;border-radius:0 0 4px 4px}.cartridge__pin{width:10px;height:18px;background:linear-gradient(180deg,#a0aec0,#718096,#4a5568);border:1px solid #2d3748}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#111;border:2px solid #222}::-webkit-scrollbar-thumb{background:var(--teletext-cyan);border:2px solid #111}::-webkit-scrollbar-thumb:hover{background:var(--teletext-yellow)}::-webkit-scrollbar-corner{background:#111}.vhs-bars{display:flex;height:8px;width:100%}.vhs-bars--large{height:12px}.vhs-bar{flex:1}.control-panel{position:fixed;inset:0;background:var(--bg-blue);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.control-panel:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:10000}.control-panel:after{content:"";position:fixed;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,255,255,.03) 50%,transparent 51%,transparent 100%);background-size:100% 8px;animation:vhsTracking .1s infinite;pointer-events:none;z-index:10001}.control-panel__container{background:var(--bg-black);border:6px solid var(--teletext-white);width:100%;max-width:1300px;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 0 60px #ffffff1a}.control-panel__header{background:var(--teletext-cyan);color:var(--bg-black);padding:0;display:flex;flex-direction:column}.control-panel__header-main{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.control-panel__title{font-family:var(--font-pixel);font-size:14px;display:flex;align-items:center;gap:12px}.control-panel__title:before{content:"◉";color:var(--teletext-red);animation:blink 1s infinite}.control-panel__brand-name{background:var(--bg-black);color:var(--teletext-yellow);padding:4px 12px;font-family:var(--font-pixel);font-size:10px}.control-panel__actions{display:flex}.control-panel__actions .btn{border:none;border-left:4px solid rgba(0,0,0,.3)}.control-panel__body{display:flex;flex:1;overflow:hidden}.control-panel__left{width:280px;background:#050508;border-right:4px solid #222;padding:0;overflow-y:auto;display:flex;flex-direction:column}.cp-section{padding:20px;border-bottom:3px solid #1a1a1a}.cp-section:last-child{border-bottom:none;margin-top:auto}.cp-section__header{background:var(--teletext-green);color:var(--bg-black);padding:8px 12px;font-family:var(--font-pixel);font-size:9px;margin:-20px -20px 16px;display:flex;align-items:center;gap:8px}.cp-section__header:before{content:"►"}.cp-cartridge-display{background:#0a0a0a;border:3px solid #222;padding:20px 12px 16px;display:flex;flex-direction:column;align-items:center}.cp-cartridge-display .cartridge{margin-bottom:0;width:160px}.cp-cartridge-display .cartridge__top{height:16px}.cp-cartridge-display .cartridge__notch{width:6px;height:10px}.cp-cartridge-display .cartridge__body{padding:14px}.cp-cartridge-display .cartridge__label{padding:12px}.cp-cartridge-display .cartridge__code{font-size:7px;margin-top:6px;margin-bottom:6px}.cp-cartridge-display .cartridge__name{font-size:11px}.cp-cartridge-display .cartridge__industry{font-size:9px}.cp-cartridge-display .cartridge__colors{margin-top:10px;padding-top:10px}.cp-cartridge-display .cartridge__color{width:16px;height:16px}.cp-cartridge-display .cartridge__led{width:10px;height:10px;top:14px;right:14px}.cp-cartridge-display .cartridge__bottom{height:22px}.cp-cartridge-display .cartridge__pin{width:8px;height:14px}.cp-shell-picker{width:100%;margin-top:16px;padding-top:16px;border-top:2px solid #222}.cp-shell-picker__label{font-family:var(--font-pixel);font-size:9px;color:#555;letter-spacing:2px;margin-bottom:12px}.cp-shell-picker__options{display:flex;gap:6px;flex-wrap:wrap}.cp-shell-picker__options .cp-shell-option{width:28px;height:28px}.cp-shell-option{width:44px;height:44px;border:3px solid #333;cursor:pointer;transition:all .15s}.cp-shell-option:hover{border-color:var(--teletext-white)}.cp-shell-option.selected{border-color:var(--teletext-yellow)}.cp-shell-option.shell-slate{background:#4a5568}.cp-shell-option.shell-orange{background:#ed8936}.cp-shell-option.shell-charcoal{background:#2d3748}.cp-shell-option.shell-violet{background:#805ad5}.cp-shell-option.shell-teal{background:#319795}.cp-shell-option.shell-blue{background:#4299e1}.cp-shell-option.shell-rose{background:#ed64a6}.cp-shell-option.shell-amber{background:#d69e2e}.cp-shell-option.shell-stone{background:#718096}.cp-shell-option.shell-midnight{background:#1e293b}.cp-shell-option.shell-emerald{background:#10b981}.cp-shell-option.shell-crimson{background:#dc2626}.cp-status-inline{width:100%;margin-top:16px;padding-top:16px;border-top:2px solid #222}.cp-status-inline__header{font-family:var(--font-pixel);font-size:9px;color:#555;letter-spacing:2px;margin-bottom:12px}.cp-status-inline__grid{display:flex;flex-direction:column;gap:10px}.cp-status-inline__item{display:flex;align-items:center;gap:10px;font-size:13px;color:#666}.cp-status-inline__item .cp-status__dot{width:10px;height:10px}.cp-status-inline__item.active{color:var(--teletext-white)}.cp-status{background:#050508;border:2px solid #1a1a1a}.cp-status__row{display:flex;align-items:center;gap:14px;font-size:14px;padding:12px 14px;border-bottom:1px solid #111}.cp-status__row:last-child{border-bottom:none}.cp-status__dot{width:12px;height:12px;background:#222;flex-shrink:0}.cp-status__dot.active{background:var(--teletext-green);box-shadow:0 0 12px var(--teletext-green)}.cp-status__label{flex:1;color:#666}.cp-status__dot.active+.cp-status__label{color:var(--teletext-white)}.cp-quick-actions{display:flex;flex-direction:column;gap:8px}.cp-quick-btn{background:#0a0a0a;border:2px solid #222;color:var(--teletext-cyan);padding:12px 16px;font-family:var(--font-pixel);font-size:9px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px}.cp-quick-btn:hover{background:#111;border-color:var(--teletext-cyan)}.cp-quick-btn__icon{font-size:16px}.cp-danger{background:#ff000008;padding:20px}.cp-danger__btn{width:100%;background:transparent;border:3px solid var(--teletext-red);color:var(--teletext-red);padding:14px;font-size:10px;cursor:pointer;font-family:var(--font-pixel);transition:all .15s}.cp-danger__btn:hover{background:var(--teletext-red);color:var(--bg-black)}.product-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:32px}.product-modal__container{background:var(--bg-black);border:6px solid var(--teletext-yellow);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 0 80px #ffff0026}.product-modal__header{background:var(--teletext-yellow);color:var(--bg-black);padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.product-modal__title{font-family:var(--font-pixel);font-size:12px;display:flex;align-items:center;gap:10px}.product-modal__close{background:var(--bg-black);border:none;color:var(--teletext-yellow);width:32px;height:32px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.product-modal__close:hover{background:var(--teletext-red);color:var(--bg-black)}.product-modal__body{padding:24px}.product-modal__section{margin-bottom:24px}.product-modal__section:last-child{margin-bottom:0}.product-modal__label{background:var(--teletext-cyan);color:var(--bg-black);padding:6px 12px;font-family:var(--font-pixel);font-size:9px;margin-bottom:10px;display:inline-block}.product-modal__input{width:100%;background:#0a0a0a;border:3px solid #222;padding:14px 16px;font-family:var(--font-terminal);font-size:22px;color:var(--teletext-yellow)}.product-modal__input:focus{outline:none;border-color:var(--teletext-yellow)}.product-modal__input::placeholder{color:#333}.product-modal__input--desc{font-size:18px;color:var(--teletext-cyan)}textarea.product-modal__input--desc{min-height:120px;resize:vertical;line-height:1.5;font-family:var(--font-terminal)}.product-modal__hint{font-size:13px;color:#444;margin-top:8px}.product-modal__image-section{margin-bottom:24px}.product-modal__image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-image-slot{aspect-ratio:1;background:#0a0a0a;border:3px solid #222;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.product-image-slot:hover{border-color:var(--teletext-cyan)}.product-image-slot--filled img{width:100%;height:100%;object-fit:cover}.product-image-slot--add{border-style:dashed;flex-direction:column;gap:8px;color:#333}.product-image-slot--add:hover{border-color:var(--teletext-green);color:var(--teletext-green)}.product-image-slot__icon{font-size:28px}.product-image-slot__text{font-size:11px;font-family:var(--font-pixel)}.product-image-slot__remove{position:absolute;top:4px;right:4px;background:var(--teletext-red);border:none;color:#fff;width:24px;height:24px;font-size:14px;cursor:pointer;display:none}.product-image-slot--filled:hover .product-image-slot__remove{display:flex;align-items:center;justify-content:center}.product-image-slot__primary{position:absolute;bottom:4px;left:4px;background:var(--teletext-green);color:var(--bg-black);padding:2px 6px;font-size:9px;font-family:var(--font-pixel)}.product-modal__footer{background:#0a0a0a;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-top:3px solid #1a1a1a}.product-modal__delete{background:transparent;border:2px solid var(--teletext-red);color:var(--teletext-red);padding:12px 20px;font-family:var(--font-pixel);font-size:9px;cursor:pointer}.product-modal__delete:hover{background:var(--teletext-red);color:var(--bg-black)}.product-modal__actions{display:flex;gap:12px}.product-modal__cancel{background:#111;border:none;color:#666;padding:14px 24px;font-family:var(--font-pixel);font-size:10px;cursor:pointer}.product-modal__cancel:hover{background:#222;color:var(--teletext-white)}.product-modal__save{background:var(--teletext-green);border:none;color:var(--bg-black);padding:14px 32px;font-family:var(--font-pixel);font-size:10px;cursor:pointer}.product-modal__save:hover{background:var(--teletext-yellow)}.color-picker-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:3000;padding:32px}.color-picker__container{background:var(--bg-black);border:6px solid var(--teletext-cyan);width:100%;max-width:480px;box-shadow:0 0 80px #00ffff26}.color-picker__header{background:var(--teletext-cyan);color:var(--bg-black);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-pixel);font-size:11px}.color-picker__close{background:var(--bg-black);border:none;color:var(--teletext-cyan);width:28px;height:28px;font-size:16px;cursor:pointer}.color-picker__close:hover{background:var(--teletext-red);color:var(--bg-black)}.color-picker__body{padding:24px}.color-picker__preview{height:80px;margin-bottom:20px;border:4px solid #222;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:14px}.color-picker__input-row{display:flex;gap:12px;margin-bottom:20px}.color-picker__native{width:80px;height:60px;padding:0;border:4px solid #333;cursor:pointer;background:transparent}.color-picker__native::-webkit-color-swatch-wrapper{padding:0}.color-picker__native::-webkit-color-swatch{border:none}.color-picker__hex-input{flex:1;background:#0a0a0a;border:3px solid #222;padding:12px 16px;font-family:var(--font-terminal);font-size:24px;color:var(--teletext-yellow);text-transform:uppercase}.color-picker__hex-input:focus{outline:none;border-color:var(--teletext-cyan)}.color-picker__presets-label{background:var(--teletext-magenta);color:var(--bg-black);padding:6px 12px;font-family:var(--font-pixel);font-size:9px;margin-bottom:12px;display:inline-block}.color-picker__presets{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:20px}.color-picker__preset{aspect-ratio:1;border:3px solid #222;cursor:pointer;transition:all .1s}.color-picker__preset:hover{border-color:var(--teletext-white);transform:scale(1.15)}.color-picker__footer{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:2px solid #1a1a1a}.color-picker__cancel{background:#111;border:none;color:#666;padding:12px 24px;font-family:var(--font-pixel);font-size:10px;cursor:pointer}.color-picker__cancel:hover{background:#222;color:var(--teletext-white)}.color-picker__save{background:var(--teletext-green);border:none;color:var(--bg-black);padding:12px 28px;font-family:var(--font-pixel);font-size:10px;cursor:pointer}.color-picker__save:hover{background:var(--teletext-yellow)}.color-picker__delete{background:transparent;border:2px solid var(--teletext-red);color:var(--teletext-red);padding:12px 20px;font-family:var(--font-pixel);font-size:10px;cursor:pointer;margin-right:auto}.color-picker__delete:hover{background:var(--teletext-red);color:var(--bg-black)}.control-panel__right{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#030306}.cp-tabs{display:flex;background:#111;border-bottom:4px solid var(--teletext-cyan);padding:0}.cp-tab{padding:14px 24px;background:#111;border:none;border-right:2px solid #222;color:var(--teletext-cyan);font-family:var(--font-pixel);font-size:10px;cursor:pointer;position:relative;transition:all .15s}.cp-tab:last-child{border-right:none}.cp-tab:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:transparent}.cp-tab:hover{color:var(--teletext-yellow);background:#1a1a1a}.cp-tab.active{color:var(--bg-black);background:var(--teletext-cyan)}.cp-tab.active:after{background:var(--teletext-cyan)}.cp-tab--star:before{content:"★ ";color:var(--teletext-yellow)}.cp-tab.active.cp-tab--star:before{color:var(--bg-black)}.cp-module{flex:1;overflow-y:auto;padding:24px;background:#030306}.cp-module-section{margin-bottom:32px}.cp-module-section__title{background:var(--teletext-magenta);color:var(--teletext-white);padding:10px 16px;font-family:var(--font-pixel);font-size:10px;margin-bottom:16px;display:inline-block}.cp-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.products-header__title{font-family:var(--font-pixel);font-size:12px;color:var(--teletext-yellow)}.products-header__count{font-size:14px;color:#555}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.product-card{background:#0a0a0a;border:3px solid #222;cursor:pointer;transition:all .15s}.product-card:hover{border-color:var(--teletext-cyan)}.product-card__image{height:140px;background:#111;display:flex;align-items:center;justify-content:center;color:#333;font-size:32px;border-bottom:2px solid #222;position:relative;overflow:hidden}.product-card__image img{width:100%;height:100%;object-fit:cover}.product-card__image-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#333}.product-card__image-placeholder span{font-size:12px}.product-card__body{padding:16px}.product-card__name{font-family:var(--font-pixel);font-size:11px;color:var(--teletext-yellow);margin-bottom:6px}.product-card__desc{font-size:14px;color:#666;line-height:1.4}.product-card--add{border-style:dashed;border-color:#333;min-height:220px;display:flex;align-items:center;justify-content:center}.product-card--add:hover{border-color:var(--teletext-green);background:#00ff0008}.product-card--add__content{text-align:center;color:#444}.product-card--add__icon{font-size:40px;margin-bottom:12px;color:#333}.product-card--add:hover .product-card--add__icon{color:var(--teletext-green)}.product-card--add__text{font-family:var(--font-pixel);font-size:10px}.product-card--add:hover .product-card--add__text{color:var(--teletext-green)}.cp-purpose-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cp-purpose-option{background:#0a0a0a;border:3px solid #1a1a1a;padding:18px;text-align:center;cursor:pointer;transition:all .15s}.cp-purpose-option:hover{border-color:var(--teletext-cyan);background:#111}.cp-purpose-option.selected{background:var(--teletext-green);border-color:var(--teletext-green)}.cp-purpose-option__icon{font-size:32px;margin-bottom:10px}.cp-purpose-option__label{font-family:var(--font-pixel);font-size:9px;color:var(--teletext-white)}.cp-purpose-option.selected .cp-purpose-option__label{color:var(--bg-black)}.cp-slider{margin-bottom:20px;background:#0a0a0a;border:3px solid #1a1a1a;padding:20px}.cp-slider__category{font-family:var(--font-pixel);font-size:10px;color:var(--teletext-cyan);letter-spacing:3px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #222}.cp-slider__labels{display:flex;justify-content:space-between;font-size:15px;color:var(--teletext-white);margin-bottom:14px;gap:24px}.cp-slider__labels span{flex:1;font-style:italic}.cp-slider__labels span:last-child{text-align:right}.cp-slider__track{height:16px;background:#1a1a1a;position:relative;cursor:pointer;border:2px solid #333}.cp-slider__fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--teletext-cyan),var(--teletext-yellow))}.cp-slider__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:var(--teletext-yellow);cursor:grab;border:3px solid var(--bg-black)}.cp-voice-preview{background:#0a0a0a;border:3px solid #1a1a1a;padding:20px}.cp-voice-preview__label{font-size:13px;color:#555;margin-bottom:12px;font-family:var(--font-pixel);font-size:9px}.cp-voice-preview__content{font-style:italic;font-size:18px;line-height:1.8;color:var(--teletext-cyan)}.cp-colors{display:flex;gap:12px;flex-wrap:wrap}.cp-color{width:60px;height:60px;border:4px solid #222;cursor:pointer;transition:all .15s}.cp-color:hover{border-color:var(--teletext-white);transform:scale(1.1)}.cp-color--add{background:#0a0a0a;border-style:dashed;display:flex;align-items:center;justify-content:center;color:#333;font-size:28px}.cp-color--add:hover{border-color:var(--teletext-green);color:var(--teletext-green)}.cp-shell-options{display:flex;gap:10px;flex-wrap:wrap}.cp-dropzone{border:3px dashed #222;padding:36px;text-align:center;color:#444;cursor:pointer;margin-bottom:16px;font-family:var(--font-pixel);font-size:10px;transition:all .15s}.cp-dropzone:hover{border-color:var(--teletext-green);color:var(--teletext-green);background:#00ff0008}.cp-assets{display:flex;gap:12px;flex-wrap:wrap}.cp-asset{width:72px;height:72px;background:#0a0a0a;border:2px solid #222;display:flex;align-items:center;justify-content:center;font-size:12px;color:#444;position:relative}.cp-asset__remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:var(--teletext-red);border:none;color:#fff;cursor:pointer;display:none;font-size:14px}.cp-asset:hover .cp-asset__remove{display:flex;align-items:center;justify-content:center}.cp-dna-status{display:flex;align-items:center;justify-content:space-between;background:#0a0a0a;border:3px solid #1a1a1a;padding:16px 20px;margin-bottom:28px}.cp-dna-status__indicators{display:flex;gap:28px}.cp-dna-status__item{display:flex;align-items:center;gap:10px;font-size:14px}.cp-dna-status__dot{width:12px;height:12px;background:var(--teletext-green);box-shadow:0 0 10px var(--teletext-green)}.cp-dna-textarea{width:100%;min-height:120px;background:#0a0a0a;border:3px solid #1a1a1a;padding:16px;font-family:var(--font-terminal);font-size:18px;color:var(--teletext-cyan);resize:vertical;line-height:1.6}.cp-dna-textarea:focus{outline:none;border-color:var(--teletext-yellow)}.cp-dna-hint{font-size:13px;color:#444;margin-top:10px}.cp-dna-info{background:#0a0a0a;border:3px solid #1a1a1a;padding:20px;font-size:16px;color:var(--teletext-cyan);line-height:1.8}.cp-dna-info strong{color:var(--teletext-yellow)}.genesis-intro{position:fixed;inset:0;background:#000;z-index:5000;display:flex;align-items:center;justify-content:center;overflow:hidden}.genesis-intro.hidden{display:none}#genesis-screen{display:flex;flex-direction:column;height:100%}#genesis-screen.hidden{display:none}.intro-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;opacity:0;visibility:hidden}.intro-screen.active{opacity:1;visibility:visible}.boot-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:700px}.intro-vhs-bars{display:flex;width:100%;height:60px;margin-bottom:48px;opacity:0;animation:barsReveal .8s ease-out .2s forwards}.intro-vhs-bars__bar{flex:1;transform:scaleY(0);transform-origin:bottom}.intro-vhs-bars__bar:nth-child(1){background:#fff;animation:barGrow .2s ease-out .1s forwards}.intro-vhs-bars__bar:nth-child(2){background:#ff0;animation:barGrow .2s ease-out .15s forwards}.intro-vhs-bars__bar:nth-child(3){background:#0ff;animation:barGrow .2s ease-out .2s forwards}.intro-vhs-bars__bar:nth-child(4){background:#0f0;animation:barGrow .2s ease-out .25s forwards}.intro-vhs-bars__bar:nth-child(5){background:#f0f;animation:barGrow .2s ease-out .3s forwards}.intro-vhs-bars__bar:nth-child(6){background:red;animation:barGrow .2s ease-out .35s forwards}.intro-vhs-bars__bar:nth-child(7){background:#00f;animation:barGrow .2s ease-out .4s forwards}.intro-vhs-bars__bar:nth-child(8){background:#000;border:1px solid #333;animation:barGrow .2s ease-out .45s forwards}@keyframes barsReveal{to{opacity:1}}@keyframes barGrow{to{transform:scaleY(1)}}.intro-system-title{font-family:var(--font-pixel);font-size:11px;color:var(--teletext-cyan);letter-spacing:6px;margin-bottom:24px;opacity:0;animation:fadeUp .4s ease-out .5s forwards}.intro-logo-text{font-family:var(--font-pixel);font-size:48px;color:var(--teletext-white);text-align:center;margin-bottom:16px;opacity:0;animation:fadeUp .5s ease-out .7s forwards}.intro-logo-sub{font-family:var(--font-terminal);font-size:18px;color:#444;margin-bottom:48px;opacity:0;animation:fadeUp .4s ease-out .9s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-loading-bar{width:100%;max-width:400px;height:8px;background:#111;border:2px solid #222;overflow:hidden;opacity:0;animation:fadeUp .3s ease-out 1.1s forwards}.intro-loading-bar__fill{height:100%;width:0%;background:var(--teletext-cyan);animation:loadFill 1s ease-out 1.2s forwards}@keyframes loadFill{to{width:100%}}.intro-loading-text{font-family:var(--font-pixel);font-size:9px;color:#555;margin-top:16px;letter-spacing:2px;opacity:0;animation:fadeUp .3s ease-out 1.2s forwards}.name-stage{text-align:center;max-width:900px;width:100%}.name-stage__pre{font-family:var(--font-pixel);font-size:10px;color:var(--teletext-magenta);letter-spacing:6px;margin-bottom:32px;opacity:0;animation:fadeUp .5s ease-out .1s forwards}.name-stage__title{font-family:var(--font-pixel);font-size:36px;color:var(--teletext-white);line-height:1.4;margin-bottom:24px;opacity:0;animation:fadeUp .5s ease-out .2s forwards}.name-stage__title span{color:var(--teletext-yellow)}.name-stage__subtitle{font-family:var(--font-terminal);font-size:22px;color:#666;margin-bottom:60px;opacity:0;animation:fadeUp .5s ease-out .3s forwards}.name-input-container{position:relative;max-width:600px;margin:0 auto;opacity:0;animation:fadeUp .5s ease-out .4s forwards}.name-input{width:100%;background:#0a0a0a;border:4px solid var(--teletext-cyan);padding:24px;font-family:var(--font-terminal);font-size:36px;color:var(--teletext-cyan);text-align:center;text-transform:uppercase;letter-spacing:6px;outline:none}.name-input::placeholder{color:#333;text-transform:uppercase;letter-spacing:4px}.name-input:focus{border-color:var(--teletext-yellow);color:var(--teletext-yellow)}.name-input-hint{margin-top:20px;font-family:var(--font-pixel);font-size:10px;color:#444;letter-spacing:2px}.name-input-hint kbd{background:var(--teletext-cyan);color:#000;padding:6px 16px;margin:0 6px}.category-stage{text-align:center;max-width:900px;width:100%}.category-stage__pre{font-family:var(--font-pixel);font-size:10px;color:var(--teletext-cyan);letter-spacing:6px;margin-bottom:32px;opacity:0;animation:fadeUp .5s ease-out .1s forwards}.category-stage__title{font-family:var(--font-pixel);font-size:32px;color:var(--teletext-white);margin-bottom:24px;opacity:0;animation:fadeUp .5s ease-out .2s forwards}.category-stage__title span{color:var(--teletext-magenta)}.category-stage__subtitle{font-family:var(--font-terminal);font-size:20px;color:#555;margin-bottom:48px;opacity:0;animation:fadeUp .5s ease-out .3s forwards}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;opacity:0;animation:fadeUp .5s ease-out .4s forwards}.category-card{background:#0a0a0a;border:4px solid #1a1a1a;padding:28px 16px;cursor:pointer;transition:all .15s}.category-card:hover{border-color:var(--teletext-cyan);background:#111}.category-card.selected{border-color:var(--teletext-yellow);background:#111}.category-card__icon{font-size:40px;margin-bottom:12px;display:flex;justify-content:center;align-items:center;height:48px}.category-icon-img,.industry-icon-img{width:52px;height:52px;filter:invert(1);image-rendering:pixelated;image-rendering:crisp-edges;transition:filter .15s}.category-card:hover .category-icon-img{filter:invert(1) sepia(1) saturate(5) hue-rotate(150deg)}.category-card.selected .category-icon-img{filter:invert(1) sepia(1) saturate(5) hue-rotate(20deg) brightness(1.2)}.category-card__name{font-family:var(--font-pixel);font-size:9px;color:var(--teletext-cyan);letter-spacing:1px}.category-card.selected .category-card__name{color:var(--teletext-yellow)}.launch-stage{text-align:center}.launch-icon{font-size:80px;margin-bottom:32px;animation:launchPulse .6s ease-in-out infinite;display:flex;justify-content:center;align-items:center}.launch-icon img{width:80px;height:80px;filter:invert(1);image-rendering:pixelated;image-rendering:crisp-edges}@keyframes launchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.launch-brand-name{font-family:var(--font-pixel);font-size:48px;color:var(--teletext-yellow);text-transform:uppercase;letter-spacing:8px;margin-bottom:16px}.launch-category{font-family:var(--font-terminal);font-size:18px;color:var(--teletext-cyan);margin-bottom:40px}.launch-status{font-family:var(--font-pixel);font-size:10px;color:#555;letter-spacing:4px;margin-bottom:16px}.launch-bar{width:300px;height:8px;background:#111;margin:0 auto;overflow:hidden}.launch-bar__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--teletext-cyan),var(--teletext-yellow));animation:launchFill 1.8s ease-out forwards}@keyframes launchFill{to{width:100%}}.intro-skip{position:absolute;bottom:32px;right:32px;background:transparent;border:2px solid #222;color:#333;padding:10px 20px;font-family:var(--font-pixel);font-size:9px;cursor:pointer;z-index:30;transition:all .2s;letter-spacing:2px}.intro-skip:hover{border-color:var(--teletext-cyan);color:var(--teletext-cyan)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}@media(max-width:1024px){.signal-layout{grid-template-columns:1fr}.signal-preview{display:none}.purpose-grid,.role-grid{grid-template-columns:repeat(2,1fr)}.color-studio{grid-template-columns:1fr}.palette-browser{max-height:300px}.category-grid{grid-template-columns:repeat(2,1fr)}.name-stage__title,.name-input{font-size:28px}}@media(max-width:768px){.purpose-grid,.role-grid,.rules-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}.stage-header__title{font-size:20px}.preview-cards{grid-template-columns:1fr}.preview-contrast{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-card{padding:20px 12px}.category-card__icon{font-size:32px}.name-stage__title{font-size:22px}.name-stage__subtitle{font-size:18px}.name-input{font-size:24px;letter-spacing:4px;padding:16px}.category-stage__title{font-size:22px}.category-stage__subtitle{font-size:16px}.intro-logo-text{font-size:32px}.launch-brand-name{font-size:32px;letter-spacing:4px}.intro-vhs-bars{height:40px}.cartridge{width:180px}.cartridge__name{font-size:12px}.cartridge__body{padding:16px}.cartridge__label{padding:12px}}.resynth-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center}.resynth-overlay.hidden{display:none}.resynth-content{text-align:center;max-width:500px;padding:40px}.resynth-icon{font-size:64px;margin-bottom:24px;animation:resynthPulse .6s ease-in-out infinite}@keyframes resynthPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.resynth-title{font-family:var(--font-pixel);font-size:24px;color:var(--teletext-yellow);letter-spacing:4px;margin-bottom:16px}.resynth-status{font-family:var(--font-terminal);font-size:16px;color:var(--teletext-cyan);margin-bottom:32px}.resynth-bar{width:100%;height:8px;background:#111;border:2px solid #333;margin-bottom:32px;overflow:hidden}.resynth-bar__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--teletext-cyan),var(--teletext-yellow));transition:width .3s ease-out}.resynth-steps{text-align:left}.resynth-step{font-family:var(--font-terminal);font-size:14px;color:#333;padding:8px 0;transition:color .3s}.resynth-step.active{color:var(--teletext-cyan)}.resynth-step.done{color:var(--teletext-green)}@media(max-width:900px){.control-panel__body{flex-direction:column;overflow-y:auto}.control-panel__left{width:100%;height:auto;border-right:none;border-bottom:4px solid #222;max-height:300px;flex-shrink:0;overflow-y:auto}.control-panel__right{overflow-y:visible;height:auto}.cp-cartridge-display .cartridge{width:100%;max-width:200px}.signal-layout{grid-template-columns:1fr}.signal-preview{order:-1;margin-bottom:24px}.industry-grid,.purpose-grid{grid-template-columns:repeat(2,1fr)}.slider{padding:20px 16px}.role-grid{grid-template-columns:repeat(2,1fr)}.colors-grid{grid-template-columns:repeat(3,1fr)}.genesis__bottombar{left:16px;right:16px;transform:none;flex-direction:column}.genesis__ministeps{border-right:none;border-bottom:4px solid #333;padding:12px}.genesis__nav{flex-direction:row}.genesis__nav .btn{flex:1;padding:16px}.stage-header__title,.stage-header__subtitle{font-size:18px}}@media(max-width:640px){.genesis__content{padding:16px 16px 180px}.industry-grid,.purpose-grid,.role-grid{grid-template-columns:1fr}.stage-header__title{font-size:14px}.cp-tabs{overflow-x:auto;white-space:nowrap}.cp-tab{padding:12px 16px;font-size:9px}.genesis-intro .form-input{font-size:20px!important;padding:12px 16px!important}}@media(max-width:480px){.genesis__topbar{padding:8px 12px;flex-wrap:wrap;gap:8px}.genesis__progress-block{width:24px;height:12px}.genesis__progress-block:after{font-size:8px}.genesis .form-input,.control-panel .form-input{font-size:20px!important;padding:12px 16px!important}.genesis .btn,.control-panel .btn{font-size:10px;padding:16px 20px}.synthesis__dna-text{font-size:12px}.slider__category{font-size:9px}.slider__labels{font-size:10px}}.genesis-briefing{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-blue);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden}.genesis-briefing.hidden{display:none}.briefing-box{text-align:center;padding:40px;max-width:720px}.briefing-typing{font-family:var(--font-pixel);font-size:28px;color:var(--teletext-yellow);letter-spacing:4px;line-height:1.5;min-height:50px;margin-bottom:48px}.briefing-typing .cursor{display:inline-block;width:18px;height:32px;background:var(--teletext-yellow);margin-left:4px;animation:cursorBlink .5s steps(1) infinite;vertical-align:middle}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.briefing-main{margin-bottom:56px}.briefing-main.hidden{display:none}.briefing-line{font-family:var(--font-terminal);font-size:26px;line-height:1.6;margin:0 0 20px;opacity:0;transform:translateY(10px);animation:briefingLineIn .5s ease-out forwards}.briefing-line[data-line="1"]{color:var(--teletext-cyan);animation-delay:.1s}.briefing-line[data-line="2"]{color:var(--teletext-green);animation-delay:.3s}.briefing-line:last-child{margin-bottom:0}@keyframes briefingLineIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.briefing-continue{background:var(--teletext-yellow);color:#000;border:none;padding:28px 56px;font-family:var(--font-pixel);font-size:14px;letter-spacing:3px;cursor:pointer;transition:all .1s;box-shadow:6px 6px #ffff004d;opacity:0;animation:briefingBtnIn .4s ease-out .5s forwards}.briefing-continue.hidden{display:none;animation:none;opacity:0}@keyframes briefingBtnIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.briefing-continue:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #ffff004d}.briefing-continue:active{transform:translate(3px,3px);box-shadow:3px 3px #ffff004d}.briefing-info{margin-top:48px;padding:28px 32px;background:#0000004d;border:1px solid rgba(255,255,255,.1);text-align:left;display:flex;align-items:flex-start;gap:16px;opacity:0;animation:briefingInfoIn .5s ease-out .8s forwards}.briefing-info.hidden{display:none;animation:none;opacity:0}.briefing-info__icon{font-size:24px;color:var(--teletext-cyan);flex-shrink:0;line-height:1.4}.briefing-info__text{font-family:var(--font-terminal);font-size:18px;color:#ffffffb3;line-height:1.7}@keyframes briefingInfoIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.briefing-box{padding:24px}.briefing-typing{font-size:20px;letter-spacing:2px}.briefing-line{font-size:20px}.briefing-continue{padding:22px 40px;font-size:12px}.briefing-info{padding:20px;gap:12px}.briefing-info__icon{font-size:20px}.briefing-info__text{font-size:15px}}.quick-launch-container{max-width:640px;width:100%}.quick-launch-body{padding:var(--space-lg);max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.quick-launch-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-top:3px solid var(--color-black);background:var(--color-gray-light)}.ql-hero{text-align:center;padding:var(--space-md) 0}.ql-hero-title{font-family:var(--font-pixel);font-size:14px;color:var(--color-black);margin:0 0 var(--space-xs) 0;text-transform:uppercase}.ql-hero-hint{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid);margin:0 0 var(--space-md) 0}.ql-hero-input{width:100%;padding:var(--space-md);border:3px solid var(--color-black);font-family:var(--font-mono);font-size:14px;background:var(--color-white);resize:none;text-align:center}.ql-hero-input:focus{outline:none;box-shadow:4px 4px 0 var(--color-black);background:var(--color-gray-light)}.ql-hero-input::placeholder{color:var(--color-gray-mid)}.ql-context-card{display:flex;flex-direction:column;gap:var(--space-sm)}.ql-context-brand,.ql-context-product{display:flex;flex-direction:column}.ql-brand-select-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-white);border:2px dashed var(--color-gray-mid);cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--color-gray-dark);text-align:left}.ql-brand-select-link:hover{border-color:var(--color-black);border-style:solid}.ql-brand-led-off{width:8px;height:8px;border-radius:50%;background:var(--color-gray-mid);flex-shrink:0}.ql-brand-arrow{margin-left:auto;font-size:14px}.ql-card{border:2px solid var(--color-black);background:var(--color-white)}.ql-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-md);border-bottom:2px solid var(--color-black)}.ql-card-title{font-family:var(--font-pixel);font-size:9px;color:var(--color-black);letter-spacing:.5px}.ql-card-hint{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-mid)}.ql-options-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-black);background:var(--color-white)}.ql-label{display:block;font-family:var(--font-pixel);font-size:9px;color:var(--color-black);margin-bottom:var(--space-xs);letter-spacing:.5px}.ql-options-row .ql-label{margin-bottom:0}.ql-brand-display{display:flex;flex-direction:column}.ql-brand-cartridge{display:flex;flex-direction:column;width:100%;background:var(--shell-color, #64748b);border:2px solid var(--color-black);border-radius:4px;overflow:hidden}.ql-brand-header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff1a}.ql-brand-led{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ql-brand-empty .ql-brand-led{background:#ffffff4d}.ql-brand-loaded .ql-brand-led{background:#0f0;box-shadow:0 0 6px #0f0}.ql-brand-name{font-family:var(--font-pixel);font-size:10px;color:var(--color-white);font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-brand-industry{font-family:var(--font-mono);font-size:9px;color:#fff9}.ql-brand-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 6px;gap:8px}.ql-brand-colors{display:flex;gap:3px}.ql-brand-swatch{width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.3)}.ql-brand-code{font-family:var(--font-pixel);font-size:8px;color:#ffffff80;flex:1}.ql-brand-cartridge .btn{font-family:var(--font-pixel);font-size:8px;padding:3px 10px;background:transparent;color:var(--color-black);border:2px solid var(--color-black);cursor:pointer;text-transform:uppercase}.ql-brand-cartridge .btn:hover{background:var(--color-black);color:var(--color-white)}.ql-brand-hint{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid);flex:1}.ql-brand-empty{background:var(--color-gray-light);border-style:dashed;border-color:var(--color-gray-mid)}.ql-brand-empty .ql-brand-header{background:transparent}.ql-brand-empty .ql-brand-name{color:var(--color-black);font-style:italic;font-weight:400}.ql-brand-empty .ql-brand-footer{background:var(--color-white);border-top:1px solid var(--color-gray-mid)}.ql-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.ql-input-group{margin-bottom:0}.quick-launch-body .form-input{width:100%;padding:var(--space-sm) var(--space-md);border:3px solid var(--color-black);font-family:var(--font-mono);font-size:14px;background:var(--color-white)}.quick-launch-body .form-input:focus{outline:none;box-shadow:3px 3px 0 var(--color-black);background:var(--color-gray-light)}.quick-launch-body .form-input::placeholder{color:var(--color-gray-mid)}.ql-formats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);padding:var(--space-md)}.ql-format-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);border:2px solid var(--color-gray-mid);background:var(--color-white);cursor:pointer;min-height:90px}.ql-format-card:hover{border-color:var(--color-black)}.ql-format-card.selected{border-color:var(--color-black);background:var(--color-white);box-shadow:3px 3px 0 var(--color-black)}.ql-format-check{display:none;position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--color-black);color:var(--color-white);font-family:var(--font-pixel);font-size:10px;line-height:18px;text-align:center}.ql-format-card.selected .ql-format-check{display:block}.ql-format-img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.ql-format-name{font-family:var(--font-pixel);font-size:8px;text-align:center;line-height:1.4;color:var(--color-black)}.ql-custom-format{display:flex;align-items:stretch;gap:var(--space-sm);padding:0 var(--space-md) var(--space-md)}.ql-custom-format .ql-format-card{min-width:80px;min-height:60px;flex-shrink:0}.ql-custom-format .ql-format-card .ql-format-check{top:4px;right:4px}.ql-custom-format .form-input{flex:1;height:auto;min-height:60px;font-size:12px}.ql-custom-format .form-input:disabled{background:var(--color-gray-light);color:var(--color-gray-mid)}@media(max-width:500px){.ql-formats-grid{grid-template-columns:repeat(2,1fr)}.ql-format-img{width:36px;height:36px}.ql-format-card{min-height:70px}}.ql-trigger-actions{display:flex;gap:var(--space-xs)}.ql-trigger-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-white);min-height:40px;align-items:center}.ql-trigger-placeholder{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid);font-style:italic}.ql-trigger-tag{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:var(--color-white);border:2px solid var(--color-black);border-left:4px solid var(--cat-color, var(--color-black))}.ql-trigger-code{font-family:var(--font-pixel);font-size:8px;color:var(--cat-color, var(--color-black));font-weight:700}.ql-trigger-name{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-dark);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-trigger-remove{background:transparent;border:none;font-family:var(--font-mono);font-size:14px;color:var(--color-gray-mid);cursor:pointer;padding:0 4px;line-height:1}.ql-trigger-remove:hover{color:var(--color-black)}.ql-browse-btn{width:calc(100% - var(--space-lg));margin:0 var(--space-md) var(--space-md)}.ql-credits-info{display:flex;align-items:baseline;gap:var(--space-xs)}.ql-credits-label{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-dark)}.ql-credits-value{font-family:var(--font-pixel);font-size:14px;color:var(--color-black)}.ql-credits-breakdown{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid)}.ql-footer-actions{display:flex;gap:var(--space-sm)}.ql-brand-picker-overlay{z-index:calc(var(--z-modal) + 10)}.ql-brand-picker-container{max-width:480px}.ql-brand-picker-body{max-height:60vh;overflow-y:auto;padding:var(--space-sm)}.ql-bp-list{display:flex;flex-direction:column;gap:var(--space-sm)}.ql-bp-group{display:flex;flex-direction:column}.ql-bp-item{display:flex;flex-direction:column;width:100%;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;text-align:left;padding:0}.ql-bp-item:hover{box-shadow:3px 3px 0 var(--color-black)}.ql-bp-item.active{box-shadow:3px 3px 0 var(--color-black);background:var(--color-gray-light)}.ql-bp-item-header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--shell-color, var(--color-gray-mid))}.ql-bp-led{width:8px;height:8px;border-radius:50%;background:#ffffff80;flex-shrink:0}.ql-bp-item.active .ql-bp-led{background:#0f0;box-shadow:0 0 6px #0f0}.ql-bp-name{font-family:var(--font-pixel);font-size:10px;color:var(--color-white);flex:1;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.ql-bp-meta{font-family:var(--font-mono);font-size:9px;color:#fffc}.ql-bp-item-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-white);border-top:1px solid var(--color-gray-mid)}.ql-bp-colors{display:flex;gap:4px}.ql-bp-swatch{width:12px;height:12px;border:1px solid rgba(0,0,0,.2)}.ql-bp-product-count{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-mid)}.ql-bp-products{display:flex;flex-direction:column;padding-left:var(--space-md);border-left:2px solid var(--shell-color, var(--color-gray-mid));margin-left:var(--space-sm);margin-bottom:var(--space-sm)}.ql-bp-product{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-xs) var(--space-sm);background:var(--color-gray-light);border:none;border-bottom:1px solid var(--color-gray-mid);cursor:pointer;text-align:left}.ql-bp-product:last-child{border-bottom:none}.ql-bp-product:hover{background:var(--color-white)}.ql-bp-product.active{background:var(--color-white);border-left:3px solid var(--color-black);padding-left:calc(var(--space-sm) - 3px)}.ql-bp-product-name{font-family:var(--font-pixel);font-size:9px;color:var(--color-black)}.ql-bp-product-desc{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-mid)}.ql-trigger-browser-overlay{z-index:calc(var(--z-modal) + 10)}.ql-trigger-browser-container{max-width:800px}.ql-trigger-browser-body{max-height:60vh;overflow-y:auto;padding:var(--space-sm)}.ql-tb-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--color-gray-light);border:2px solid var(--color-black);margin-bottom:var(--space-sm)}.ql-tb-selected{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-dark)}.ql-tb-selected #ql-tb-count{font-family:var(--font-pixel);font-size:12px;color:var(--color-black);margin-left:4px}.ql-tb-actions{display:flex;gap:var(--space-xs)}.ql-tb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xs)}.ql-tb-category{display:flex;flex-direction:column;gap:2px}.ql-tb-category-header{padding:4px 8px;background:var(--cat-color, var(--color-gray-mid));text-align:center}.ql-tb-category-code{font-family:var(--font-pixel);font-size:10px;color:var(--color-white);text-shadow:1px 1px 0 rgba(0,0,0,.3)}.ql-tb-triggers{display:flex;flex-direction:column;gap:2px}.ql-tb-trigger{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--color-white);border:2px solid var(--color-gray-mid);cursor:pointer;text-align:left}.ql-tb-trigger:hover{border-color:var(--color-black)}.ql-tb-trigger.selected{background:var(--color-black);border-color:var(--color-black)}.ql-tb-trigger.selected .ql-tb-trigger-code,.ql-tb-trigger.selected .ql-tb-trigger-name{color:var(--color-white)}.ql-tb-trigger-code{font-family:var(--font-pixel);font-size:8px;color:var(--color-black)}.ql-tb-trigger-name{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-dark);line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:768px){.quick-launch-body{padding:var(--space-sm);gap:var(--space-sm)}.ql-hero{padding:var(--space-sm) 0}.ql-hero-title{font-size:12px}.ql-hero-input{font-size:12px;padding:var(--space-sm)}.ql-formats-grid{grid-template-columns:repeat(2,1fr)}.quick-launch-footer{flex-direction:column;gap:var(--space-sm);align-items:stretch}.ql-footer-actions{justify-content:stretch}.ql-footer-actions .btn{flex:1}.ql-tb-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.ql-formats-grid,.ql-tb-grid{grid-template-columns:repeat(2,1fr)}.ql-trigger-actions{flex-wrap:wrap}}.manual-idea-container{max-width:520px;width:100%}.manual-idea-body{padding:var(--space-lg);max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.manual-idea-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:3px solid var(--color-black)}.mi-field{display:flex;flex-direction:column}.mi-field-half{flex:1}.mi-row{display:flex;gap:var(--space-md)}.mi-label{font-family:var(--font-pixel);font-size:9px;color:var(--color-black);margin-bottom:var(--space-xs);letter-spacing:.5px}.manual-idea-body .form-input,.manual-idea-body .form-textarea,.manual-idea-body .form-select{width:100%;padding:var(--space-sm);border:2px solid var(--color-black);font-family:var(--font-mono);font-size:13px;background:var(--color-white)}.manual-idea-body .form-input:focus,.manual-idea-body .form-textarea:focus,.manual-idea-body .form-select:focus{outline:none;box-shadow:3px 3px 0 var(--color-black)}.manual-idea-body .form-input::placeholder,.manual-idea-body .form-textarea::placeholder{color:var(--color-gray-mid)}.manual-idea-body .form-textarea{resize:vertical;min-height:60px}.manual-idea-body .form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.mi-upload-zone{border:2px dashed var(--color-gray-mid);background:var(--color-white);cursor:pointer;min-height:100px;display:flex;align-items:center;justify-content:center;transition:border-color .1s}.mi-upload-zone:hover,.mi-upload-zone.dragover{border-color:var(--color-black);border-style:solid}.mi-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md)}.mi-upload-icon{font-family:var(--font-pixel);font-size:24px;color:var(--color-gray-mid)}.mi-upload-text{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid)}.mi-upload-preview{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);width:100%}.mi-upload-preview img{width:80px;height:80px;object-fit:cover;border:2px solid var(--color-black)}.mi-remove-image{font-family:var(--font-pixel);font-size:8px;padding:var(--space-xs) var(--space-sm);background:var(--color-white);border:2px solid var(--color-black);cursor:pointer}.mi-remove-image:hover{background:var(--color-black);color:var(--color-white)}@media(max-width:520px){.manual-idea-body{padding:var(--space-md)}.mi-row{flex-direction:column;gap:var(--space-md)}.manual-idea-footer{flex-direction:column}.manual-idea-footer .btn{width:100%}}.phase-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);border-bottom:3px solid var(--color-black)}.phase-step{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s}.phase-step:hover{opacity:.7}.phase-step:hover .phase-dot{transform:scale(1.1)}.phase-dot{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:10px;border:2px solid var(--color-black);background:var(--color-white);color:var(--color-gray-mid);transition:transform .15s,background .15s}.phase-dot.active{background:var(--color-black);color:var(--color-white)}.phase-dot.completed{background:var(--color-gray-light);color:var(--color-black)}.phase-label-text{font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-mid);text-transform:uppercase}.phase-step:has(.phase-dot.active) .phase-label-text{color:var(--color-black)}.phase-line{width:40px;height:2px;background:var(--color-gray-light);margin-bottom:18px}.phase-line.active{background:var(--color-black)}@media(max-width:767px){.phase-indicator{gap:2px;padding:var(--space-sm)}.phase-step{padding:0}.phase-dot{width:28px;height:28px;font-size:9px}.phase-label-text{font-size:6px}.phase-line{width:16px;margin-bottom:16px}}.generator-page{background:var(--color-white);min-height:100vh}.generator-app{min-height:calc(100vh - 60px);display:flex;flex-direction:column}.generator-phase{display:none;flex:1}.generator-phase.active{display:flex;flex-direction:column}.phase-content{flex:1;display:flex;flex-direction:column;max-width:var(--container-max);margin:0 auto;padding:var(--space-lg);width:100%}.phase-label{font-family:var(--font-pixel);font-size:10px;color:var(--color-gray-mid);margin-bottom:var(--space-md)}.phase-title{font-size:20px;margin-bottom:var(--space-lg)}.phase-ignition .phase-content{justify-content:center;align-items:center;text-align:center}.dev-question-nav{display:flex;flex-direction:column;width:fit-content;margin-left:auto;margin-right:auto;margin-top:var(--space-lg);margin-bottom:var(--space-md);gap:0;padding:var(--space-xs);background:var(--color-gray-light);border:2px solid var(--color-black)}.dev-nav-row{display:flex;gap:4px}.dev-nav-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-family:var(--font-pixel);font-size:8px;padding:8px 12px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;transition:all .1s;min-width:100px;text-align:left}.dev-nav-btn:hover{background:var(--color-gray-light)}.dev-nav-btn.active{background:var(--color-black);color:var(--color-white)}.dev-nav-label{font-size:7px;opacity:.7}.dev-nav-value{font-family:var(--font-mono);font-size:10px;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-nav-value:empty:before{content:"—";opacity:.3}.question-screen{display:none;max-width:600px;width:100%}.question-screen.active{display:block}.question-text{font-size:24px;margin-bottom:var(--space-sm)}@media(min-width:768px){.question-text{font-size:32px}}.question-hint{color:var(--color-gray-mid);margin-bottom:var(--space-lg)}.question-input{width:100%;max-width:600px;padding:var(--space-md);border:var(--border-width) solid var(--color-black);font-size:18px;text-align:center;margin-bottom:var(--space-lg)}.question-input:focus{outline:none;box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--color-black)}.question-input::placeholder{color:var(--color-gray-mid)}.format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg);max-width:700px}@media(min-width:768px){.format-grid{grid-template-columns:repeat(3,1fr)}}.format-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border:3px solid transparent;background:var(--color-white);cursor:pointer;min-height:160px}.format-card:hover{background:var(--color-gray-light)}.format-card.selected{border-color:var(--color-black);box-shadow:4px 4px 0 var(--color-black)}.format-check{display:none;position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--color-black);color:var(--color-white);font-family:var(--font-pixel);font-size:12px;line-height:24px;text-align:center}.format-card.selected .format-check{display:block}.format-icon-img{width:96px;height:96px;object-fit:contain;image-rendering:pixelated}.format-name{font-family:var(--font-pixel);font-size:8px;text-align:center;line-height:1.4;color:var(--color-black)}@media(max-width:768px){.phase-content{padding:var(--space-md);padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0))}.phase-title{font-size:18px;margin-bottom:var(--space-md)}.dev-question-nav{width:100%;max-width:100%}.dev-nav-row{flex-wrap:wrap;justify-content:center}.dev-nav-btn{font-size:8px;padding:8px 12px;min-width:auto;min-height:44px;flex:1;align-items:center;justify-content:center;text-align:center}.dev-nav-btn:active{transform:scale(.98)}.dev-nav-brand{font-size:8px;padding:8px 12px;min-height:44px}.question-screen{max-width:100%;padding:0 var(--space-sm)}.question-text{font-size:20px}.question-input{font-size:16px;padding:var(--space-md);width:100%;max-width:100%;margin-bottom:var(--space-md)}.format-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm);max-width:100%;width:100%}.format-card{min-height:110px;padding:var(--space-sm)}.format-card:active{transform:scale(.98)}.format-card.selected{box-shadow:3px 3px 0 var(--color-black)}.format-icon-img{width:56px;height:56px}.format-check{width:24px;height:24px;font-size:12px;line-height:24px}.format-name{font-size:7px}.brand-help{flex-direction:column;text-align:center;gap:var(--space-sm)}.product-picker{margin-top:var(--space-md);padding:var(--space-sm)}.product-picker-select{font-size:16px;min-height:44px}}@media(max-width:480px){.phase-title{font-size:16px}.question-text{font-size:18px}.format-icon-img{width:48px;height:48px}.format-card{min-height:100px}}.brand-help{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:12px;color:var(--color-gray-dark);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--dither-12);border:2px solid var(--black)}.brand-help strong{font-weight:700}.brand-loaded-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--black);color:var(--white);font-family:var(--font-heading);font-size:10px;font-weight:700}.dev-nav-brand{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px;padding:6px 12px;font-family:var(--font-pixel);font-size:8px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;transition:all .1s;text-align:left}.dev-nav-brand:hover{background:var(--dither-25)}.dev-nav-brand-icon{font-size:10px;color:var(--color-gray-mid);line-height:1}.dev-nav-brand-label{font-size:7px;opacity:.7;flex-shrink:0}.dev-nav-brand-value{font-family:var(--font-mono);font-size:10px;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-nav-brand.has-brand{padding:0;background:transparent;border:none}.dev-nav-brand.has-brand:hover{background:transparent}.brand-card-mini{display:flex;flex-direction:column;width:100%;background:var(--shell-color, #64748b);border:2px solid var(--color-black);border-radius:4px;overflow:hidden}.brand-card-header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff1a}.brand-card-led{width:8px;height:8px;background:#0f0;border-radius:50%;box-shadow:0 0 6px #0f0;flex-shrink:0}.brand-card-name{font-family:var(--font-heading);font-size:10px;color:var(--color-white);font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-card-industry{font-family:var(--font-body);font-size:9px;color:#fff9}.brand-card-product{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#00000040;border-top:1px solid rgba(255,255,255,.1)}.brand-card-product-label{font-family:var(--font-pixel);font-size:7px;color:#ffffff80;text-transform:uppercase}.brand-card-product-name{font-family:var(--font-heading);font-size:9px;color:var(--color-white);font-weight:700}.brand-card-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 6px;gap:8px}.brand-card-colors{display:flex;gap:3px}.brand-card-swatch{width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.3)}.brand-card-eject{font-family:var(--font-heading);font-size:8px;padding:3px 10px;background:transparent;color:var(--color-black);border:2px solid var(--color-black);cursor:pointer;text-transform:uppercase}.brand-card-eject:hover{background:var(--color-black);color:var(--color-white)}.product-picker{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-white);border:3px solid var(--color-black);box-shadow:4px 4px 0 var(--color-black)}.product-picker-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.product-picker-icon{font-size:10px;color:var(--color-black)}.product-picker-label{font-family:var(--font-heading);font-size:10px;color:var(--color-black);text-transform:uppercase;letter-spacing:1px;font-weight:700}.product-picker-select{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:13px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer}.product-picker-select:focus{outline:none;box-shadow:3px 3px 0 var(--color-black)}.product-picker-select option{font-family:var(--font-mono);font-size:12px;padding:var(--space-sm)}.product-info{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--dither-12, #f0f0f0);border:2px dashed var(--color-black);font-family:var(--font-mono);font-size:11px;line-height:1.5}.product-info-description{color:var(--color-black)}.product-info-description strong{font-family:var(--font-heading);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.arming-brief{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-gray-light);border:2px solid var(--color-black);margin-bottom:var(--space-md)}.arming-brief-text{flex:1;font-size:12px}.arming-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md);align-items:center}.ideas-count-selector{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;background:var(--color-gray-light);border:2px solid var(--color-black)}.ideas-count-label{font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-mid);margin-right:4px}.ideas-count-btn{font-family:var(--font-pixel);font-size:10px;width:28px;height:28px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;transition:all .1s}.ideas-count-btn:hover{background:var(--color-gray-light)}.ideas-count-btn.active{background:var(--color-black);color:var(--color-white)}.category-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-md)}.category-tab{font-family:var(--font-pixel);font-size:10px;padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-black);background:var(--color-white);cursor:pointer}.category-tab:hover{background:var(--color-gray-light)}.category-tab.active{background:var(--color-black);color:var(--color-white)}.trigger-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg);flex:1;overflow-y:auto}.trigger-select-card{position:relative;display:flex;flex-direction:column;padding:var(--space-sm);border:var(--border-width) solid var(--color-black);background:var(--color-white);cursor:pointer;min-height:80px}.trigger-select-card:hover{background:var(--color-gray-light)}.trigger-select-card.selected{background:var(--color-black);color:var(--color-white)}.trigger-select-card.selected:after{content:"✓";position:absolute;top:var(--space-xs);right:var(--space-xs);font-size:14px}.trigger-select-image{width:100%;height:auto;border:none;margin-bottom:var(--space-xs);image-rendering:pixelated}.trigger-select-code{font-family:var(--font-pixel);font-size:8px;margin-bottom:4px;padding:4px 6px;display:inline-block;width:fit-content;letter-spacing:1px}.trigger-select-name{font-family:var(--font-pixel);font-size:8px;line-height:1.4}.arming-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-top:2px solid var(--color-black);background:var(--color-white);position:sticky;bottom:0}.arming-footer-left{display:flex;align-items:center;gap:var(--space-lg);flex:1}.arming-footer-left .ideas-count-selector{margin-left:0}.idea-preview-text{font-family:var(--font-pixel);font-size:10px;color:#ff6b9d;line-height:1.6;max-width:400px}.idea-preview-text:empty{display:none}@media(max-width:768px){.arming-brief{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm)}.arming-brief-text{font-size:11px}.arming-actions{gap:var(--space-sm)}.arming-actions .btn{min-height:44px;padding:var(--space-sm) var(--space-md)}.ideas-count-selector{margin-left:0;width:100%;justify-content:center}.ideas-count-btn{width:44px;height:44px}.category-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--space-xs);padding-bottom:var(--space-xs);margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md)}.category-tab{flex-shrink:0;min-height:44px;padding:var(--space-sm) var(--space-md)}.category-tab:active{transform:scale(.98)}.trigger-selection-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.trigger-select-card{min-height:100px;padding:var(--space-sm)}.trigger-select-card:active{transform:scale(.98)}.trigger-select-code,.trigger-select-name{font-size:9px}.arming-footer{flex-direction:column;gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-bottom, 0));margin:0 calc(-1 * var(--space-md));width:calc(100% + var(--space-md) * 2)}.arming-footer-left{flex-direction:column;gap:var(--space-sm);width:100%}.arming-footer .btn-detonate{width:100%;min-height:48px}.idea-preview-text{text-align:center;max-width:100%;font-size:10px}}@media(max-width:480px){.trigger-selection-grid{gap:var(--space-xs)}.trigger-select-card{min-height:90px;padding:var(--space-xs)}.trigger-select-image{max-height:40px}}.phase-detonation{background:var(--color-black);color:var(--color-white)}.detonation-content{justify-content:center;align-items:center;text-align:center}.detonation-animation{position:relative;width:120px;height:120px;margin-bottom:var(--space-lg)}.explosion-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid var(--color-white);border-radius:0;animation:explode 1.5s ease-out infinite}.explosion-ring:nth-child(1){animation-delay:0s}.explosion-ring:nth-child(2){animation-delay:.3s}.explosion-ring:nth-child(3){animation-delay:.6s}@keyframes explode{0%{width:10px;height:10px;opacity:1}to{width:120px;height:120px;opacity:0}}.detonation-text{font-size:24px;margin-bottom:var(--space-sm)}.detonation-status{color:var(--color-gray-mid);margin-bottom:var(--space-lg)}.detonation-progress{width:200px;height:8px;border:2px solid var(--color-white);margin-bottom:var(--space-md)}.progress-bar{height:100%;background:var(--color-white);width:0%;transition:width .3s}.detonation-trigger{font-family:var(--font-mono);font-size:12px;color:var(--color-gray-mid)}:root{--detonation-color-magenta: #FF00FF;--detonation-color-cyan: #00FFFF;--detonation-color-lime: #00FF00;--detonation-color-orange: #FF6600;--detonation-color-black: #000000;--detonation-color-white: #FFFFFF;--detonation-color-gray: #666666;--detonation-color-gray-light: #f5f5f5;--detonation-font-pixel: "Press Start 2P", cursive;--detonation-font-mono: "Space Mono", monospace;--detonation-dither-50: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Crect fill='%23000000' width='2' height='2'/%3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'/%3E%3Crect fill='%23FFFFFF' x='1' y='1' width='1' height='1'/%3E%3C/svg%3E")}.detonation-screen{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;min-height:calc(100vh - 140px);width:100%}.detonation-dialog{width:100%;max-width:540px;background-color:var(--detonation-color-white);border:3px solid var(--detonation-color-black);box-shadow:8px 8px 0 var(--detonation-color-black);transition:max-width .3s ease}.detonation-dialog.with-images{max-width:680px}.detonation-title-bar{display:flex;align-items:center;gap:12px;padding:4px 8px;background-image:var(--detonation-dither-50);background-size:4px 4px;image-rendering:pixelated;border-bottom:3px solid var(--detonation-color-black)}.detonation-title-bar__close{width:16px;height:16px;background-color:var(--detonation-color-white);border:2px solid var(--detonation-color-black);flex-shrink:0}.detonation-title-bar__title{flex:1;text-align:center}.detonation-title-bar__title span{display:inline-block;padding:4px 12px;background-color:var(--detonation-color-white);border:2px solid var(--detonation-color-black);font-family:var(--detonation-font-pixel);font-size:10px;color:var(--detonation-color-black)}.detonation-title-bar__timer{padding:4px 8px;background-color:var(--detonation-color-white);border:2px solid var(--detonation-color-black);font-family:var(--detonation-font-mono);font-size:12px;font-weight:700;color:var(--detonation-color-black)}.detonation-content{padding:20px}.detonation-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.detonation-phases.with-images{grid-template-columns:repeat(5,1fr)}.detonation-phase-card{position:relative;padding:16px 12px;background-color:var(--detonation-color-white);border:3px solid var(--detonation-color-black);box-shadow:2px 2px 0 var(--detonation-color-black);text-align:center;transition:all .3s ease}.detonation-phase-card.active{transform:scale(1.05) translateY(-4px);box-shadow:6px 6px 0 var(--detonation-color-black)}.detonation-phase-card.completed{box-shadow:4px 4px 0 var(--detonation-color-black)}.detonation-phase-card:not(.active):not(.completed) .detonation-phase-card__icon{filter:grayscale(100%);opacity:.5}.detonation-phase-card[data-phase="1"].active{background-color:var(--detonation-color-magenta)}.detonation-phase-card[data-phase="2a"].active{background-color:var(--detonation-color-cyan)}.detonation-phase-card[data-phase="2b"].active{background-color:#90f}.detonation-phase-card[data-phase="3"].active{background-color:var(--detonation-color-lime)}.detonation-phase-card[data-phase="4"].active{background-color:var(--detonation-color-orange)}.detonation-phase-card__badge{position:absolute;top:-10px;left:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--detonation-color-white);border:2px solid var(--detonation-color-black);font-family:var(--detonation-font-pixel);font-size:8px;color:var(--detonation-color-black)}.detonation-phase-card.completed .detonation-phase-card__badge{background-color:var(--detonation-color-black);color:var(--detonation-color-white)}.detonation-phase-card__icon{display:flex;justify-content:center;align-items:center;margin-bottom:8px;line-height:1}.detonation-icon{display:block;width:32px;height:32px;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin:0 auto}.detonation-phase-card.active .detonation-phase-card__icon{animation:detonation-bounce .5s ease-in-out infinite}.detonation-phase-card.active .detonation-icon{filter:invert(1)}.detonation-phase-card__label{font-family:var(--detonation-font-pixel);font-size:7px;color:var(--detonation-color-black);letter-spacing:.5px;margin-bottom:12px}.detonation-phase-card__value{font-family:var(--detonation-font-pixel);font-size:22px;color:var(--detonation-color-black);line-height:1}.detonation-phase-card__sublabel{font-family:var(--detonation-font-mono);font-size:9px;color:var(--detonation-color-gray);margin-top:4px}.detonation-phase-card.active .detonation-phase-card__sublabel{color:var(--detonation-color-black)}.detonation-progress-section{padding:16px;margin-bottom:16px;background-color:var(--detonation-color-white);border:3px solid var(--detonation-color-black)}.detonation-progress-bar{position:relative;height:24px;margin-bottom:16px;background-color:var(--detonation-color-white);border:3px solid var(--detonation-color-black);overflow:hidden}.detonation-progress-bar__fill{position:relative;height:100%;width:0%;background-color:var(--detonation-color-black);transition:width .2s ease-out,background-color .3s ease}.detonation-progress-bar__fill.animating:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(0,0,0,.15) 6px,rgba(0,0,0,.15) 12px);animation:detonation-stripes .5s linear infinite}.detonation-progress-bar__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--detonation-font-pixel);font-size:10px;color:var(--detonation-color-black);pointer-events:none}.detonation-progress-bar__text.inverted{color:var(--detonation-color-white)}.detonation-status{text-align:center;padding:8px 0;min-height:32px}.detonation-status__text{font-family:var(--detonation-font-mono);font-size:15px;font-weight:700;color:var(--detonation-color-black)}.detonation-status__cursor{display:inline-block;width:8px;height:16px;margin-left:4px;vertical-align:middle;background-color:var(--detonation-color-black);animation:detonation-blink .6s step-end infinite}.detonation-status__cursor[data-phase="1"]{background-color:var(--detonation-color-magenta)}.detonation-status__cursor[data-phase="2"]{background-color:var(--detonation-color-cyan)}.detonation-status__cursor[data-phase="3"]{background-color:var(--detonation-color-lime)}.detonation-status__cursor[data-phase="4"]{background-color:var(--detonation-color-orange)}.detonation-brief{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--detonation-color-gray-light);border:2px solid var(--detonation-color-black)}.detonation-brief__product{font-family:var(--detonation-font-mono);font-size:11px;font-weight:700;color:var(--detonation-color-black)}.detonation-brief__benefit{font-family:var(--detonation-font-mono);font-size:10px;color:var(--detonation-color-gray);font-style:italic}.detonation-brief__formats{font-family:var(--detonation-font-mono);font-size:11px;color:var(--detonation-color-gray)}.detonation-brief__triggers{display:flex;align-items:center;gap:8px}.detonation-brief__triggers-label{font-family:var(--detonation-font-mono);font-size:10px;color:var(--detonation-color-gray)}.detonation-brief__triggers-list{display:flex;gap:4px}.detonation-brief__trigger{padding:4px 8px;background-color:var(--detonation-color-black);color:var(--detonation-color-white);font-family:var(--detonation-font-pixel);font-size:7px}.detonation-footer{display:flex;border-top:3px solid var(--detonation-color-black)}.detonation-footer__btn{flex:1;padding:16px;font-family:var(--detonation-font-pixel);font-size:10px;color:var(--detonation-color-black);background-color:var(--detonation-color-white);border:none;border-right:3px solid var(--detonation-color-black);cursor:pointer;transition:all .15s ease}.detonation-footer__btn:last-child{border-right:none;flex:0;padding:16px 24px}.detonation-footer__btn:hover{background-color:var(--detonation-color-black);color:var(--detonation-color-white)}.detonation-footer__btn:disabled{opacity:.3;cursor:not-allowed}.detonation-footer__btn--primary{background-color:var(--detonation-color-black);color:var(--detonation-color-white)}.detonation-footer__btn--primary:hover{background-color:var(--detonation-color-white);color:var(--detonation-color-black)}@keyframes detonation-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes detonation-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes detonation-stripes{0%{background-position:0 0}to{background-position:24px 0}}@media(max-width:600px){.detonation-dialog,.detonation-dialog.with-images{max-width:100%}.detonation-phases,.detonation-phases.with-images{grid-template-columns:repeat(2,1fr)}.detonation-phase-card__icon{font-size:28px}.detonation-phase-card__value{font-size:18px}.detonation-brief{flex-direction:column;gap:8px;text-align:center}.detonation-footer{flex-wrap:wrap}.detonation-footer__btn{flex:1 1 40%}.detonation-footer__btn:last-child{flex:0 0 auto}}.detonation-screen[hidden]{display:none}.harvest-header{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-md)}.harvest-title{font-size:28px;margin:0}.harvest-count{font-size:14px;color:var(--color-gray-mid);margin:0}.harvest-brief{display:flex;align-items:stretch;gap:0;border:3px solid var(--color-black);margin-bottom:var(--space-lg);font-size:12px;background:var(--color-white)}.harvest-brief-main{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;flex:1;min-width:0}.harvest-brief-label{font-family:var(--font-pixel);font-size:10px;color:var(--color-gray-mid);flex-shrink:0}.harvest-brief-text{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.harvest-brief-actions{display:flex;align-items:stretch;flex-shrink:0}.harvest-brief-brand{display:none}.harvest-brief-brand.visible{display:flex;align-items:stretch;border-left:3px solid var(--color-black)}.harvest-brand-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-width:150px;height:100%}.harvest-brand-led{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 6px #0f0;flex-shrink:0}.harvest-brand-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.harvest-brand-name{font-family:var(--font-heading);font-size:10px;color:var(--color-white);font-weight:700;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.harvest-brand-industry{font-family:var(--font-body);font-size:10px;color:#ffffffb3}.harvest-brand-product{font-family:var(--font-heading);font-size:9px;color:#ffffffe6;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;padding-top:2px;border-top:1px solid rgba(255,255,255,.2)}.harvest-brand-colors{display:flex;gap:2px;flex-shrink:0}.harvest-brand-swatch{width:12px;height:12px;border:1px solid rgba(255,255,255,.3)}.harvest-brief-actions .btn-presentation{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-sm) var(--space-md);background:var(--color-black);color:var(--color-white);border:none;border-left:3px solid var(--color-black);font-family:var(--font-pixel);font-size:9px;cursor:pointer;box-shadow:none}.harvest-brief-actions .btn-presentation:hover{opacity:.8}.harvest-brief-actions .btn-presentation .btn-icon{width:14px;height:14px}.harvest-results{flex:1;overflow-y:auto;padding-bottom:var(--space-xl)}.trigger-result-group{margin-bottom:var(--space-xl)}.trigger-result-header{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:3px solid var(--color-black);margin-bottom:var(--space-sm)}.trigger-result-code{font-family:var(--font-pixel);font-size:12px;padding:6px var(--space-sm);border:2px solid var(--color-black);background:var(--color-white)}.trigger-result-name{font-family:var(--font-pixel);font-size:12px;font-weight:700;text-transform:uppercase}.trigger-result-question{font-size:13px;color:var(--color-gray-mid);font-style:italic;margin-bottom:var(--space-md);padding-left:2px}.harvest-results.brand-loaded .trigger-result-code{display:none}@media(min-width:768px){.harvest-results .ideas-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.harvest-results .ideas-grid{grid-template-columns:repeat(3,1fr)}}.saved-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:3px solid var(--color-black);background:var(--color-white);position:sticky;bottom:0;z-index:10}.saved-info{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.saved-count{font-family:var(--font-pixel);font-size:12px;white-space:nowrap;padding:var(--space-xs) var(--space-sm);background:var(--color-gray-light);border:2px solid var(--color-black)}.saved-chips{display:flex;flex-wrap:wrap;gap:4px;overflow:hidden}.saved-chip{font-family:var(--font-mono);font-size:10px;padding:4px var(--space-xs);background:var(--color-black);color:var(--color-white);border:none;white-space:nowrap}.saved-actions{display:flex;gap:var(--space-sm);flex-shrink:0;margin-left:auto}.export-dropdown{position:relative;display:inline-block}.export-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--color-white);border:3px solid var(--color-black);box-shadow:6px 6px 0 var(--color-black);min-width:240px;display:none;z-index:100}.export-dropdown.open .export-menu{display:block}.export-menu-header{background:var(--dither-25);padding:10px 16px;font-family:var(--font-pixel);font-size:8px;text-align:center;border-bottom:2px solid var(--color-black);text-transform:uppercase;letter-spacing:1px}.export-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--color-white);border:none;border-bottom:1px solid var(--color-black);cursor:pointer;text-align:left;transition:all .1s steps(2)}.export-option:last-of-type{border-bottom:none}.export-option:hover{background:var(--dither-12)}.export-option:active{background:var(--color-black);color:var(--color-white)}.export-option:active .export-label strong,.export-option:active .export-label small{color:var(--color-white)}.export-option:active .pixel-icon{filter:invert(1)}.export-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.export-icon .pixel-icon{width:20px;height:20px;image-rendering:pixelated}.export-label{display:flex;flex-direction:column;gap:2px;flex:1}.export-label strong{display:block;font-family:var(--font-pixel);font-size:10px;color:var(--color-black)}.export-label small{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid)}.export-options-divider{height:2px;background:var(--dither-50)}.export-checkbox{display:flex;align-items:center;gap:10px;padding:14px 16px;font-family:var(--font-mono);font-size:10px;cursor:pointer}.export-checkbox:hover{background:var(--dither-12)}.export-checkbox input[type=checkbox]{width:16px;height:16px;border:2px solid var(--color-black);appearance:none;background:var(--color-white);cursor:pointer;flex-shrink:0}.export-checkbox input[type=checkbox]:checked{background:var(--color-black);position:relative}.export-checkbox input[type=checkbox]:checked:after{content:"✓";color:var(--color-white);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px}.btn-session-download{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-white);color:var(--color-black);border:3px solid var(--color-black);box-shadow:4px 4px 0 var(--color-black);font-family:var(--font-pixel);font-size:10px;cursor:pointer;transition:all .1s steps(2)}.btn-session-download .dropdown-arrow{margin-left:4px;font-size:8px}.export-dropdown.open .btn-session-download{background:var(--color-black);color:var(--color-white)}.export-dropdown.open .btn-session-download .btn-icon-img{filter:invert(1)}.btn-session-download:hover{background:var(--color-black);color:var(--color-white);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black)}.btn-session-download:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.btn-session-download .btn-icon-img{width:20px;height:20px;image-rendering:pixelated}.btn-session-download:hover .btn-icon-img{filter:invert(1)}.export-loading{position:fixed;inset:0;background:#fffffff7;display:flex;align-items:center;justify-content:center;z-index:1000;flex-direction:column;gap:20px}.export-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.export-loading .pixel-spinner{width:40px;height:40px;border:4px solid var(--color-black);border-top-color:transparent;animation:spin .5s steps(8) infinite}.export-loading p{font-family:var(--font-pixel);font-size:12px;margin:0}.export-loading .export-progress{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-mid)}.saved-actions .btn .btn-icon{margin-right:4px}.btn-sm{font-size:10px;padding:var(--space-xs) var(--space-sm)}.btn-preview{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-black);color:var(--color-white);border:3px solid var(--color-black);box-shadow:3px 3px 0 var(--color-black);font-family:var(--font-pixel);font-size:9px;cursor:pointer;transition:all .1s steps(2)}.btn-preview:hover{background:var(--color-white);color:var(--color-black);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-black)}.btn-preview:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--color-black)}.btn-preview-icon{width:16px;height:16px;flex-shrink:0}.btn-preview-text{text-transform:uppercase;letter-spacing:.5px}@media(max-width:640px){.btn-preview-text{display:none}.btn-preview{padding:8px;gap:0}}@media(max-width:768px){.harvest-header{flex-direction:column;align-items:flex-start;padding:0 var(--space-sm)}.harvest-title{font-size:20px}.harvest-header-actions{width:100%;justify-content:flex-start}.harvest-brief{flex-direction:column;margin:0 var(--space-sm) var(--space-md)}.harvest-brief-main{padding:var(--space-sm)}.harvest-brief-actions{border-top:3px solid var(--color-black);width:100%}.harvest-brief-brand.visible{border-left:none;flex:1}.harvest-brand-card{min-width:0;flex:1;padding:var(--space-sm);min-height:44px}.harvest-brief-actions .btn-presentation{border-left:none;padding:var(--space-sm) var(--space-md);min-height:48px;width:100%;justify-content:center}.harvest-results .ideas-grid{grid-template-columns:1fr;gap:var(--space-md);padding:0 var(--space-sm)}.trigger-result-group{margin-bottom:var(--space-lg);padding:0 var(--space-sm)}.trigger-result-header{flex-wrap:wrap;gap:var(--space-xs)}.trigger-result-code{font-size:10px;padding:4px var(--space-xs)}.trigger-result-name{font-size:10px}.trigger-result-question{font-size:11px}.saved-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-bottom, 0));border-left:none;border-right:none}.saved-info{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.saved-count{font-size:10px}.saved-chips{max-width:100%}.saved-actions{width:100%;justify-content:stretch;flex-direction:column;gap:var(--space-sm)}.saved-actions .btn{width:100%;min-height:48px;justify-content:center}.export-dropdown{width:100%}.btn-session-download{width:100%;justify-content:center;min-height:48px}.export-menu{width:100%;left:0;right:0}.btn-preview{min-height:44px}}@media(min-width:480px)and (max-width:768px){.harvest-results .ideas-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}@media(max-width:480px){.harvest-title{font-size:18px}.harvest-brief-label{font-size:8px}.harvest-brief-text{font-size:11px}}.generator-loader{position:fixed;inset:0;background:var(--color-background, #fff);z-index:100;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .15s ease-out;pointer-events:all}.generator-loader--hidden{opacity:0;pointer-events:none}.generator-loader__dots{display:flex;gap:8px;align-items:center}.generator-loader__dot{width:8px;height:8px;background:var(--color-text, #000);animation:dot-bounce .6s ease-in-out infinite}.generator-loader__dot:nth-child(1){animation-delay:0s}.generator-loader__dot:nth-child(2){animation-delay:.15s}.generator-loader__dot:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-8px);opacity:1}}.refined-badge{background:#000;color:#fff;padding:2px 6px;font-family:var(--font-pixel);font-size:8px;margin-left:8px}.idea-card.refined{box-shadow:6px 6px 0 var(--color-black)}.headline-nav-wrapper{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.headline-nav-wrapper .idea-card-headline{flex:1;text-align:center;margin:0}.headline-nav-btn{background:#fff;border:2px solid black;width:24px;height:24px;font-family:var(--font-pixel);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.headline-nav-btn:hover{background:var(--dither-25, #e0e0e0)}.headline-nav-btn:active{background:var(--dither-50, #c0c0c0)}.idea-card.selected .headline-nav-btn{background:var(--color-white);color:var(--color-black);border-color:var(--color-black)}.idea-card.selected .headline-nav-btn:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-white)}.headline-counter{font-family:var(--font-mono);font-size:10px;color:#666;margin-left:auto}.idea-card.selected .headline-counter{color:var(--color-gray-mid)}.idea-card-critique-section{background:var(--dither-12, #f8f8f8);padding:12px;margin-top:12px;border:2px dashed black}.critique-label{background:#000;color:#fff;padding:2px 4px}.idea-card-critique{font-family:var(--font-mono);font-size:11px;font-style:italic;margin-top:8px;line-height:1.5}.idea-card.selected .idea-card-critique-section{background:#ffffff1a;border-color:var(--color-gray-mid)}.idea-card.selected .critique-label{background:var(--color-white);color:var(--color-black)}.idea-card.selected .idea-card-critique{color:var(--color-gray-light)}.refine-tab{padding:0}.refine-section{margin-bottom:16px}.refine-section-label{display:block;font-family:var(--font-pixel);font-size:9px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-black)}.refine-optional{font-family:var(--font-mono);font-size:8px;color:var(--color-gray-mid);font-weight:400}.refine-current-preview{padding:12px;background:var(--dither-12, #f8f8f8);border:2px solid var(--color-black)}.refine-preview-title{font-family:var(--font-pixel);font-size:10px;margin-bottom:4px;text-transform:uppercase}.refine-preview-headline{font-family:var(--font-mono);font-size:12px;font-style:italic;margin-bottom:8px}.refine-preview-visual{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-dark);line-height:1.4}.refine-mode-group{display:flex;flex-direction:column;gap:8px}.refine-mode-card{--expert-color: #000000;position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:3px solid var(--color-black);background:var(--color-white);cursor:pointer;transition:none}.refine-mode-card:hover{background:var(--dither-12, #f8f8f8)}.refine-mode-card--selected{border-color:var(--expert-color);background:var(--color-white)}.refine-mode-card--selected:hover{background:var(--color-white)}.refine-mode-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.refine-mode-card__radio{width:18px;height:18px;border:2px solid var(--color-black);border-radius:50%;background:var(--color-white);flex-shrink:0;position:relative}.refine-mode-card--selected .refine-mode-card__radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--expert-color)}.refine-mode-card__icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.refine-mode-card__icon-img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.refine-mode-card__content{flex:1;min-width:0}.refine-mode-card__title{font-family:var(--font-pixel);font-size:10px;display:block;color:var(--color-black);text-transform:uppercase}.refine-mode-card__desc{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-dark);display:block;margin-top:2px}.refine-mode-card__badge{position:absolute;top:-1px;right:10px;font-family:var(--font-pixel);font-size:8px;color:var(--color-white);padding:4px 10px;white-space:nowrap}.refine-mode-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer;transition:none}.refine-mode-option:hover{background:var(--dither-12, #f8f8f8)}.refine-mode-option--selected{background:var(--color-black);color:var(--color-white)}.refine-mode-option--selected:hover{background:var(--color-black)}.refine-mode-option input[type=radio]{margin:2px 0 0;accent-color:var(--color-black)}.refine-mode-label{font-family:var(--font-pixel);font-size:9px;display:block}.refine-mode-desc{font-family:var(--font-mono);font-size:10px;opacity:.7;display:block;margin-top:2px}.refine-guidance-textarea{width:100%;padding:10px;border:2px solid var(--color-black);font-family:var(--font-mono);font-size:11px;line-height:1.5;resize:vertical;min-height:60px;background:var(--color-white)}.refine-guidance-textarea:focus{outline:none;box-shadow:4px 4px 0 var(--color-black)}.refine-guidance-textarea::placeholder{color:var(--color-gray-mid);font-style:italic}.refine-checkbox-section{padding-top:4px}.refine-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-mono);font-size:11px}.refine-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-black)}.refine-actions{margin-top:16px}.refine-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;border:3px solid var(--color-black);font-family:var(--font-pixel);font-size:9px;cursor:pointer;transition:none}.refine-btn-primary{background:var(--color-black);color:var(--color-white);box-shadow:4px 4px #0000004d}.refine-btn-primary:hover{background:var(--color-white);color:var(--color-black)}.refine-btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.refine-btn-secondary{background:var(--color-white);color:var(--color-black)}.refine-btn-secondary:hover{background:var(--dither-25, #e0e0e0)}.refine-btn .btn-loading{animation:blink .5s steps(2) infinite}.refine-history-note{margin-top:16px;padding:10px;background:var(--dither-12, #f8f8f8);border:2px dashed var(--color-gray-mid);font-family:var(--font-mono);font-size:10px;display:flex;align-items:center;gap:8px}.refine-badge{background:var(--color-black);color:var(--color-white);padding:2px 6px;font-family:var(--font-pixel);font-size:8px}.refine-convert-section{margin-top:24px;padding-top:16px}.refine-convert-divider{height:2px;background:var(--dither-25, #e0e0e0);margin-bottom:16px}.refine-convert-desc{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-dark);margin-bottom:12px}.format-convert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.format-convert-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer;transition:none}.format-convert-btn:hover{background:var(--color-black);color:var(--color-white)}.format-convert-btn:hover .format-icon,.format-convert-btn:hover .format-name{color:var(--color-white)}.format-convert-btn:active{transform:translate(1px,1px)}.format-convert-btn--selected{background:var(--color-black);color:var(--color-white);box-shadow:inset 0 0 0 2px var(--color-white)}.format-icon{font-size:16px;margin-bottom:4px}.format-name{font-family:var(--font-pixel);font-size:7px;text-transform:uppercase}.convert-confirmation{margin-top:16px;padding:16px;border:3px solid var(--color-black);background:var(--color-white)}.convert-confirmation-header{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:var(--color-black);color:var(--color-white);font-family:var(--font-pixel);font-size:11px;margin-bottom:12px}.convert-from,.convert-to{padding:4px 8px;border:2px solid var(--color-white)}.convert-to{background:var(--color-white);color:var(--color-black)}.convert-arrow-icon{font-size:16px}.convert-confirmation-text{font-family:var(--font-mono);font-size:11px;line-height:1.5;margin:0 0 16px;color:var(--color-black)}.convert-confirmation-actions{display:flex;gap:12px;justify-content:flex-end}.refine-tab--preview{padding:0;--expert-color: #FFFF00;--expert-color-soft: rgba(255, 255, 0, .12)}.refine-preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--expert-color, var(--color-black));color:var(--color-white);margin-bottom:16px}.refine-preview-title{font-family:var(--font-pixel);font-size:10px}.refine-expert-badge{font-family:var(--font-mono);font-size:10px;background:var(--color-white);color:var(--color-black);padding:2px 8px}.refine-preview-body{margin-bottom:16px}.refine-comparison{margin-bottom:16px;border:2px solid var(--color-black)}.refine-comparison-label{font-family:var(--font-pixel);font-size:9px;margin-bottom:0;padding:8px 12px;background:var(--dither-50);color:var(--color-black);display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--color-black)}.refine-alt-counter{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid)}.refine-before,.refine-after{padding:12px;margin-bottom:0;display:block}.refine-before{background:var(--dither-12)}.refine-after{background:var(--expert-color-soft, var(--highlight-soft));border-left:4px solid var(--expert-color, var(--highlight-border))}.refine-tag{font-family:var(--font-pixel);font-size:8px;padding:2px 6px;display:inline-block;margin-bottom:8px}.refine-before .refine-tag{background:var(--color-gray-mid);color:var(--color-white)}.refine-after .refine-tag{background:var(--expert-color, var(--highlight));color:var(--color-black)}.refine-value{font-family:var(--font-mono);font-size:11px;line-height:1.5;display:block}.refine-before .refine-value{color:var(--color-gray-dark)}.refine-after .refine-value{color:var(--color-black);font-weight:700}.refine-headlines-block{margin:0 0 16px;border:2px solid var(--color-black);background:var(--color-white)}.refine-headlines-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--expert-color, var(--highlight));border-bottom:2px solid var(--color-black)}.refine-headlines-after-tag{font-family:var(--font-pixel);font-size:8px;padding:4px 8px;background:var(--color-black);color:var(--color-white)}.refine-headlines-title{font-family:var(--font-pixel);font-size:9px;color:var(--color-white)}.refine-headlines-nav{display:flex;align-items:center;gap:4px}.refine-headlines-list{display:flex;flex-direction:column;gap:0}.refine-headline-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--color-white);border-bottom:1px solid var(--color-gray-light);cursor:pointer;transition:none}.refine-headline-item:last-child{border-bottom:none}.refine-headline-item:hover{background:var(--highlight-hover)}.refine-headline-item--selected,.refine-headline-item--selected:hover{background:var(--expert-color-soft, var(--highlight))}.refine-headline-num{font-family:var(--font-pixel);font-size:10px;background:var(--color-black);color:var(--color-white);width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.refine-headline-item--selected .refine-headline-num{background:var(--color-black);color:var(--color-white)}.refine-headline-text{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--color-black)}.refine-headline-item--selected .refine-headline-text{font-weight:700}.refine-headline-mode{display:flex;gap:16px;padding:10px 12px;background:var(--dither-12);border-top:1px solid var(--color-gray-light)}.refine-headline-mode .refine-radio-label{font-size:10px}.refine-alternatives{margin:12px 0 16px;padding:0;background:var(--color-white);border:2px solid var(--color-black)}.refine-alt-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:var(--dither-25);border-bottom:2px solid var(--color-black)}.refine-alt-btn{background:var(--color-white);border:2px solid var(--color-black);width:28px;height:28px;font-family:var(--font-pixel);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.refine-alt-btn:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.refine-alt-label{font-family:var(--font-pixel);font-size:9px}.refine-alt-list{display:flex;flex-direction:column;gap:0}.refine-alt-item{padding:10px 12px;background:var(--color-white);border:none;border-bottom:1px solid var(--color-gray-light);font-family:var(--font-mono);font-size:11px;color:var(--color-black);cursor:pointer}.refine-alt-item:last-child{border-bottom:none}.refine-alt-item:hover{background:var(--highlight-hover);color:var(--color-black)}.refine-alt-item--selected{background:var(--expert-color-soft, var(--highlight));color:var(--color-black);font-weight:700;border-left:4px solid var(--expert-color, var(--color-black))}.refine-critique-section{padding:0;background:var(--expert-color-soft, var(--highlight-soft));border:2px solid var(--color-black);border-left:4px solid var(--expert-color, var(--highlight))}.refine-critique-label{font-family:var(--font-pixel);font-size:9px;background:var(--color-black);color:var(--color-white);padding:6px 12px;display:block;margin-bottom:0}.refine-critique-text{font-family:var(--font-mono);font-size:11px;font-style:italic;line-height:1.5;padding:12px;color:var(--color-black)}.refine-preview-actions{display:flex;gap:12px;margin-top:16px}.refine-preview-actions .refine-btn{flex:1}.refine-preview-actions .refine-btn-primary{background:var(--expert-color, var(--highlight));color:var(--color-black);border-color:var(--color-black)}.refine-preview-actions .refine-btn-primary:hover{background:var(--expert-color, var(--highlight));box-shadow:4px 4px 0 var(--color-black)}.refine-tab--convert-preview .refine-preview-header{background:#90f}.refine-convert-arrow{font-family:var(--font-mono);font-size:10px;background:var(--color-white);color:#90f;padding:2px 8px}.convert-comparison{margin-bottom:16px;border:2px solid var(--color-black)}.convert-original,.convert-converted{padding:12px}.convert-original{background:var(--dither-12);border-bottom:1px dashed var(--color-gray-mid)}.convert-converted{background:var(--highlight-soft);border-left:4px solid var(--highlight-border)}.convert-arrow{text-align:center;font-size:20px;color:var(--color-gray-mid);margin:4px 0}.convert-format-badge{font-family:var(--font-pixel);font-size:8px;background:var(--color-gray-mid);color:var(--color-white);padding:2px 8px;display:inline-block;margin-bottom:8px}.convert-format-badge--new{background:var(--highlight);color:var(--color-black)}.convert-summary{padding-left:4px}.convert-title{font-family:var(--font-pixel);font-size:10px;margin-bottom:4px}.convert-headline{font-family:var(--font-mono);font-size:11px;font-style:italic}.convert-visual{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-dark);margin-top:6px;line-height:1.4}.convert-scenes{margin:8px 0}.convert-scene{padding:6px 8px;background:var(--dither-12);margin-bottom:4px;font-family:var(--font-mono);font-size:10px}.scene-num{font-family:var(--font-pixel);font-size:8px;background:var(--color-black);color:var(--color-white);padding:1px 4px;margin-right:8px}.scene-visual{color:var(--color-gray-dark)}.convert-super{font-family:var(--font-mono);font-size:11px;font-weight:700;margin-top:8px}.convert-options{display:flex;flex-direction:column;gap:8px}.refine-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-mono);font-size:11px}.refine-radio-label input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-black)}.refine-scenes-list{display:flex;flex-direction:column;gap:0}.refine-scene-item{border-bottom:2px solid var(--color-black)}.refine-scene-item:last-child{border-bottom:none}.refine-scene-header{background:var(--color-black);color:var(--color-white);padding:8px 12px;font-family:var(--font-pixel);font-size:9px}.refine-scene-row{display:flex;flex-direction:column;gap:0;padding:0}.refine-scene-before,.refine-scene-after{display:flex;flex-direction:column;gap:8px;padding:12px}.refine-scene-before{background:var(--dither-12);border-bottom:1px dashed var(--color-gray-mid)}.refine-scene-after{background:var(--expert-color-soft, var(--highlight-soft));border-left:4px solid var(--expert-color, var(--highlight-border))}.refine-scene-before .refine-tag{background:var(--color-gray-mid);color:var(--color-white)}.refine-scene-after .refine-tag{background:var(--expert-color, var(--highlight));color:var(--color-black)}.refine-scene-visual{font-family:var(--font-mono);font-size:11px;line-height:1.5}.refine-scene-before .refine-scene-visual{color:var(--color-gray-dark)}.refine-scene-after .refine-scene-visual{color:var(--color-black);font-weight:700}.refine-scene-meta{padding:8px 12px;font-family:var(--font-mono);font-size:10px;line-height:1.4;background:var(--dither-12);border-top:1px solid var(--color-gray-light)}.refine-scene-meta strong{font-family:var(--font-pixel);font-size:8px;text-transform:uppercase;margin-right:8px}.refine-scene-audio,.refine-scene-duration{padding:6px 12px;font-family:var(--font-mono);font-size:10px;background:var(--dither-12);border-top:1px solid var(--color-gray-light)}.refine-scene-audio strong,.refine-scene-duration strong{font-family:var(--font-pixel);font-size:8px;text-transform:uppercase}@media(max-width:600px){.format-convert-grid{grid-template-columns:repeat(3,1fr)}.refine-preview-actions,.refine-scene-row{flex-direction:column}.refine-mode-card{padding:10px 12px;gap:10px}.refine-mode-card__icon,.refine-mode-card__icon-img{width:40px;height:40px}.refine-mode-card__badge{font-size:7px;padding:3px 8px}.refine-mode-card__title,.refine-mode-card__desc{font-size:9px}}.brand-indicator-container{display:none;width:100%;max-width:960px;margin:0 auto;padding:0 var(--space-md)}.brand-indicator-container.visible{display:block}.brand-indicator{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--black);border:3px solid var(--black);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.brand-indicator-content{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.brand-dot{width:12px;height:12px;border-radius:0;border:2px solid var(--white);flex-shrink:0}.brand-name{font-family:var(--font-heading);font-size:10px;color:var(--white);text-transform:uppercase;letter-spacing:.5px}.brand-meta{font-family:var(--font-body);font-size:11px;color:#ffffffb3;padding-left:var(--space-sm);border-left:1px solid rgba(255,255,255,.3)}.brand-eject-btn{font-family:var(--font-heading);font-size:9px;color:var(--black);background:var(--white);border:2px solid var(--white);padding:4px 12px;cursor:pointer;text-transform:uppercase;transition:background .1s ease,color .1s ease;flex-shrink:0}.brand-eject-btn:hover{background:var(--black);color:var(--white)}.brand-eject-btn:active{transform:translateY(1px)}@media(max-width:600px){.brand-indicator{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.brand-indicator-content{justify-content:flex-start}.brand-eject-btn{align-self:flex-end}.brand-meta{display:none}}.brand-picker-modal{display:none;position:fixed;inset:0;z-index:1000}.brand-picker-modal.active{display:flex;align-items:center;justify-content:center}.brand-picker-overlay{position:absolute;inset:0;background:#0009}.brand-picker-content{position:relative;width:90%;max-width:400px;max-height:80vh;background:var(--color-white);border:3px solid var(--color-black);box-shadow:6px 6px 0 var(--color-black);display:flex;flex-direction:column}.brand-picker-titlebar{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:var(--dither);background-size:4px 4px;border-bottom:3px solid var(--color-black);position:relative;min-height:36px}.brand-picker-title{display:inline-flex;align-items:center;background:var(--color-white);padding:var(--space-2xs) var(--space-md);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:9px;color:var(--color-black);text-transform:uppercase}.brand-picker-close{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);width:14px;height:14px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;padding:0;font-size:0;color:transparent}.brand-picker-close:before{content:"";position:absolute;inset:2px;border:1px solid var(--color-black)}.brand-picker-close:hover{background:var(--color-black)}.brand-picker-close:hover:before{border-color:var(--color-white)}.brand-picker-search{padding:12px 16px}.brand-picker-search-input{width:100%;padding:10px 12px;font-family:var(--font-body);font-size:12px;border:2px solid var(--color-black);background:var(--color-white)}.brand-picker-search-input:focus{outline:none;box-shadow:3px 3px 0 var(--color-black)}.brand-picker-search-input::placeholder{color:var(--color-gray-mid)}.brand-picker-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;-ms-overflow-style:none}.brand-picker-list::-webkit-scrollbar{display:none}.brand-picker-item{display:flex;flex-direction:column;width:100%;background:var(--color-white);border:2px solid var(--color-black);border-radius:4px;overflow:hidden;cursor:pointer}.brand-picker-item:hover{opacity:.9}.brand-picker-item.active{border-color:var(--color-black);border-style:solid}.brand-picker-item-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--shell-color, #64748b)}.brand-picker-led{width:8px;height:8px;background:#ffffff4d;border-radius:50%;flex-shrink:0}.brand-picker-item.active .brand-picker-led{background:#0f0;box-shadow:0 0 6px #0f0}.brand-picker-name{font-family:var(--font-pixel);font-size:10px;color:var(--color-white);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-picker-industry{font-family:var(--font-pixel);font-size:8px;color:#ffffffb3;margin-left:auto}.brand-picker-item-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--color-white);gap:8px}.brand-picker-colors{display:flex;gap:3px}.brand-picker-swatch{width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.3)}.brand-picker-product-count{font-family:var(--font-pixel);font-size:7px;color:var(--color-gray-mid);text-transform:uppercase}.brand-picker-item[data-brand-id=""]{display:flex!important;border:2px dashed var(--color-gray-mid);background:var(--color-white);min-height:60px}.brand-picker-item[data-brand-id=""] .brand-picker-item-header{background:var(--color-gray-light);padding:16px;flex-wrap:wrap}.brand-picker-item[data-brand-id=""] .brand-picker-name{color:var(--color-black);font-family:var(--font-pixel);font-size:10px;flex:none;width:100%;margin-bottom:4px;white-space:normal}.brand-picker-item[data-brand-id=""] .brand-picker-industry{color:var(--color-gray-mid);font-family:var(--font-pixel);font-size:8px;margin-left:0;flex:none;width:100%;white-space:normal}.brand-picker-item[data-brand-id=""] .brand-picker-led{display:none}.brand-picker-item[data-brand-id=""]:hover{border-color:var(--color-black);background:var(--dither-12)}.brand-picker-item[data-brand-id=""].active{border-style:solid;border-color:var(--color-black);background:var(--color-gray-light)}.brand-picker-group{display:flex;flex-direction:column;gap:4px}.brand-picker-products{margin-left:16px;padding:8px 10px;background:var(--dither-12);border-left:3px solid var(--color-gray-mid);border-radius:0 4px 4px 0;display:flex;flex-direction:column;gap:6px}.brand-picker-products-header{font-family:var(--font-pixel);font-size:9px;color:var(--color-black);text-transform:uppercase;letter-spacing:.5px;padding-left:4px;margin-bottom:4px}.brand-picker-product{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:8px 10px;background:var(--color-white);border:2px solid var(--color-black);border-radius:4px;cursor:pointer;text-align:left}.brand-picker-product:hover{background:var(--color-gray-light)}.brand-picker-product.active{background:var(--black);color:var(--white);border-color:var(--black)}.brand-picker-product .product-header{display:flex;align-items:center;gap:6px;width:100%}.brand-picker-product .product-icon{font-family:var(--font-body);font-size:10px;color:var(--color-gray-mid);flex-shrink:0;width:14px}.brand-picker-product.active .product-icon{color:var(--white)}.brand-picker-product.active .product-icon:before{content:"✓"}.brand-picker-product:not(.active) .product-icon:before{content:"○"}.brand-picker-product .product-name{font-family:var(--font-pixel);font-size:9px;font-weight:400;color:var(--color-black)}.brand-picker-product .product-desc{font-family:var(--font-body);font-size:10px;color:var(--color-gray-mid);line-height:1.4;padding-left:20px}.brand-picker-product.active .product-name{color:var(--white)}.brand-picker-product.active .product-desc{color:#ffffffb3}.brand-picker-product-none{background:var(--dither-12);border-style:dashed;flex-direction:row;align-items:center;gap:6px;padding:6px 10px}.brand-picker-product-none:hover{background:var(--white);border-style:solid}.brand-picker-product-none.active{background:var(--black);border-style:solid}.brand-picker-product-none .product-name{font-style:italic;color:var(--color-gray-dark)}.brand-picker-product-none.active .product-name{color:var(--white);font-style:normal}.brand-picker-product-none .product-desc{display:none}.brand-picker-loading{padding:var(--space-lg);text-align:center;font-family:var(--font-body);font-size:12px;color:var(--color-gray-mid)}.brand-picker-footer-link{display:block;padding:12px 16px;font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-mid);text-decoration:none;text-transform:uppercase;text-align:center;cursor:pointer}.brand-picker-footer-link:hover{color:var(--color-black);text-decoration:underline}.brand-picker-footer-arrow{display:none}.image-gen-modal{width:90%;max-width:480px;max-height:90vh;overflow-y:auto}.image-gen-modal .modal-body{padding:12px 16px}.image-gen-section{margin-bottom:10px}.image-gen-label{display:block;font-family:var(--font-pixel);font-size:8px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-black)}.model-selector{display:flex;gap:var(--space-sm)}.model-btn{flex:1;padding:8px 6px;border:2px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:none}.model-btn:hover{background:var(--color-gray-light)}.model-btn.active{background:var(--color-black);color:var(--color-white);box-shadow:4px 4px #0000004d}.model-name{font-size:9px;text-transform:uppercase}.model-cost{font-family:var(--font-mono);font-size:10px;opacity:.7}.aspect-selector{display:flex;gap:var(--space-xs);flex-wrap:wrap}.aspect-btn{padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-black);background:var(--color-white);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:none}.aspect-btn:hover{background:var(--color-gray-light)}.aspect-btn.active{background:var(--color-black);color:var(--color-white)}.image-gen-select{width:100%;padding:var(--space-sm) var(--space-md);border:3px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:10px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12L6 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.image-gen-select:hover{background-color:var(--color-gray-light)}.image-gen-select:focus{outline:none;box-shadow:4px 4px 0 var(--color-black)}.image-gen-select option{font-family:var(--font-mono);font-size:12px;padding:var(--space-xs)}.image-gen-textarea{width:100%;padding:8px;border:2px solid var(--color-black);font-family:var(--font-mono);font-size:11px;line-height:1.5;resize:vertical;min-height:100px;background:var(--color-white)}.image-gen-textarea:focus{outline:none;box-shadow:4px 4px 0 var(--color-black)}.image-gen-cost{font-family:var(--font-mono);font-size:11px;text-align:right;padding:4px 0;color:var(--color-gray-dark)}.cost-value{font-weight:700;color:var(--color-black)}.image-gen-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:10px 16px;border-top:2px solid var(--color-black);background:var(--color-gray-light)}.btn-generate-image{padding:var(--space-sm) var(--space-lg);font-size:10px;min-width:140px}.btn-generate-image:disabled{opacity:.5;cursor:not-allowed}.btn-generate-image .btn-loading{animation:blink .5s steps(2) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.idea-image-container{width:100%;border-bottom:3px solid var(--color-black);background:var(--color-gray-light)}.idea-card.selected .idea-image-container{border-bottom-color:var(--color-gray-dark)}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);min-height:180px}.image-placeholder.generating{background:repeating-linear-gradient(45deg,var(--color-gray-light),var(--color-gray-light) 10px,var(--color-white) 10px,var(--color-white) 20px);animation:placeholder-stripes .5s steps(4) infinite}.pixel-loader{width:48px;height:48px;background:var(--color-black);position:relative;animation:pixel-pulse .5s steps(2) infinite}.pixel-loader:before,.pixel-loader:after{content:"";position:absolute;background:var(--color-black)}.pixel-loader:before{width:16px;height:16px;top:-16px;left:16px;animation:pixel-bounce .3s steps(2) infinite alternate}.pixel-loader:after{width:16px;height:16px;bottom:-16px;left:16px;animation:pixel-bounce .3s steps(2) infinite alternate-reverse}@keyframes pixel-bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.placeholder-text{font-family:var(--font-pixel);font-size:9px;margin-top:var(--space-md);color:var(--color-black);animation:blink .5s steps(2) infinite}.image-placeholder.error{background:#fee}.error-icon{font-size:32px;font-weight:700;color:var(--color-black);margin-bottom:var(--space-sm)}.error-text{font-family:var(--font-mono);font-size:11px;color:#c00;margin-bottom:var(--space-sm);text-align:center;max-width:200px}.btn-retry{padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:9px;cursor:pointer}.btn-retry:hover{background:var(--color-black);color:var(--color-white)}.generated-image-wrapper{position:relative;width:100%}.generated-image{width:100%;height:auto;display:block;image-rendering:auto}.image-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.btn-img-action{width:28px;height:28px;border:2px solid var(--color-black);background:var(--color-white);color:var(--color-black);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;box-shadow:2px 2px 0 var(--color-black)}.btn-img-action svg{width:14px;height:14px}.btn-img-action svg rect{fill:var(--color-black)}.btn-img-action:hover{background:var(--color-black);color:var(--color-white)}.btn-img-action:hover svg rect{fill:var(--color-white)}.btn-img-action:hover svg path{stroke:var(--color-white)}.btn-img-action:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}.btn-generate-img{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border:3px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:9px;cursor:pointer;transition:none;box-shadow:4px 4px 0 var(--color-black)}.btn-generate-img .btn-gen-icon{display:flex;align-items:center}.btn-generate-img .btn-gen-icon svg{width:14px;height:14px}.btn-generate-img:hover{background:var(--color-black);color:var(--color-white)}.btn-generate-img:hover svg{fill:var(--color-white)}.btn-generate-img:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.idea-card.selected .btn-generate-img{background:var(--color-white);color:var(--color-black);border-color:var(--color-black);box-shadow:none}.idea-card.selected .btn-generate-img:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-white)}.idea-card.selected .btn-generate-img:hover svg{fill:var(--color-white)}.btn-generate-img.generating{opacity:.7;pointer-events:none}.btn-generate-img.generating .btn-gen-text{animation:blink .5s steps(2) infinite}.idea-card[data-format=campaign] .btn-generate-img{display:none}#image-preview-modal{position:fixed;inset:0;background:#000000f2;z-index:var(--z-modal-urgent);display:none;align-items:center;justify-content:center}#image-preview-modal.active{display:flex}.image-preview-modal{width:90%;max-width:900px;background:var(--color-black);border:4px solid var(--color-white);display:flex;flex-direction:column;max-height:90vh}.image-preview-modal .modal-body{padding:16px;background:var(--color-black);border:none;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.image-preview-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-black);border:none}.image-preview-container img{display:block;max-width:100%;max-height:calc(90vh - 120px);object-fit:contain;border:none}.image-preview-modal .modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:10px 16px;border-top:2px solid var(--color-white);background:var(--color-black)}.image-preview-modal .modal-footer .btn{background:transparent;border-color:var(--color-white);color:var(--color-white)}.image-preview-modal .modal-footer .btn:hover{background:var(--color-white);color:var(--color-black)}.image-preview-modal .modal-footer .btn:hover svg path{stroke:var(--color-black)}.image-preview-footer-left{display:flex;align-items:center;gap:8px;margin-right:auto}.preview-nav-btn{display:flex;align-items:center;padding:8px 12px;font-size:9px}.preview-nav-btn:disabled{opacity:.3;cursor:not-allowed}.preview-nav-btn:disabled:hover{background:transparent;color:var(--color-white)}.preview-nav-btn:disabled:hover svg path{stroke:var(--color-white)}.image-preview-modal .modal-footer .preview-counter{font-family:var(--font-pixel);font-size:10px;color:var(--color-white);padding:0 8px;position:static}.image-preview-modal .modal-footer .preview-counter:empty{display:none}.image-preview-modal.hidden{display:none!important}@media(max-width:768px){.image-gen-modal{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column}.image-gen-modal .modal-titlebar{padding:var(--space-sm);padding-top:calc(var(--space-sm) + env(safe-area-inset-top,0px));flex-shrink:0}.image-gen-modal .modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md)}.image-gen-footer{flex-direction:column;flex-shrink:0;padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));gap:var(--space-sm)}.image-gen-footer .btn{width:100%;min-height:48px;justify-content:center}.model-selector{flex-direction:column}.aspect-selector{justify-content:center;flex-wrap:wrap;gap:var(--space-xs)}.aspect-btn{padding:8px 12px;font-size:10px;min-height:44px}.style-selector{justify-content:flex-start;flex-wrap:wrap}.style-btn{min-height:44px}}@media(max-width:600px){.aspect-btn{padding:6px 10px;font-size:9px}.image-placeholder{min-height:140px;padding:var(--space-md)}.pixel-loader{width:32px;height:32px}.pixel-loader:before,.pixel-loader:after{width:10px;height:10px}.pixel-loader:before{top:-10px;left:11px}.pixel-loader:after{bottom:-10px;left:11px}.image-preview-modal{width:95%;max-width:none}.image-preview-container img{max-height:calc(60vh - 100px)}.image-preview-modal .modal-footer{flex-direction:column;gap:8px}.image-preview-footer-left,.image-preview-modal .modal-footer .btn{width:100%;justify-content:center}}.image-edit-modal{width:90%;max-width:520px;max-height:90vh;overflow-y:auto}.image-edit-modal .modal-body{padding:16px;display:flex;flex-direction:column;gap:16px}.edit-modal-label{display:block;font-family:var(--font-pixel);font-size:8px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;color:var(--color-black)}.edit-image-preview-section{display:flex;flex-direction:column}.edit-image-preview-container{border:2px solid var(--color-black);background:var(--dither-12, #f0f0f0);padding:4px;display:flex;align-items:center;justify-content:center;max-height:200px;overflow:hidden}.edit-image-preview-container img{max-width:100%;max-height:188px;object-fit:contain;display:block}.edit-prompt-section{display:flex;flex-direction:column}.edit-modal-textarea{width:100%;padding:10px;border:2px solid var(--color-black);font-family:var(--font-mono);font-size:12px;line-height:1.4;min-height:120px;resize:vertical;background:var(--color-white)}.edit-modal-textarea:focus{outline:none;box-shadow:4px 4px 0 var(--color-black)}.edit-modal-textarea::placeholder{color:var(--color-gray-mid, #888);font-style:italic;font-size:11px}.edit-options-section{display:flex;gap:16px;flex-wrap:wrap}.edit-option-group{flex:1;min-width:140px}.edit-resolution-buttons{display:flex;gap:4px}.resolution-btn{flex:1;padding:6px 8px;border:2px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:8px;cursor:pointer;transition:none}.resolution-btn:hover{background:var(--color-gray-light, #e0e0e0)}.resolution-btn.active{background:var(--color-black);color:var(--color-white)}.edit-aspect-buttons{display:flex;gap:4px;flex-wrap:wrap}.edit-aspect-btn{padding:6px 8px;border:2px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:8px;cursor:pointer;transition:none}.edit-aspect-btn:hover{background:var(--color-gray-light, #e0e0e0)}.edit-aspect-btn.active{background:var(--color-black);color:var(--color-white)}.edit-cost-section{display:flex;align-items:center;gap:8px;padding:8px;background:var(--dither-12, #f0f0f0);border:2px solid var(--color-black)}.edit-cost-label{font-family:var(--font-pixel);font-size:8px;text-transform:uppercase}.edit-cost-value{font-family:var(--font-mono);font-size:12px;font-weight:700}.edit-info-tip{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--color-white);border:2px dashed var(--color-black);font-family:var(--font-mono);font-size:10px;line-height:1.4}.edit-info-tip .info-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-black);color:var(--color-white);font-family:var(--font-pixel);font-size:8px;flex-shrink:0}.edit-info-tip .info-text{color:var(--color-gray-dark, #333)}.edit-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:3px solid var(--color-black);background:var(--color-gray-light, #e0e0e0)}.edit-modal-footer .btn{min-width:100px}.edit-modal-footer .btn-primary{background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.edit-modal-footer .btn-primary:hover{background:var(--color-white);color:var(--color-black)}.edit-modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.edit-modal-footer .btn-loading{display:flex;align-items:center;gap:6px}.pixel-spinner{width:12px;height:12px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;animation:spin .8s steps(8) infinite}.image-placeholder.editing{background:repeating-linear-gradient(45deg,var(--color-gray-light),var(--color-gray-light) 10px,var(--color-white) 10px,var(--color-white) 20px);animation:placeholder-stripes .5s steps(4) infinite}.image-placeholder.editing .placeholder-text{color:var(--color-black)}.btn-img-action.btn-edit{background:var(--color-white);border:2px solid var(--color-black)}.btn-img-action.btn-edit:hover{background:var(--color-black);color:var(--color-white)}.btn-img-action.btn-edit svg{width:14px;height:14px}@media(max-width:768px){.image-edit-modal{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column}.image-edit-modal .modal-titlebar{padding:var(--space-sm);padding-top:calc(var(--space-sm) + env(safe-area-inset-top,0px));flex-shrink:0}.image-edit-modal .modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px))}.edit-options-section{flex-direction:column}.edit-modal-footer{flex-direction:column;flex-shrink:0;padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));gap:var(--space-sm)}.edit-modal-footer .btn{width:100%;min-height:48px;justify-content:center}.edit-aspect-buttons{justify-content:center;flex-wrap:wrap}.edit-aspect-btn{min-width:48px;min-height:44px}}.video-gen-modal{width:90%;max-width:480px;max-height:90vh;overflow-y:auto}.video-gen-modal .modal-body{padding:12px 16px}.video-gen-section{margin-bottom:6px}.video-gen-section:last-of-type{margin-bottom:0}.video-gen-label{display:block;font-family:var(--font-pixel);font-size:8px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-black)}.video-gen-select-inline{flex:1;padding:4px 24px 4px 8px;border:2px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:8px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:10px}.video-gen-select-inline:focus{outline:none;box-shadow:2px 2px 0 var(--color-black)}.video-gen-select-inline:hover{background-color:var(--color-gray-light, #f0f0f0)}.video-source-images{display:flex;gap:8px}.video-source-images .video-source-image-container{flex:1;position:relative}.video-source-images .image-label{position:absolute;top:6px;left:6px;background:var(--color-black);color:var(--color-white);padding:2px 6px;font-size:8px;font-family:var(--font-pixel);z-index:var(--z-base);text-transform:uppercase}.video-source-image-container{border:2px solid var(--color-black);background:var(--dither-12, #f0f0f0);padding:4px;display:flex;align-items:center;justify-content:center;max-height:160px;overflow:hidden}.video-source-image-container img{max-width:100%;max-height:148px;object-fit:contain;display:block}.duration-selector{display:flex;gap:var(--space-xs)}.duration-btn{flex:1;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:10px;cursor:pointer;transition:none}.duration-btn:hover{background:var(--color-gray-light)}.duration-btn.active{background:var(--color-black);color:var(--color-white)}.video-settings-info{display:flex;gap:var(--space-sm);flex-wrap:wrap}.setting-badge{padding:6px 10px;border:2px solid var(--color-black);background:var(--color-gray-light);font-family:var(--font-pixel);font-size:9px;text-transform:uppercase}.settings-note{margin-top:6px;font-family:var(--font-mono);font-size:10px;color:var(--color-gray-dark);font-style:italic}.video-gen-textarea{width:100%;padding:8px;border:2px solid var(--color-black);font-family:var(--font-mono);font-size:11px;line-height:1.5;resize:vertical;min-height:80px;background:var(--color-white)}.video-gen-textarea:focus{outline:none;box-shadow:4px 4px 0 var(--color-black)}.video-gen-textarea::placeholder{color:var(--color-gray-mid, #888);font-style:italic}.video-gen-info{font-family:var(--font-mono);font-size:10px;text-align:right;padding:4px 0;color:var(--color-gray-dark);display:flex;justify-content:flex-end;align-items:center;gap:8px}.video-gen-info .info-model{font-family:var(--font-pixel);font-size:8px;text-transform:uppercase}.video-gen-info .info-divider{color:var(--color-gray-mid, #888)}.video-gen-info .info-resolution{font-weight:700;color:var(--color-black)}.video-gen-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:10px 16px;border-top:2px solid var(--color-black);background:var(--color-gray-light)}.btn-generate-video{padding:var(--space-sm) var(--space-lg);font-size:10px;min-width:160px}.btn-generate-video:disabled{opacity:.5;cursor:not-allowed}.btn-generate-video .btn-loading{animation:blink .5s steps(2) infinite}@media(max-width:768px){.video-gen-modal{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column}.video-gen-modal .modal-titlebar{padding:var(--space-sm);padding-top:calc(var(--space-sm) + env(safe-area-inset-top,0px));flex-shrink:0}.video-gen-modal .modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md)}.video-gen-footer{flex-direction:column;flex-shrink:0;padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));gap:var(--space-sm)}.video-gen-footer .btn{width:100%;min-height:48px;justify-content:center}.btn-generate-video{width:100%;min-height:52px}.video-source-images{flex-direction:column}.video-source-image-container{max-height:140px}.duration-selector{flex-wrap:wrap}.duration-btn{min-height:44px}}.video-settings-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.video-settings-row .setting-label{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-dark, #444);min-width:70px}.video-settings-row .setting-badge.is-fixed{font-family:var(--font-pixel);font-size:8px;padding:4px 8px;background:var(--color-gray-light, #f0f0f0);border:2px solid var(--color-black);color:var(--color-gray-dark, #444)}.toggle-buttons{display:flex;gap:0;flex-wrap:wrap}.toggle-btn{font-family:var(--font-pixel);font-size:8px;padding:4px 8px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer;transition:none;min-width:0;flex-shrink:1}.toggle-btn:not(:last-child){border-right:none}#video-duration-container .toggle-buttons{flex-wrap:nowrap}#video-duration-container .toggle-btn{flex:1;padding:4px 6px;text-align:center}.toggle-btn:hover{background:var(--color-gray-light, #f0f0f0)}.toggle-btn.active{background:var(--color-black);color:var(--color-white)}.video-cost-display{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-gray-mid, #888)}.video-cost-display .cost-label{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-dark, #444)}.video-cost-display .cost-value{font-family:var(--font-pixel);font-size:12px;color:var(--color-black);font-weight:700}.video-gen-modal .prompt-tip-blue{margin-top:6px;margin-bottom:0}.idea-card-body .btn-make-video{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border:3px solid var(--color-black);background:var(--color-white);font-family:var(--font-pixel);font-size:9px;cursor:pointer;transition:none;box-shadow:4px 4px 0 var(--color-black);margin-top:8px}.idea-card-body .btn-make-video .btn-video-icon{display:flex;align-items:center}.idea-card-body .btn-make-video .btn-video-icon svg{width:14px;height:14px}.idea-card-body .btn-make-video:hover{background:var(--color-black);color:var(--color-white)}.idea-card-body .btn-make-video:hover svg{fill:var(--color-white)}.idea-card-body .btn-make-video:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.idea-card[data-format=campaign] .btn-make-video{display:none}.btn-make-video.generating{opacity:.7;pointer-events:none}.btn-make-video.generating .btn-video-text{animation:blink .5s steps(2) infinite}.image-actions .btn-make-video,.video-actions .btn-make-video{width:28px;height:28px;padding:4px;margin-top:0;box-shadow:2px 2px 0 var(--color-black);font-size:inherit;font-family:inherit}.image-actions .btn-make-video svg,.video-actions .btn-make-video svg{width:14px;height:14px}.idea-video-container{width:100%;border-bottom:3px solid var(--color-black);background:var(--color-gray-light);position:relative}.idea-video-container video{width:100%;height:auto;display:block}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);min-height:120px}.video-placeholder.generating{background:repeating-linear-gradient(45deg,var(--color-gray-light),var(--color-gray-light) 10px,var(--color-white) 10px,var(--color-white) 20px);animation:placeholder-stripes .5s steps(4) infinite}.video-placeholder .placeholder-text{font-family:var(--font-pixel);font-size:9px;margin-top:var(--space-md);color:var(--color-black);animation:blink .5s steps(2) infinite}.video-placeholder .placeholder-subtext{font-family:var(--font-mono);font-size:10px;margin-top:var(--space-xs);color:var(--color-gray-dark, #666);text-align:center}.video-placeholder.error{background:#fee}.video-placeholder.error .error-text{font-family:var(--font-mono);font-size:11px;color:#c00;margin-bottom:var(--space-sm);text-align:center;max-width:200px}.video-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}@media(max-width:600px){.video-gen-modal{width:95%;max-height:95vh}.video-gen-footer{flex-direction:column}.video-gen-footer .btn{width:100%;justify-content:center}.duration-selector{gap:4px}.duration-btn{padding:6px 10px;font-size:9px}.video-source-image-container{max-height:120px}.video-source-image-container img{max-height:108px}}#video-preview-modal{position:fixed;inset:0;background:#000000f2;z-index:var(--z-modal-urgent);display:none;align-items:center;justify-content:center}#video-preview-modal.active{display:flex}.video-preview-modal{width:90%;max-width:900px;background:var(--color-black);border:4px solid var(--color-white);display:flex;flex-direction:column}.video-preview-body{padding:0;background:var(--color-black)}.video-preview-container{width:100%;display:flex;align-items:center;justify-content:center;background:var(--color-black)}.video-preview-player{width:100%;max-height:70vh;display:block;background:var(--color-black)}.video-preview-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:10px 16px;border-top:2px solid var(--color-white);background:var(--color-black)}.video-preview-footer .btn{border-color:var(--color-white);color:var(--color-white)}.video-preview-footer .btn:hover{background:var(--color-white);color:var(--color-black)}.btn-video-action{width:28px;height:28px;border:2px solid var(--color-black);background:var(--color-white);color:var(--color-black);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;box-shadow:2px 2px 0 var(--color-black)}.btn-video-action svg{width:14px;height:14px}.btn-video-action:hover{background:var(--color-black);color:var(--color-white)}.btn-video-action:hover svg path{stroke:var(--color-white)}.btn-video-action:hover svg rect{fill:var(--color-white)}.btn-video-action:hover svg polygon{fill:var(--color-white)}.btn-video-action:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}@media(max-width:768px){.video-preview-modal{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border:none;border-radius:0;display:flex;flex-direction:column}.video-preview-modal .modal-titlebar{padding:var(--space-sm);padding-top:calc(var(--space-sm) + env(safe-area-inset-top,0px));flex-shrink:0}.video-preview-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-sm)}.video-preview-player{max-height:100%;max-width:100%;object-fit:contain}.video-preview-footer{flex-shrink:0;padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));flex-direction:column;gap:var(--space-sm)}.video-preview-footer .btn{width:100%;min-height:48px;justify-content:center}}.video-save-status{position:absolute;bottom:8px;left:8px;padding:4px 8px;font-family:var(--font-mono);font-size:10px;border:2px solid;background:var(--color-white);z-index:var(--z-content);transition:opacity .3s ease;text-transform:uppercase;letter-spacing:.5px}.video-save-status.success{border-color:#2ecc71;color:#2ecc71;background:#2ecc711a}.video-save-status.warning{border-color:#f39c12;color:#f39c12;background:#f39c121a}.video-save-status.error{border-color:#e74c3c;color:#e74c3c;background:#e74c3c1a}.video-save-status.fade-out{opacity:0}.idea-video-container,.generated-video-wrapper{position:relative}#image-gen-modal.modal-overlay.active{z-index:var(--z-modal-urgent)}#image-edit-modal-overlay.modal-overlay.active{z-index:var(--z-overlay)}#video-gen-modal.modal-overlay.active{z-index:var(--z-modal-urgent)}#video-preview-modal.modal-overlay.active{z-index:var(--z-modal-top)}.storyboard-skeleton{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-header{display:flex;justify-content:space-between;padding:var(--space-sm);background:var(--color-gray-light);border:2px solid var(--color-gray-mid)}.skeleton-bar{background:var(--dither-25, #ddd);height:12px;border-radius:0}.skeleton-bar.skeleton-style{width:180px}.skeleton-bar.skeleton-duration{width:40px}.skeleton-bar.small{width:50px;height:8px;margin-top:4px}.skeleton-bar.label{width:60px;height:8px;margin-bottom:4px}.skeleton-bar.value{width:100%;margin-bottom:4px}.skeleton-bar.value.short{width:60%}.skeleton-bar.section-header{width:80px;height:10px;margin-bottom:6px}.skeleton-tabs{display:flex;gap:4px}.skeleton-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-xs) var(--space-sm);background:var(--color-gray-light);border:2px dashed var(--color-gray-mid)}.skeleton-tab.active{background:var(--dither-25, #ddd);border-style:solid}.skeleton-tab .skeleton-bar{width:60px}.skeleton-scene-card{border:2px dashed var(--color-gray-mid);background:var(--color-white)}.skeleton-scene-header{padding:var(--space-xs) var(--space-sm);background:var(--dither-25, #ddd);border-bottom:2px dashed var(--color-gray-mid)}.skeleton-scene-header .skeleton-bar{width:120px}.skeleton-scene-body{display:grid;grid-template-columns:160px 1fr;gap:var(--space-md);padding:var(--space-md)}.skeleton-frames{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-frame{border:2px dashed var(--color-gray-mid)}.skeleton-frame-label{height:16px;background:var(--dither-12, #eee)}.skeleton-frame-content{aspect-ratio:16 / 9;background:var(--dither-12, #f5f5f5)}.skeleton-details{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-field,.skeleton-section{padding:var(--space-xs);border:2px dashed var(--color-gray-light)}.skeleton-cta{text-align:center;padding:var(--space-md);background:var(--color-gray-light);border:2px solid var(--color-gray-mid)}.skeleton-cta-text{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-dark);margin:0}.skeleton-cta-text strong{color:var(--color-black)}.storyboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--color-gray-light);border:2px solid var(--color-black);margin-bottom:var(--space-sm)}.storyboard-meta{display:flex;align-items:center;gap:6px}.storyboard-meta-label{font-family:var(--font-pixel);font-size:7px;color:var(--color-gray-dark);text-transform:uppercase}.storyboard-style{font-family:var(--font-mono);font-size:11px;color:var(--color-black)}.storyboard-style-field{flex:1}.storyboard-style-input{flex:1;width:100%;padding:4px 8px;font-family:var(--font-mono);font-size:11px;color:var(--color-black);border:2px solid var(--color-gray-mid);background:var(--color-white)}.storyboard-style-input:focus{outline:none;border-color:var(--color-black);box-shadow:2px 2px 0 var(--color-black)}.storyboard-duration{font-family:var(--font-pixel);font-size:10px;background:var(--color-black);color:var(--color-white);padding:4px 8px}.scene-nav-tabs-container{display:flex;align-items:stretch;gap:var(--space-xs);margin-bottom:var(--space-sm)}.scene-nav-tabs{display:flex;gap:4px;flex:1}.btn-add-scene{width:36px;min-width:36px;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:18px;font-weight:700;background:var(--color-white);border:2px solid var(--color-black);box-shadow:2px 2px 0 var(--color-black);cursor:pointer;flex-shrink:0;transition:none}.btn-add-scene:hover{background:var(--color-black);color:var(--color-white)}.btn-add-scene:active{box-shadow:none;transform:translate(2px,2px)}.scene-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;font-family:var(--font-pixel);transition:none}.scene-nav-tab:hover:not(.active){background:var(--color-gray-light)}.scene-nav-tab.active{background:var(--color-black);color:var(--color-white)}.scene-nav-number{font-size:8px;letter-spacing:.5px}.scene-nav-timing{font-family:var(--font-mono);font-size:9px;opacity:.7}.scene-card-screenplay{background:var(--color-white);border:3px solid var(--color-black);box-shadow:6px 6px 0 var(--color-black)}.scene-card-screenplay.has-changes{border-color:#f60}.scene-card-header-sp{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-black);color:var(--color-white)}.scene-badge{font-family:var(--font-pixel);font-size:8px;letter-spacing:1px}.scene-timing-badge{font-family:var(--font-mono);font-size:10px;opacity:.8}.scene-card-body-full{display:grid;grid-template-columns:200px 1fr;gap:var(--space-md);padding:var(--space-md)}.scene-frames-column{display:flex;flex-direction:column;gap:var(--space-sm)}.frame-slot{border:2px solid var(--color-black);background:var(--color-white)}.frame-slot.has-image{border-color:var(--color-black)}.frame-slot.empty{border-style:dashed;border-color:var(--color-gray-mid)}.frame-label{padding:4px 8px;background:var(--color-gray-light);border-bottom:2px solid var(--color-gray-mid);font-family:var(--font-pixel);font-size:7px;color:var(--color-gray-dark);text-transform:uppercase;letter-spacing:.5px}.frame-content{aspect-ratio:16 / 9;position:relative;background:var(--dither-12, #f5f5f5)}.frame-image{width:100%;height:100%;object-fit:contain;background:#111}.frame-clickable{cursor:pointer;transition:opacity .1s}.frame-clickable:hover{opacity:.9}.frame-clickable:hover:after{content:"CLICK TO PREVIEW";position:absolute;bottom:4px;left:50%;transform:translate(-50%);padding:4px 8px;background:#000c;color:#fff;font-family:var(--font-pixel);font-size:7px;white-space:nowrap;pointer-events:none}.frame-placeholder{display:flex;align-items:center;justify-content:center}.btn-gen-frame{padding:8px 16px;background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:8px;cursor:pointer;box-shadow:2px 2px 0 var(--color-black)}.btn-gen-frame:hover{background:var(--color-black);color:var(--color-white)}.btn-regen-frame{display:block;width:100%;padding:4px;background:var(--color-gray-light);border:none;border-top:2px solid var(--color-gray-mid);font-family:var(--font-pixel);font-size:7px;color:var(--color-gray-dark);cursor:pointer}.btn-regen-frame:hover{background:var(--color-black);color:var(--color-white)}.frame-generating{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm)}.frame-spinner{width:20px;height:20px;border:2px solid var(--color-gray-light);border-top-color:var(--color-black);border-radius:0;animation:spin .8s steps(8) infinite}.frame-generating span{font-family:var(--font-pixel);font-size:7px;color:var(--color-gray-dark)}.video-gen-section{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--dither-12, #f8f8f8);border:2px dashed var(--color-gray-mid);text-align:center}.btn-gen-video{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:var(--color-black);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:8px;color:var(--color-white);cursor:pointer;box-shadow:2px 2px 0 var(--color-black)}.btn-gen-video:hover:not(.disabled):not(.locked){background:var(--color-white);color:var(--color-black)}.btn-gen-video.disabled{opacity:.5;cursor:not-allowed;background:var(--color-gray-mid);border-color:var(--color-gray-mid);box-shadow:none}.btn-gen-video.locked{background:var(--color-gray-light);color:var(--color-gray-mid);border-color:var(--color-gray-mid);cursor:not-allowed;box-shadow:none}.lock-icon,.btn-icon{font-size:10px}.video-gen-note{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-mid);margin:4px 0 0}.scene-details-column{display:flex;flex-direction:column;gap:var(--space-sm)}.scene-field{display:flex;flex-direction:column;gap:4px}.scene-field-label{font-family:var(--font-pixel);font-size:7px;color:var(--color-gray-dark);text-transform:uppercase;letter-spacing:.5px}.scene-field-input{width:100%;padding:8px;font-family:var(--font-mono);font-size:11px;line-height:1.5;border:2px solid var(--color-gray-mid);background:var(--color-white);resize:vertical}.scene-field-input:focus{outline:none;border-color:var(--color-black);box-shadow:2px 2px 0 var(--color-black)}.scene-visual-input{min-height:80px}.scene-camera-input,.scene-voiceover-input,.scene-audio-input{min-height:48px}.scene-actions-row{display:flex;gap:8px;margin-top:12px}.scene-actions-row .btn-copy-prompt{flex:1;padding:10px 12px;background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:8px;color:var(--color-black);cursor:pointer;box-shadow:2px 2px 0 var(--color-black)}.scene-actions-row .btn-copy-prompt:hover{background:var(--color-black);color:var(--color-white)}.scene-actions-row .btn-copy-prompt.copied{background:#0a0;border-color:#0a0;color:var(--color-white);box-shadow:2px 2px #060}.btn-save-scene{flex:1;padding:10px 12px;background:var(--color-gray-light);border:2px solid var(--color-gray-mid);font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-mid);cursor:not-allowed}.btn-save-scene:disabled{opacity:.5}.btn-save-scene.active{background:var(--color-white);border-color:var(--color-black);color:var(--color-black);cursor:pointer;box-shadow:2px 2px 0 var(--color-black)}.btn-save-scene.active:hover{background:var(--color-black);color:var(--color-white)}.btn-save-scene.loading{background:var(--color-black);border-color:var(--color-black);color:var(--color-white);cursor:wait;opacity:.8}.btn-save-scene.error{background:red;border-color:#c00;color:var(--color-white);box-shadow:2px 2px #c00}.btn-duplicate-scene{flex:1;padding:10px 12px;background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:8px;color:var(--color-black);cursor:pointer;box-shadow:2px 2px 0 var(--color-black)}.btn-duplicate-scene:hover{background:var(--color-black);color:var(--color-white)}.btn-delete-scene{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;background:transparent;border:1px solid var(--color-gray-mid);border-radius:0;font-family:var(--font-pixel);font-size:10px;color:var(--color-gray-mid);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.btn-delete-scene:hover:not(:disabled){background:red;border-color:red;color:var(--color-white)}.btn-delete-scene:disabled{opacity:.3;cursor:not-allowed}.scene-card-header-sp{position:relative;padding-right:32px}.scene-prompt-section{border-top:2px solid var(--color-gray-light);background:#f8f8f8}.scene-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);cursor:pointer}.scene-prompt-header:hover{background:var(--color-gray-light)}.scene-prompt-label{font-family:var(--font-pixel);font-size:7px;color:var(--color-gray-dark);text-transform:uppercase;letter-spacing:.5px}.expand-icon{font-size:10px;color:var(--color-gray-mid)}.scene-prompt-content{padding:var(--space-sm);border-top:1px solid var(--color-gray-light)}.scene-prompt-content.collapsed{display:none}.scene-prompt-textarea{width:100%;height:100px;font-family:var(--font-mono);font-size:11px;line-height:1.5;padding:var(--space-sm);border:2px solid var(--color-gray-mid);background:var(--color-white);resize:vertical;margin-bottom:var(--space-xs)}.scene-prompt-textarea:focus{outline:none;border-color:var(--color-black);box-shadow:2px 2px 0 var(--color-black)}.btn-copy-prompt{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:8px;cursor:pointer}.btn-copy-prompt:hover{background:var(--color-black);color:var(--color-white)}.btn-copy-prompt.copied{background:#0a0;border-color:#0a0;color:var(--color-white)}.btn-copy-prompt.copied:hover{background:#0a0}.scene-navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);border-top:2px solid var(--color-gray-light);background:var(--color-gray-light)}.btn-scene-nav{padding:8px 16px;background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:8px;cursor:pointer}.btn-scene-nav:hover:not(:disabled){background:var(--color-black);color:var(--color-white)}.btn-scene-nav:disabled{opacity:.3;cursor:not-allowed}.scene-nav-indicator{font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-dark)}.storyboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-gray-light);border:2px dashed var(--color-gray-mid);gap:var(--space-sm)}.storyboard-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-light);border-top-color:var(--color-black);animation:spin .8s steps(8) infinite}.loading-text{font-family:var(--font-pixel);font-size:10px;color:var(--color-black);margin:0}.loading-subtext{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-mid);margin:0}.storyboard-error{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg);background:#fff0f0;border:2px solid #CC0000;gap:var(--space-sm);text-align:center}.error-title{font-family:var(--font-pixel);font-size:10px;color:#c00;margin:0}.error-message{font-family:var(--font-mono);font-size:11px;color:#800;margin:0}@media(max-width:700px){.scene-card-body-full{grid-template-columns:1fr}.scene-frames-column{flex-direction:row;gap:var(--space-sm)}.frame-slot{flex:1}.video-gen-section{display:none}}@media(max-width:600px){.skeleton-scene-body{grid-template-columns:1fr}.skeleton-frames{flex-direction:row}.skeleton-frame{flex:1}.scene-details-grid{grid-template-columns:1fr}.scene-navigation{gap:var(--space-xs)}.btn-scene-nav{padding:6px 12px;font-size:7px}.storyboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.storyboard-header-actions{display:flex;gap:8px;margin-left:auto;margin-right:var(--space-md)}.btn-import-panels{font-family:var(--font-pixel);font-size:8px;padding:6px 12px;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn-import-panels:hover{background:var(--color-white);color:var(--color-black)}.btn-import-panels.re-import{background:transparent;color:var(--color-black)}.btn-import-panels.re-import:hover{background:var(--color-black);color:var(--color-white)}.btn-import-panels:disabled{opacity:.6;cursor:wait}.loading-spinner.small{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:0;animation:spin .8s steps(8) infinite;display:inline-block;vertical-align:middle}.frame-slot{position:relative}.frame-slot.drag-over{border:2px dashed #00FF00!important;background:#00ff001a}.frame-slot.drag-over .frame-content{background:#00ff000d}.frame-slot.drag-over:after{content:"DROP IMAGE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-pixel);font-size:10px;background:#000;color:#fff;padding:4px 8px;z-index:10;pointer-events:none}.frame-actions-bar{display:flex;gap:6px;padding:6px;background:var(--color-gray-light);border-top:2px solid var(--color-gray-mid);justify-content:center}.frame-actions-bar .btn-img-action{width:28px;height:28px;padding:0;background:var(--color-white);border:2px solid var(--color-black);box-shadow:2px 2px 0 var(--color-black);cursor:pointer;display:flex;align-items:center;justify-content:center}.frame-actions-bar .btn-img-action svg{width:14px;height:14px}.frame-actions-bar .btn-img-action:hover{background:var(--color-black)}.frame-actions-bar .btn-img-action:hover svg{fill:var(--color-white);stroke:var(--color-white)}.frame-actions-bar .btn-upload-label{cursor:pointer}.frame-actions-bar .btn-upload-label input[type=file]{display:none}.frame-content.editing{position:relative}.frame-editing-overlay{position:absolute;inset:0;background:repeating-linear-gradient(45deg,var(--color-gray-light),var(--color-gray-light) 10px,var(--color-white) 10px,var(--color-white) 20px);animation:placeholder-stripes .5s steps(4) infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:5}@keyframes placeholder-stripes{0%{background-position:0 0}to{background-position:40px 0}}.frame-editing-overlay .pixel-loader{width:24px;height:24px;background:var(--color-black);position:relative;animation:pixel-pulse .5s steps(2) infinite;border:none}.frame-editing-overlay .pixel-loader:before,.frame-editing-overlay .pixel-loader:after{content:"";position:absolute;background:var(--color-black);width:8px;height:8px}.frame-editing-overlay .pixel-loader:before{top:-8px;left:8px;animation:pixel-bounce .3s steps(2) infinite alternate}.frame-editing-overlay .pixel-loader:after{bottom:-8px;left:8px;animation:pixel-bounce .3s steps(2) infinite alternate-reverse}@keyframes pixel-pulse{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@keyframes pixel-bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.frame-editing-overlay .editing-text{font-family:var(--font-pixel);font-size:8px;color:var(--color-black);letter-spacing:.5px;text-transform:uppercase;animation:blink .5s steps(2) infinite}.frame-actions-overlay{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .15s;z-index:5}.frame-slot:hover .frame-actions-overlay{opacity:1}.btn-frame-action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#000000d9;color:#fff;border:1px solid white;font-size:12px;cursor:pointer;padding:0}.btn-frame-action:hover{background:#fff;color:#000}.btn-frame-action input[type=file]{display:none}.frame-empty-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.btn-frame-pick{font-family:var(--font-pixel);font-size:8px;padding:8px 12px;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);cursor:pointer;box-shadow:2px 2px 0 var(--color-black)}.btn-frame-pick:hover{background:var(--color-white);color:var(--color-black)}.btn-frame-gen{font-family:var(--font-pixel);font-size:8px;padding:4px 10px;background:transparent;color:#666;border:1px dashed #666;cursor:pointer}.btn-frame-gen:hover{border-style:solid;color:var(--color-black);border-color:var(--color-black)}.frame-drop-hint{font-family:var(--font-mono);font-size:9px;color:#999;margin:4px 0 0}.frame-placeholder{flex-direction:column;gap:4px}.panel-picker-overlay{position:fixed;inset:0;background:#000000d9;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:20px}.panel-picker-modal{background:var(--color-white);border:3px solid var(--color-black);box-shadow:8px 8px 0 var(--color-black);max-width:640px;width:100%;max-height:80vh;overflow-y:auto}.panel-picker-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-black);color:var(--color-white)}.panel-picker-header h3{font-family:var(--font-pixel);font-size:10px;margin:0;letter-spacing:1px}.btn-close-picker{background:transparent;color:var(--color-white);border:none;font-size:16px;cursor:pointer;padding:4px 8px}.btn-close-picker:hover{color:red}.panel-picker-grid{display:grid;gap:8px;padding:16px}.panel-picker-grid.cols-2{grid-template-columns:repeat(2,1fr)}.panel-picker-grid.cols-3{grid-template-columns:repeat(3,1fr)}.panel-picker-item{position:relative;cursor:pointer;border:2px solid transparent;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-gray-light)}.panel-picker-item:hover{border-color:#0f0}.panel-picker-item img{width:100%;height:100%;object-fit:cover;display:block}.panel-number{position:absolute;top:4px;left:4px;background:#000000d9;color:#fff;font-family:var(--font-pixel);font-size:8px;padding:2px 6px}.panel-picker-tip{font-family:var(--font-mono);font-size:11px;color:#666;text-align:center;padding:0 16px 16px;margin:0}@media(max-width:500px){.panel-picker-grid.cols-3{grid-template-columns:repeat(2,1fr)}.storyboard-header-actions{margin-left:0;margin-right:0;width:100%}.btn-import-panels{width:100%;justify-content:center}}.video-scenes-subnav{display:flex;gap:0;margin-bottom:16px;border:2px solid var(--color-black)}.subnav-tab{flex:1;font-family:var(--font-pixel);font-size:10px;padding:10px 16px;background:var(--color-white);color:var(--color-black);border:none;cursor:pointer;letter-spacing:1px;transition:none}.subnav-tab:not(:last-child){border-right:2px solid var(--color-black)}.subnav-tab:hover{background:var(--dither-25, #ddd)}.subnav-tab.active{background:var(--color-black);color:var(--color-white)}.scenes-view,.panels-view,.videos-view{display:block}.scenes-view.hidden,.panels-view.hidden,.videos-view.hidden{display:none}.storyboard-panels-divider{border-top:2px solid var(--color-black);margin:var(--space-lg) 0}.storyboard-panels-header{display:flex;align-items:center;margin-bottom:var(--space-md)}.panel-library-title{font-family:var(--font-pixel);font-size:10px;text-transform:uppercase;background:var(--color-black);color:var(--color-white);padding:4px 8px}.panel-source-section{display:flex;gap:16px;padding:16px;background:var(--color-gray-light);border:2px solid var(--color-black);margin-bottom:16px}.source-preview{flex-shrink:0;width:180px;min-height:100px;background:var(--color-black);border:2px solid var(--color-black);display:flex;align-items:center;justify-content:center}.source-preview img{max-width:100%;max-height:180px;object-fit:contain;display:block}.source-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#666;font-family:var(--font-pixel);font-size:8px;text-align:center;padding:8px}.source-preview-placeholder .icon{font-size:24px;opacity:.5}.split-controls{flex:1;display:flex;flex-direction:column;gap:12px}.split-controls-title{font-family:var(--font-pixel);font-size:10px;color:var(--color-black);margin:0;letter-spacing:1px}.split-controls-row{display:flex;align-items:center;gap:12px}.split-control-group{display:flex;align-items:center;gap:6px}.split-control-group label{font-family:var(--font-pixel);font-size:8px;color:#666}.split-control-group select{font-family:var(--font-mono);font-size:12px;padding:4px 8px;border:2px solid var(--color-black);background:var(--color-white);cursor:pointer}.btn-split{font-family:var(--font-pixel);font-size:10px;padding:8px 16px;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);cursor:pointer;letter-spacing:1px}.btn-split:hover{background:var(--color-white);color:var(--color-black)}.btn-split:disabled{opacity:.5;cursor:not-allowed}.btn-split.loading{opacity:.7;cursor:wait}.btn-select{font-family:var(--font-pixel);font-size:10px;padding:8px 16px;background:var(--color-white);color:var(--color-black);border:2px solid var(--color-black);cursor:pointer;letter-spacing:1px}.btn-select:hover{background:var(--color-black);color:var(--color-white)}.btn-select:disabled{opacity:.5;cursor:not-allowed}.btn-clear-splits{font-family:var(--font-pixel);font-size:10px;padding:8px 12px;background:var(--color-white);color:#a00;border:2px solid #AA0000;cursor:pointer;letter-spacing:1px}.btn-clear-splits:hover{background:#a00;color:var(--color-white)}.split-status{font-family:var(--font-mono);font-size:11px;color:#666;margin-top:auto}.split-options-row{display:flex;gap:16px;margin-top:4px}.split-option-label{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:#666;cursor:pointer}.split-option-label input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--color-black)}.split-option-label:has(input:disabled){opacity:.5;cursor:not-allowed}.panel-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.panel-library-item{position:relative;aspect-ratio:16 / 9;background:var(--color-gray-light);border:2px solid var(--color-black);overflow:hidden}.panel-library-item img{width:100%;height:100%;object-fit:contain;display:block;background:#111}.panel-library-item .panel-index{position:absolute;top:4px;left:4px;background:#000000d9;color:#fff;font-family:var(--font-pixel);font-size:10px;padding:2px 8px}.panel-library-item .panel-assignment{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#0f0;font-family:var(--font-pixel);font-size:7px;padding:3px 6px;letter-spacing:.5px}.panel-library-item .panel-upload-badge{position:absolute;top:4px;left:32px;background:#06f;color:#fff;font-family:var(--font-pixel);font-size:6px;padding:2px 4px;text-transform:uppercase;letter-spacing:.5px}.panel-library-item.is-upload{border-color:#06f}.panel-library-item .panel-source-badge{position:absolute;top:4px;left:32px;background:var(--color-black);color:var(--color-white);font-family:var(--font-pixel);font-size:6px;padding:2px 4px;text-transform:uppercase;letter-spacing:.5px}.panel-library-item.is-edited{border-color:var(--color-black)}.panel-library-item .panel-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.panel-library-item:hover .panel-actions{opacity:1}.panel-library-item .btn-img-action{width:26px;height:26px;padding:0;background:var(--color-white);border:2px solid var(--color-black);box-shadow:2px 2px 0 var(--color-black);cursor:pointer;display:flex;align-items:center;justify-content:center}.panel-library-item .btn-img-action svg{width:14px;height:14px}.panel-library-item .btn-img-action:hover{background:var(--color-black)}.panel-library-item .btn-img-action:hover svg{fill:var(--color-white);stroke:var(--color-white)}.panel-library-item .btn-img-action:active{box-shadow:none;transform:translate(2px,2px)}.panel-library-item .btn-panel-action{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#000000d9;color:#fff;border:1px solid rgba(255,255,255,.3);font-size:12px;cursor:pointer;padding:0}.panel-library-item .btn-panel-action:hover{background:var(--color-black);border-color:#fff}.panel-library-item .btn-panel-action svg{width:12px;height:12px;stroke:#fff}.panel-library-item.editing{border-color:var(--color-black)}.panel-library-item.editing .panel-actions{display:none}.panel-editing-overlay{position:absolute;inset:0;background:repeating-linear-gradient(45deg,var(--color-gray-light),var(--color-gray-light) 10px,var(--color-white) 10px,var(--color-white) 20px);animation:placeholder-stripes .5s steps(4) infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:10}.panel-editing-overlay .pixel-loader{width:32px;height:32px;background:var(--color-black);position:relative;animation:pixel-pulse .5s steps(2) infinite;border:none}.panel-editing-overlay .pixel-loader:before,.panel-editing-overlay .pixel-loader:after{content:"";position:absolute;background:var(--color-black);width:10px;height:10px}.panel-editing-overlay .pixel-loader:before{top:-10px;left:11px;animation:pixel-bounce .3s steps(2) infinite alternate}.panel-editing-overlay .pixel-loader:after{bottom:-10px;left:11px;animation:pixel-bounce .3s steps(2) infinite alternate-reverse}.panel-editing-overlay .editing-text{font-family:var(--font-pixel);font-size:10px;color:var(--color-black);letter-spacing:1px;text-transform:uppercase;animation:blink .5s steps(2) infinite}@keyframes blink{50%{opacity:.3}}.panel-library-add{aspect-ratio:16 / 9;border:2px dashed var(--color-gray-mid);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#666}.panel-library-add:hover{border-color:var(--color-black);color:var(--color-black)}.panel-library-add .add-icon{font-size:20px}.panel-library-add .add-text{font-family:var(--font-pixel);font-size:8px;letter-spacing:.5px}.panel-library-add .add-hint{font-family:var(--font-mono);font-size:9px;opacity:.6;max-width:120px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-library-add.uploading{border-color:#06f;background:#0066ff0d;pointer-events:none}.panel-library-add .upload-spinner{width:24px;height:24px;border:3px solid #0066FF;border-top-color:transparent;border-radius:0;animation:panel-spin .8s steps(8) infinite}@keyframes panel-spin{to{transform:rotate(360deg)}}#panel-library-grid.drag-over{outline:3px dashed #00FF00;outline-offset:-3px;background:#00ff0008}#panel-library-grid.drag-over:before{content:"DROP IMAGE TO ADD PANEL";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#0f0;font-family:var(--font-pixel);font-size:10px;padding:12px 24px;z-index:100;pointer-events:none}#panel-library-grid{position:relative}.panel-library-empty{grid-column:1 / -1;padding:40px 20px;text-align:center;color:#666}.panel-library-empty .empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.panel-library-empty p{font-family:var(--font-mono);font-size:12px;margin:0 0 16px}.panel-library-empty .btn-import{font-family:var(--font-pixel);font-size:10px;padding:10px 20px;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);cursor:pointer}.panel-library-empty .btn-import:hover{background:var(--color-white);color:var(--color-black)}.panel-library-actions{display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:2px solid var(--color-gray-mid)}.btn-clear-panels{font-family:var(--font-pixel);font-size:9px;padding:8px 14px;background:transparent;color:red;border:2px solid #FF0000;cursor:pointer}.btn-clear-panels:hover{background:red;color:#fff}@media(max-width:600px){.panel-source-section{flex-direction:column}.source-preview{width:100%}.panel-library-grid{grid-template-columns:repeat(2,1fr)}}.btn-frame-action{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:32px;padding:4px 6px}.btn-frame-action .action-icon{font-size:14px}.btn-frame-action .action-label{font-family:var(--font-pixel);font-size:6px;letter-spacing:.5px}.header-hint{font-family:var(--font-mono);font-size:10px;color:#666;padding:4px 8px;background:var(--dither-12, rgba(0,0,0,.05))}.header-hint.panels-ready{color:#090;background:#00ff001a}.panel-library-add.drag-over{border-color:#0f0;background:#00ff001a}.header-hint.panels-outdated{color:#c60;background:#ffa50026;border:1px dashed #c60}.video-scenes-footer{margin-top:var(--space-lg);padding:var(--space-md);border-top:2px solid var(--color-gray-mid);background:var(--color-gray-light);text-align:center}.video-scenes-actions{display:flex;justify-content:center;align-items:center;gap:var(--space-md)}.btn-scene-action{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-family:var(--font-pixel);font-size:8px;letter-spacing:.5px;background:transparent;border:2px solid var(--color-gray-mid);color:var(--color-black);cursor:pointer;transition:none}.btn-scene-action:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn-scene-action:disabled{opacity:.5;cursor:not-allowed}.btn-scene-action:disabled:hover{background:transparent;color:var(--color-black);border-color:var(--color-gray-mid)}.btn-scene-action .btn-icon{font-size:10px}.btn-scene-action.btn-primary-action{border-color:var(--color-black);background:var(--color-white)}.btn-scene-action.btn-primary-action:hover{background:var(--color-black);color:var(--color-white)}.btn-scene-action.loading{opacity:.7;pointer-events:none}.scene-video-player{width:100%;border:2px solid var(--color-black);background:var(--color-black);margin-bottom:var(--space-sm)}.scene-video-player video{width:100%;display:block;aspect-ratio:16 / 9;object-fit:contain}.scene-video-actions{display:flex;justify-content:center;padding:6px;background:var(--color-black)}.btn-scene-video-regen{padding:8px 16px;font-family:var(--font-pixel);font-size:8px;letter-spacing:.5px;background:var(--color-white);color:var(--color-black);border:2px solid var(--color-white);cursor:pointer}.btn-scene-video-regen:hover{background:transparent;color:var(--color-white)}.btn-scene-video-sm{flex:1;padding:6px 8px;font-family:var(--font-pixel);font-size:7px;letter-spacing:.5px;background:var(--color-white);border:none;border-top:2px solid var(--color-black);cursor:pointer}.btn-scene-video-sm:hover{background:var(--color-black);color:var(--color-white)}.scene-video-generating{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-md);background:var(--dither-25)}.scene-video-generating .pixel-loader-sm{width:20px;height:20px;border:2px solid var(--color-gray-light);border-top-color:var(--color-black);animation:spin .8s steps(8) infinite}.scene-video-generating .generating-text{font-family:var(--font-pixel);font-size:8px;color:var(--color-black)}.scene-video-generating .generating-subtext{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-dark)}#tab-videos #videos-content,#videos-view{padding:var(--space-md)}#videos-view.hidden{display:none}.videos-empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--dither-12);border:2px dashed var(--color-gray-mid)}.videos-empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-sm)}.videos-empty-state h3{font-family:var(--font-pixel);font-size:12px;margin:0 0 var(--space-xs)}.videos-empty-state p{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-dark);margin:0 0 var(--space-md)}.btn-go-to-scenes{padding:8px 16px;font-family:var(--font-pixel);font-size:9px;background:var(--color-black);color:var(--color-white);border:none;cursor:pointer}.btn-go-to-scenes:hover{background:var(--color-gray-dark)}.videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-black)}.videos-header h3{font-family:var(--font-pixel);font-size:10px;margin:0}.videos-actions{display:flex;gap:var(--space-xs)}.btn-play-all,.btn-export-videos{padding:6px 12px;font-family:var(--font-pixel);font-size:8px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer}.btn-play-all:hover{background:var(--color-black);color:var(--color-white)}.btn-export-videos:disabled{opacity:.5;cursor:not-allowed}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.video-card{border:2px solid var(--color-black);background:var(--color-white)}.video-card-header{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-gray-light);border-bottom:2px solid var(--color-black)}.video-card-header .scene-badge{font-family:var(--font-pixel);font-size:7px;padding:2px 6px;background:var(--color-black);color:var(--color-white)}.video-card-header .timing-badge{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-dark)}.video-card-player{position:relative;background:var(--color-black)}.video-card-player video{width:100%;display:block;aspect-ratio:16 / 9;object-fit:contain}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#000000b3;border:3px solid var(--color-white);color:var(--color-white);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-play-overlay:hover{background:#000000e6}.video-play-overlay.is-playing{opacity:.4;background:#00000080}.video-play-overlay.is-playing:hover{opacity:1;background:#000c}.video-card-info{padding:var(--space-sm)}.video-description{font-family:var(--font-mono);font-size:10px;margin:0 0 var(--space-xs);color:var(--color-gray-dark);line-height:1.4}.video-meta{display:flex;gap:var(--space-sm);font-family:var(--font-mono);font-size:9px}.provider-badge{padding:1px 4px;background:var(--dither-25);text-transform:uppercase}.generated-at{color:var(--color-gray-mid)}.video-card-actions{display:flex;border-top:2px solid var(--color-black)}.btn-video-action{flex:1;padding:8px;font-family:var(--font-pixel);font-size:7px;background:var(--color-white);border:none;border-right:2px solid var(--color-black);cursor:pointer}.btn-video-action:last-child{border-right:none}.btn-video-action:hover{background:var(--color-gray-light)}.btn-video-action.danger:hover{background:#fcc;color:#c00}.video-card.is-current{border-color:#0a0;box-shadow:2px 2px #0a0}.video-card.is-variant{opacity:.85;border-style:dashed}.video-card.is-variant:hover{opacity:1}.current-badge{font-family:var(--font-pixel);font-size:6px;padding:2px 6px;background:#0a0;color:var(--color-white);text-transform:uppercase}.variant-badge{font-family:var(--font-pixel);font-size:6px;padding:2px 6px;background:var(--dither-50);color:var(--color-black);text-transform:uppercase}.btn-video-action.primary{background:var(--color-black);color:var(--color-white);font-weight:700}.btn-video-action.primary:hover{background:#333}.video-history-indicator{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--dither-12);border-top:1px solid var(--color-gray-mid);margin-top:4px}.history-count{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-dark)}.btn-show-history{font-family:var(--font-pixel);font-size:6px;padding:3px 8px;background:var(--color-white);border:1px solid var(--color-black);cursor:pointer}.btn-show-history:hover{background:var(--color-gray-light)}.videos-grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.video-card-compact{border:2px solid var(--color-black);background:var(--color-white)}.video-card-compact.is-current{border-color:#0a0}.video-card-compact.is-variant{opacity:.8;border-style:dashed}.video-card-compact.is-variant:hover{opacity:1}.video-card-header-compact{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:var(--color-black);color:var(--color-white)}.video-card-header-compact .scene-badge{font-family:var(--font-pixel);font-size:7px}.video-card-header-compact .current-badge{color:#0f0;font-size:10px}.video-card-header-compact .variant-badge{color:var(--color-gray-mid);font-size:10px}.video-card-player-compact{background:var(--color-black)}.video-card-player-compact video{width:100%;display:block;aspect-ratio:16 / 9;object-fit:contain}.video-card-actions-compact{display:flex;border-top:2px solid var(--color-black)}.btn-video-compact{flex:1;padding:6px 4px;font-family:var(--font-pixel);font-size:8px;background:var(--color-white);border:none;border-right:1px solid var(--color-gray-light);cursor:pointer;text-align:center}.btn-video-compact:last-child{border-right:none}.btn-video-compact:hover{background:var(--color-black);color:var(--color-white)}.btn-video-compact.danger:hover{background:red;color:var(--color-white)}@media(max-width:900px){.videos-grid-compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.videos-grid-compact{grid-template-columns:1fr}}.panel-selector-modal{position:fixed;inset:0;z-index:10000;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:16px}.panel-selector-container{background:var(--color-white);border:3px solid var(--color-black);box-shadow:8px 8px 0 var(--color-black);max-width:95vw;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.panel-selector-header{background:var(--dither-50, #888);padding:8px 12px;display:flex;align-items:center;border-bottom:3px solid var(--color-black);gap:12px}.panel-selector-header h3{flex:1;text-align:center;background:var(--color-white);padding:4px 16px;border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:10px;letter-spacing:1px;margin:0}.panel-selector-header-spacer{width:24px}.panel-selector-close{width:24px;height:24px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.panel-selector-close:hover{background:var(--color-black);color:var(--color-white)}.panel-selector-body{flex:1;overflow:auto;padding:16px;background:var(--dither-12, #f0f0f0);display:flex;flex-direction:column;align-items:center;gap:12px}.panel-selector-canvas-wrapper{position:relative;display:inline-block;border:2px solid #0f0;background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;background-color:#404040}.panel-selector-canvas-wrapper img{display:block}.panel-selector-canvas-wrapper canvas{position:absolute;top:0;left:0;cursor:crosshair}.panel-selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--color-white);font-family:var(--font-pixel);font-size:10px;gap:12px}.panel-selector-info{position:absolute;top:8px;right:8px;background:#000000d9;color:#0f0;padding:6px 10px;font-family:var(--font-mono);font-size:11px;border:1px solid #0f0;display:none}.panel-selector-info.visible{display:block}.panel-selector-hint-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.panel-selector-hint{font-family:var(--font-mono);font-size:11px;color:#666;margin:0;text-align:center}.btn-select-all{font-family:var(--font-pixel);font-size:9px;padding:6px 12px;background:var(--color-white);color:var(--color-black);border:2px solid var(--color-black);cursor:pointer;letter-spacing:1px}.btn-select-all:hover{background:#0f0;color:var(--color-black)}.panel-selector-footer{padding:12px 16px;border-top:3px solid var(--color-black);display:flex;justify-content:flex-end;gap:12px;background:var(--color-white)}.panel-selector-footer .btn-secondary{font-family:var(--font-pixel);font-size:10px;padding:10px 20px;background:var(--color-white);color:var(--color-black);border:2px solid var(--color-black);cursor:pointer;letter-spacing:1px}.panel-selector-footer .btn-secondary:hover{background:var(--dither-25, #ddd)}.panel-selector-footer .btn-primary{font-family:var(--font-pixel);font-size:10px;padding:10px 20px;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);cursor:pointer;letter-spacing:1px}.panel-selector-footer .btn-primary:hover:not(:disabled){background:#0f0;border-color:#0f0;color:var(--color-black)}.panel-selector-footer .btn-primary:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.panel-selector-modal{padding:8px}.panel-selector-container{max-width:100%;max-height:100%}.panel-selector-header h3{font-size:8px;padding:3px 10px}.panel-selector-body{padding:12px}.panel-selector-footer{flex-direction:column}.panel-selector-footer .btn-secondary,.panel-selector-footer .btn-primary{width:100%;justify-content:center}}.version-history-overlay{display:none;position:fixed;inset:0;background:#000000d9;z-index:1001;align-items:center;justify-content:center;padding:var(--space-md)}.version-history-overlay.active{display:flex;animation:modalFadeIn .1s steps(2)}.version-history-modal-content{background:var(--color-white);border:3px solid var(--color-black);box-shadow:8px 8px 0 var(--color-black);max-width:520px;width:100%;max-height:80vh;display:flex;flex-direction:column;animation:modalSlideIn .1s steps(3)}.version-history-header{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:var(--dither);background-size:4px 4px;border-bottom:3px solid var(--color-black);position:relative;min-height:32px}.version-history-close{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);width:14px;height:14px;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;padding:0}.version-history-close:hover{background:var(--color-black)}.version-history-close:before{content:"";position:absolute;inset:2px;border:1px solid var(--color-black)}.version-history-close:hover:before{border-color:var(--color-white)}.version-history-header .modal-title{display:inline-flex;align-items:center;background:var(--color-white);padding:3px 12px;border:2px solid var(--color-black);font-family:var(--font-pixel);font-size:9px;margin:0;color:var(--color-black)}.version-history-body{padding:12px;overflow-y:auto;flex:1;background:var(--color-white)}.version-history-body .loading-state{display:flex;flex-direction:column;align-items:center;padding:32px 16px;gap:10px}.version-history-body .loading-state.hidden{display:none}.version-history-body .loading-state p{font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-dark)}.version-history-body .loading-spinner{width:20px;height:20px;border:3px solid var(--color-gray-light);border-top-color:var(--color-black);border-radius:0;animation:spin .8s steps(8) infinite}@keyframes spin{to{transform:rotate(360deg)}}.version-list{max-height:58vh;overflow-y:auto}.version-item{border:2px solid var(--color-gray-light);padding:8px;margin-bottom:8px;background:var(--color-white)}.version-item:last-child{margin-bottom:0}.version-item:hover{border-color:var(--color-black)}.version-item.is-current{border-color:#f0f;border-width:2px;background:#fff5ff}.version-row{display:flex;align-items:center;gap:10px}.version-thumb{width:64px;height:48px;flex-shrink:0;background:var(--color-gray-light);overflow:hidden;display:flex;align-items:center;justify-content:center}.version-thumb.has-media{cursor:pointer}.version-thumb.has-media:hover{opacity:.8}.version-thumb-image,.version-thumb-video{width:100%;height:100%;object-fit:contain;background:var(--color-gray-light)}.version-thumb.broken{background:repeating-linear-gradient(45deg,var(--color-gray-light),var(--color-gray-light) 4px,var(--color-white) 4px,var(--color-white) 8px)}.version-thumb.broken:after{content:"?";font-family:var(--font-pixel);font-size:14px;color:var(--color-gray-mid)}.version-thumb.broken img{display:none}.version-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:16px;color:var(--color-gray-mid)}.version-info{flex:1;min-width:0}.version-meta{display:flex;align-items:center;gap:6px;margin-bottom:2px}.version-number{font-family:var(--font-pixel);font-weight:700;color:var(--color-black);font-size:10px}.version-media-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-gray-dark)}.version-media-icon svg{width:12px;height:12px}.version-item.is-current .version-media-icon{color:#f0f}.version-current-badge{font-family:var(--font-pixel);font-size:7px;padding:2px 5px;background:#f0f;color:var(--color-white);letter-spacing:.3px}.version-date{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-mid)}.version-headline{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.version-change{font-family:var(--font-mono);font-size:9px;color:var(--color-gray-dark)}.version-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-version-action{width:24px;height:24px;padding:0;background:var(--color-white);border:1px solid var(--color-gray-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-dark)}.btn-version-action:hover{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.btn-version-action:disabled{opacity:.4;cursor:not-allowed}.btn-version-action svg{pointer-events:none}.btn-version-delete:hover{background:#c00;border-color:#c00}.btn-version-use{height:24px;font-family:var(--font-pixel);font-size:8px;padding:0 10px;background:var(--color-black);border:none;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-version-use:hover{background:#333}.btn-version-use:disabled{opacity:.5;cursor:wait}.btn-version-history{z-index:5}.btn-version-history svg{pointer-events:none}.version-error{padding:20px;text-align:center;font-family:var(--font-mono);color:var(--color-black)}.version-error .error-detail{font-size:10px;color:#c00;margin-top:6px}#version-history-empty,.version-history-body .empty-state{padding:32px 16px;text-align:center;font-family:var(--font-mono);color:var(--color-black)}#version-history-empty.hidden,.version-history-body .empty-state.hidden{display:none}#version-history-empty .hint,.version-history-body .empty-state .hint{font-size:10px;color:var(--color-gray-mid);margin-top:6px}@media(max-width:500px){.version-history-modal-content{max-width:95%;max-height:85vh}.version-history-body{padding:8px}.version-row{flex-wrap:wrap}.version-thumb{width:56px;height:42px}.version-actions{width:100%;justify-content:flex-end;margin-top:6px;padding-top:6px;border-top:1px solid var(--color-gray-light)}}:root{--pres-bg: #FFFFFF;--pres-fg: #000000;--pres-border: #000000;--pres-muted: #666666;--pres-light: #F0F0F0;--pres-accent: #FFD700}.pres-overlay{position:fixed;inset:0;background:var(--pres-bg);z-index:var(--z-fullscreen);display:flex;flex-direction:column;font-family:Space Mono,monospace;color:var(--pres-fg);overflow:hidden}.pres-overlay.hidden{display:none}.pres-header{display:flex;align-items:center;padding:12px 24px;border-bottom:3px solid var(--pres-border);flex-shrink:0;background:var(--pres-bg);min-height:56px;gap:16px}.pres-header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.pres-close{background:var(--pres-bg);border:3px solid var(--pres-border);box-shadow:0 4px 0 var(--pres-border);cursor:pointer;padding:0;transition:all .05s steps(1);flex-shrink:0}.pres-close:hover{background:var(--pres-fg)}.pres-close:hover .pres-key-cap{color:var(--pres-bg)}.pres-close:active{transform:translateY(4px);box-shadow:none}.pres-logo{font-family:"Press Start 2P",cursive;font-size:10px;letter-spacing:-.5px}.pres-header-center{display:flex;align-items:center;justify-content:center;flex:2;min-width:0}.pres-header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1;min-width:0}.pres-counter{font-family:"Press Start 2P",cursive;font-size:12px;background:var(--pres-fg);color:var(--pres-bg);padding:8px 16px;border:3px solid var(--pres-border)}.pres-view-dropdown{position:relative}.pres-view-dropdown-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--pres-bg);border:3px solid var(--pres-border);box-shadow:0 3px 0 var(--pres-border);cursor:pointer;font-family:"Press Start 2P",cursive;font-size:8px;transition:all .05s steps(1)}.pres-view-dropdown-btn:hover{background:var(--pres-light)}.pres-view-dropdown-btn:active{transform:translateY(3px);box-shadow:none}.pres-view-dropdown-icon{font-size:14px}.pres-view-dropdown-label{font-size:8px;color:var(--pres-fg)}.pres-view-dropdown-arrow{font-size:8px;color:var(--pres-muted);margin-left:4px}.pres-view-dropdown-menu{position:absolute;top:100%;right:0;margin-top:6px;background:var(--pres-bg);border:3px solid var(--pres-border);box-shadow:6px 6px 0 var(--pres-border);z-index:var(--z-dropdown);min-width:160px}.pres-view-dropdown-menu.hidden{display:none}.pres-view-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:var(--pres-bg);border:none;border-bottom:2px solid var(--pres-light);cursor:pointer;text-align:left;transition:all .05s steps(1)}.pres-view-option:last-child{border-bottom:none}.pres-view-option:hover{background:var(--pres-light)}.pres-view-option.active{background:var(--pres-fg);color:var(--pres-bg)}.pres-view-option-icon{font-size:14px}.pres-view-option-label{font-family:"Press Start 2P",cursive;font-size:8px;flex:1}.pres-view-option-key{font-family:"Press Start 2P",cursive;font-size:8px;background:var(--pres-light);padding:4px 8px;color:var(--pres-fg)}.pres-view-option.active .pres-view-option-key{background:var(--pres-bg);color:var(--pres-fg)}.pres-format-tabs{display:flex;gap:2px}.pres-format-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--pres-bg);border:2px solid var(--pres-border);cursor:pointer;font-family:Space Mono,monospace;font-size:10px;color:var(--pres-fg);transition:all .05s steps(1)}.pres-format-tab:hover{background:var(--pres-light)}.pres-format-tab.active{background:var(--pres-fg);color:var(--pres-bg)}.pres-format-tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.pres-format-tab-icon svg{width:14px;height:14px}.pres-format-tab-name{font-family:"Press Start 2P",cursive;font-size:6px}.pres-format-tab-count{font-family:"Press Start 2P",cursive;font-size:7px;background:var(--pres-light);padding:2px 5px;border-radius:0}.pres-format-tab.active .pres-format-tab-count{background:var(--pres-bg);color:var(--pres-fg)}.pres-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:100px}.pres-particles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:var(--z-fullscreen-controls)}.pres-particle{position:absolute;background:var(--pres-fg)}.pres-view{display:none;padding:24px}.pres-view.active{display:block}.pres-view-focus{padding:24px 32px}.pres-idea{max-width:1100px;margin:0 auto;opacity:0}.pres-idea.visible{opacity:1}.pres-idea-inner{display:flex;flex-direction:column;gap:20px}.pres-title-bar{display:flex;align-items:stretch;gap:0;border:3px solid var(--pres-border);box-shadow:6px 6px 0 var(--pres-border);background:var(--pres-bg);opacity:0}.pres-title-bar.animate-in{animation:fadeSlideIn .3s steps(6) forwards}.pres-title-format-badge{display:flex;align-items:center;justify-content:center;padding:16px 20px;background:var(--cat-color, var(--pres-border));color:var(--pres-bg);font-family:"Press Start 2P",cursive;font-size:8px;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1px;border-right:3px solid var(--pres-border);min-width:50px}.pres-title-content{flex:1;padding:16px 20px}.pres-title{font-family:"Press Start 2P",cursive;font-size:13px;line-height:1.5;text-transform:uppercase}.pres-title-label{color:var(--pres-muted)}.pres-title-insight{font-family:Space Mono,monospace;font-size:13px;font-weight:600;line-height:1.6;margin-top:12px;padding-top:12px;border-top:2px dashed var(--pres-muted);color:var(--pres-fg)}.pres-title-trigger{display:flex;align-items:center;padding:16px 20px;border-left:3px solid var(--pres-border);background:var(--pres-light)}.pres-trigger-badge{font-family:"Press Start 2P",cursive;font-size:11px;padding:10px 14px;color:var(--pres-bg);border:2px solid var(--pres-border)}.pres-body{display:grid;gap:20px}.pres-layout-landscape .pres-body{grid-template-columns:1fr 1fr}.pres-layout-portrait .pres-body{grid-template-columns:300px 1fr}.pres-layout-square .pres-body{grid-template-columns:350px 1fr}.pres-layout-default .pres-body{grid-template-columns:1fr}.pres-image-section{opacity:0}.pres-image-section.animate-in{animation:fadeSlideIn .3s steps(6) forwards}.pres-image-frame{position:relative;border:3px solid var(--pres-border);box-shadow:6px 6px 0 var(--pres-border);background:var(--pres-light);overflow:hidden}.pres-main-image{display:block;width:100%;height:auto;object-fit:cover}.pres-layout-landscape .pres-main-image{aspect-ratio:4/3}.pres-layout-portrait .pres-main-image{aspect-ratio:9/16;max-height:500px;object-fit:cover}.pres-layout-square .pres-main-image{aspect-ratio:1/1}.pres-image-placeholder-label{position:absolute;bottom:0;left:0;right:0;padding:6px;background:var(--pres-fg);color:var(--pres-bg);font-family:"Press Start 2P",cursive;font-size:7px;text-align:center;opacity:.8}.pres-content-section{display:flex;flex-direction:column;gap:12px}.pres-card{border:3px solid var(--pres-border);box-shadow:4px 4px 0 var(--pres-border);padding:16px;background:var(--pres-bg);opacity:0}.pres-card.animate-in{animation:fadeSlideIn .2s steps(4) forwards}.pres-card-label{font-family:"Press Start 2P",cursive;font-size:8px;margin-bottom:8px;display:block;color:var(--pres-muted);text-transform:uppercase}.pres-card-content{font-size:13px;line-height:1.6}.pres-card.pres-headline-card{background:var(--pres-fg);color:var(--pres-bg)}.pres-card.pres-headline-card .pres-card-label{color:#999}.pres-card.pres-headline-card .pres-card-content{font-family:"Press Start 2P",cursive;font-size:11px;line-height:1.7}.pres-card.pres-subline-card{background:var(--pres-light)}.pres-card.pres-subline-card .pres-card-content{font-style:italic;color:var(--pres-muted)}.pres-section{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--pres-muted)}.pres-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.pres-section-label{font-family:"Press Start 2P",cursive;font-size:7px;margin-bottom:6px;color:var(--pres-muted)}.pres-section-content{font-size:12px;line-height:1.5;white-space:pre-wrap}.pres-why-section{opacity:0}.pres-why-section.animate-in{animation:fadeSlideIn .2s steps(4) forwards}.pres-why-card{border:3px solid var(--pres-border);box-shadow:4px 4px 0 var(--pres-border);padding:16px 20px;background:var(--pres-bg);border-left:6px solid var(--cat-color, var(--pres-border))}.pres-why-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px dashed var(--pres-light)}.pres-why-badge{font-family:"Press Start 2P",cursive;font-size:9px;padding:6px 10px;color:var(--pres-bg);border:2px solid var(--pres-border)}.pres-why-trigger-name{font-family:"Press Start 2P",cursive;font-size:9px;color:var(--cat-color, var(--pres-fg))}.pres-why-label{font-family:"Press Start 2P",cursive;font-size:8px;color:var(--pres-muted);margin-bottom:6px}.pres-why-content{font-size:13px;line-height:1.6;font-style:italic;color:var(--pres-fg)}.pres-view-list{max-width:800px;margin:0 auto;padding:32px 24px}.pres-list-container{display:flex;flex-direction:column;gap:0}.pres-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--pres-fg);color:var(--pres-bg);border:3px solid var(--pres-border);border-bottom:none}.pres-list-header-title{font-family:"Press Start 2P",cursive;font-size:12px}.pres-list-header-count{font-family:Space Mono,monospace;font-size:12px;opacity:.7}.pres-list-ideas{display:flex;flex-direction:column;border:3px solid var(--pres-border);box-shadow:6px 6px 0 var(--pres-border);background:var(--pres-bg)}.pres-list-item{display:flex;align-items:center;gap:20px;padding:20px 24px;border-bottom:2px solid var(--pres-light);cursor:pointer;transition:background .05s steps(1)}.pres-list-item:last-child{border-bottom:none}.pres-list-item:hover{background:var(--pres-light)}.pres-list-item.saved{background:#ffd70026}.pres-list-item.saved:hover{background:#ffd70040}.pres-list-item-num{font-family:"Press Start 2P",cursive;font-size:9px;color:var(--pres-muted);min-width:28px;flex-shrink:0}.pres-list-item-headline{flex:1;font-family:Space Mono,monospace;font-size:15px;line-height:1.5;color:var(--pres-fg);font-style:italic}.pres-list-item-actions{display:flex;gap:8px;flex-shrink:0}.pres-list-btn{width:32px;height:32px;border:2px solid var(--pres-border);background:var(--pres-bg);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .05s steps(1)}.pres-list-btn:hover{background:var(--pres-fg);color:var(--pres-bg)}.pres-list-save-btn.saved{background:var(--pres-accent);color:var(--pres-fg)}.pres-view-gallery{padding:32px 24px}.pres-gallery-container{max-width:1400px;margin:0 auto}.pres-gallery-empty{text-align:center;padding:80px 40px;border:3px dashed var(--pres-border);background:var(--pres-light)}.pres-gallery-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.pres-gallery-empty-text{font-family:"Press Start 2P",cursive;font-size:12px}.pres-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.pres-gallery-item{border:3px solid var(--pres-border);box-shadow:4px 4px 0 var(--pres-border);background:var(--pres-bg);transition:transform .05s steps(1)}.pres-gallery-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pres-border)}.pres-gallery-item.saved{border-color:var(--pres-accent);box-shadow:4px 4px 0 var(--pres-accent)}.pres-gallery-image-wrap{position:relative;overflow:hidden;background:var(--pres-light)}.pres-gallery-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.pres-gallery-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s steps(2)}.pres-gallery-image-wrap:hover .pres-gallery-overlay{opacity:1}.pres-gallery-btn{font-family:"Press Start 2P",cursive;font-size:14px;width:44px;height:44px;padding:0;background:var(--pres-bg);border:3px solid var(--pres-border);cursor:pointer;transition:all .05s steps(1);display:flex;align-items:center;justify-content:center;margin:6px}.pres-gallery-btn:hover,.pres-gallery-save-btn.saved{background:var(--pres-accent)}.pres-gallery-headline{padding:14px 16px;font-family:Space Mono,monospace;font-size:13px;color:var(--pres-fg);font-style:italic;line-height:1.5;border-top:3px solid var(--pres-border)}.pres-footer{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:12px 20px;border:4px solid var(--pres-border);box-shadow:8px 8px 0 var(--pres-border);display:flex;justify-content:center;align-items:center;gap:16px;background:var(--pres-fg);color:var(--pres-bg);z-index:100;flex-wrap:wrap}.pres-control-group{display:flex;flex-direction:column;align-items:center;gap:6px}.pres-control-label{font-family:"Press Start 2P",cursive;font-size:7px;color:#888;text-transform:uppercase}.pres-control-keys{display:flex;gap:4px}.pres-control-divider{width:2px;height:48px;background:#333}.pres-key-btn{display:flex;align-items:center;gap:6px;padding:0;background:var(--pres-bg);border:3px solid var(--pres-border);box-shadow:0 4px #333;cursor:pointer;transition:all .05s steps(1);position:relative}.pres-key-btn:hover{background:var(--pres-light)}.pres-key-btn:active{transform:translateY(4px);box-shadow:none}.pres-key-cap{font-family:"Press Start 2P",cursive;font-size:12px;padding:8px 12px;display:flex;align-items:center;justify-content:center;min-width:36px;color:var(--pres-fg)}.pres-key-cap.small{font-size:10px;padding:4px 8px;min-width:28px}.pres-key-label{font-family:"Press Start 2P",cursive;font-size:8px;padding:8px 10px 8px 0;color:var(--pres-fg)}.pres-save-ind{display:flex;align-items:center;padding-right:10px}.pres-star-icon{display:block}.pres-star-pixels rect{fill:none;stroke:var(--pres-muted);stroke-width:.5}.pres-save-ind.saved .pres-star-pixels rect{fill:var(--pres-fg);stroke:var(--pres-fg)}.pres-action-sound.muted .pres-key-label{opacity:.5}.pres-progress{height:6px;background:var(--pres-light);flex-shrink:0}.pres-progress-bar{height:100%;background:var(--pres-fg);width:0%;transition:width .1s steps(1)}.pres-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--pres-bg);z-index:10}.pres-intro.hidden{display:none}.pres-intro-text{font-family:"Press Start 2P",cursive;font-size:14px;margin-bottom:24px}.pres-intro-progress{width:280px;height:24px;border:4px solid var(--pres-border);padding:4px}.pres-intro-bar{height:100%;background:var(--pres-fg);width:0%}.pres-countdown{font-family:"Press Start 2P",cursive;font-size:48px;opacity:0}.pres-countdown.visible{opacity:1;animation:countdownPulse .25s steps(4)}.pres-help{position:absolute;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer}.pres-help.hidden{display:none}.pres-help-card{border:4px solid var(--pres-border);box-shadow:8px 8px 0 var(--pres-border);padding:32px 40px;background:var(--pres-bg);max-width:700px;position:relative;cursor:default}.pres-help-close-btn{position:absolute;top:12px;right:16px;font-size:24px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--pres-border);background:var(--pres-bg);transition:all .05s steps(1)}.pres-help-close-btn:hover{background:var(--pres-fg);color:var(--pres-bg)}.pres-help-title{font-family:"Press Start 2P",cursive;font-size:14px;margin-bottom:28px;text-align:center}.pres-help-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.pres-help-section{border:2px solid var(--pres-border);padding:16px}.pres-help-section-title{font-family:"Press Start 2P",cursive;font-size:9px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--pres-border)}.pres-help-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pres-help-row:last-child{margin-bottom:0}.pres-help-keys{display:flex;gap:4px}.pres-help-key{font-family:"Press Start 2P",cursive;font-size:9px;background:var(--pres-fg);color:var(--pres-bg);padding:6px 10px;min-width:28px;text-align:center;border:2px solid var(--pres-border);box-shadow:0 3px 0 var(--pres-border)}.pres-help-desc{font-size:12px;color:var(--pres-fg);flex:1}.pres-help-footer{margin-top:24px;text-align:center;font-size:11px;color:var(--pres-muted);font-style:italic}.pres-summary{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--pres-bg);z-index:10}.pres-summary.hidden{display:none}.pres-summary-card{border:4px solid var(--pres-border);box-shadow:8px 8px 0 var(--pres-border);padding:40px 56px;text-align:center;background:var(--pres-bg)}.pres-summary-title{font-family:"Press Start 2P",cursive;font-size:16px;margin-bottom:32px}.pres-summary-stats{margin-bottom:32px}.pres-summary-stat{display:flex;justify-content:space-between;gap:48px;padding:14px 0;border-bottom:2px dashed var(--pres-muted);font-size:14px}.pres-summary-stat:last-child{border-bottom:none}.pres-summary-label{color:var(--pres-muted)}.pres-summary-value{font-family:"Press Start 2P",cursive;font-size:12px}.pres-summary-stars{color:var(--pres-accent);margin-left:8px}.pres-summary-btn{font-family:"Press Start 2P",cursive;font-size:11px;padding:14px 32px;background:var(--pres-fg);color:var(--pres-bg);border:4px solid var(--pres-border);box-shadow:0 6px 0 var(--pres-border);cursor:pointer;transition:all .05s steps(1)}.pres-summary-btn:hover{background:var(--pres-bg);color:var(--pres-fg)}.pres-summary-btn:active{transform:translateY(6px);box-shadow:none}.pres-notification{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(10px);background:var(--pres-fg);color:var(--pres-bg);padding:12px 24px;font-family:"Press Start 2P",cursive;font-size:10px;border:3px solid var(--pres-border);box-shadow:4px 4px 0 var(--pres-border);opacity:0;transition:all .15s steps(3);z-index:var(--z-fullscreen-notification)}.pres-notification.visible{opacity:1;transform:translate(-50%) translateY(0)}.pres-timeline{border-left:3px solid var(--pres-border);margin-left:6px;padding-left:12px}.pres-timeline-item{position:relative;padding:6px 0;font-size:12px;line-height:1.4}.pres-timeline-item:before{content:"";position:absolute;left:-18px;top:10px;width:10px;height:10px;background:var(--pres-fg)}.pres-timeline-time{font-family:"Press Start 2P",cursive;font-size:7px;color:var(--pres-muted);margin-bottom:2px}.pres-journey{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;border:3px solid var(--pres-border);background:var(--pres-light)}.pres-journey-step{text-align:center;flex:1;position:relative}.pres-journey-step:after{content:"→";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:16px;color:var(--pres-muted)}.pres-journey-step:last-child:after{content:""}.pres-journey-num{font-family:"Press Start 2P",cursive;font-size:12px;width:32px;height:32px;border:3px solid var(--pres-border);display:flex;align-items:center;justify-content:center;margin:0 auto 6px;background:var(--pres-bg)}.pres-journey-label{font-family:"Press Start 2P",cursive;font-size:7px}.pres-extensions{display:grid;grid-template-columns:auto 1fr;gap:1px;background:var(--pres-border);border:2px solid var(--pres-border)}.pres-ext-channel,.pres-ext-desc{background:var(--pres-bg);padding:10px 12px}.pres-ext-channel{font-family:"Press Start 2P",cursive;font-size:7px;background:var(--pres-light)}.pres-ext-desc{font-size:12px}.pres-shake{animation:screenShake .15s steps(3)}.pres-detonating-out{animation:detonateOut .2s steps(4) forwards}.pres-detonating-in{animation:detonateIn .25s steps(5) forwards}@media(max-width:900px){.pres-layout-landscape .pres-body,.pres-layout-portrait .pres-body,.pres-layout-square .pres-body{grid-template-columns:1fr}.pres-layout-portrait .pres-main-image{aspect-ratio:auto;max-height:300px}.pres-help-sections{grid-template-columns:1fr}.pres-format-tab-name,.pres-format-tab-count,.pres-logo,.pres-view-dropdown-label{display:none}.pres-footer{bottom:10px;padding:10px 16px;gap:12px}.pres-control-label{display:none}.pres-control-divider{height:36px}.pres-key-label{display:none}.pres-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:12px}}@media(max-width:600px){.pres-header{padding:8px 12px;gap:8px}.pres-format-tabs{display:none}.pres-format-tab{padding:4px 8px}.pres-view-focus{padding:16px}.pres-title-format-badge{padding:12px;min-width:40px;font-size:7px}.pres-title{font-size:10px}.pres-title-content{padding:12px 16px}.pres-title-trigger{display:none}.pres-footer{width:calc(100% - 20px);gap:8px}.pres-controls-format{display:none!important}.pres-counter{padding:6px 10px;font-size:10px}.pres-list-item{padding:12px;flex-wrap:wrap;gap:8px}.pres-list-item-trigger{order:2}.pres-list-item-actions{order:3}.pres-view-dropdown-btn{padding:6px 10px}.pres-view-dropdown-arrow{display:none}}.method-hero{padding-bottom:32px}.method-hero .page-title{letter-spacing:.1em}.method-hero .page-subtitle{font-family:var(--font-mono);font-size:16px;letter-spacing:.02em}.method-quote-hero{padding:48px 0 24px;background:var(--color-white)}.method-hero-quote{font-family:"Jacquard 12",serif;font-size:clamp(36px,6vw,60px);line-height:1.3;text-align:center;max-width:1000px;margin:0 auto 16px;padding:0 24px;color:var(--color-black);quotes:none}.method-hero-quote:before,.method-hero-quote:after{content:none}.method-hero-quote-attribution{font-family:var(--font-mono);font-size:14px;font-weight:300;text-align:center;display:block;max-width:1000px;margin:0 auto;padding:0 24px;color:#666;font-style:normal}.method-intro-section{padding:48px 0 64px;background:var(--color-white)}.method-intro-content{max-width:720px;margin:0 auto}.method-intro-content p{font-family:var(--font-mono);font-size:15px;line-height:1.9;margin:0 0 24px;color:var(--color-black)}.method-intro-content p:last-child{margin-bottom:0}.method-intro-lead{font-size:17px!important;font-weight:700;color:#666!important;font-style:italic}.method-intro-highlight{font-weight:700;padding:20px 24px;background:var(--color-black);color:var(--color-white)!important;margin-top:32px!important}.method-post-cards-quote{margin-top:64px;padding:48px 32px;border:3px solid var(--color-black);background:#f5f5f5;text-align:center}.method-post-cards-quote blockquote{font-family:var(--font-mono);font-size:16px;line-height:1.9;font-style:italic;color:var(--color-black);max-width:720px;margin:0 auto;quotes:none}.method-post-cards-quote blockquote:before,.method-post-cards-quote blockquote:after{content:none}.creed-header{text-align:center;margin-bottom:48px}.creed-header .section-title{margin-bottom:16px}.creed-subtitle{font-family:var(--font-mono);font-size:14px;color:#666;font-style:italic;margin:0}.section-creed .creed-number{color:var(--method-magenta, #FF00FF)}.section-cta .cta-content{text-align:center}.cta-lead{font-family:var(--font-mono);font-size:16px;line-height:1.8;max-width:640px;margin:0 auto 32px;color:var(--color-white)}section.section.method-page-content{padding-top:0;padding-bottom:64px}.method-container{padding-top:0}@media(max-width:768px){.method-quote-hero{padding:32px 0 16px}.method-hero-quote{font-size:28px;line-height:1.4}.method-hero-quote-attribution{font-size:12px;margin-top:12px}.method-intro-section{padding:32px 0 48px}.method-intro-content p{font-size:14px}.method-intro-lead{font-size:15px!important}.method-intro-highlight{padding:16px 20px}.method-post-cards-quote{margin-top:48px;padding:32px 20px}.method-post-cards-quote blockquote{font-size:14px}.creed-header{margin-bottom:32px}.cta-lead{font-size:14px;margin-bottom:24px}}.method-cards-grid{display:grid;gap:var(--space-md)}@media(min-width:768px){.method-cards-grid{grid-template-columns:repeat(3,1fr)}}.method-card{display:block;padding:var(--space-md);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);background:var(--color-white);text-decoration:none;color:var(--color-black)}.method-card:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--color-black);transform:translate(3px,3px)}.method-card-number{font-family:var(--font-pixel);font-size:32px;color:var(--color-gray-light);margin-bottom:var(--space-sm)}.method-card-title{font-size:14px;margin-bottom:4px}.method-card-subtitle{font-size:12px;color:var(--color-gray-mid);margin-bottom:var(--space-md)}.method-card-desc{font-size:12px;margin-bottom:var(--space-md)}.method-card-list{font-size:11px;margin-bottom:var(--space-md)}.method-card-list li{padding:4px 0;padding-left:var(--space-sm);border-left:2px solid var(--color-gray-light)}.method-card-cta{font-family:var(--font-pixel);font-size:10px;color:var(--color-gray-mid)}.method-page-content{background:var(--color-white);color:var(--color-black)}section.section.method-page-content{padding-top:24px;padding-bottom:24px}.method-container{max-width:1100px;margin:0 auto;padding:0 24px 32px}.method-page-hero-image{width:100%;margin-bottom:32px}.method-page-hero-image img{width:100%;height:auto;display:block}.method-intro{font-family:var(--font-mono);font-size:14px;line-height:1.8;margin-bottom:24px}.method-intro p{margin:0 0 16px}.method-intro p:last-child{margin-bottom:0}.principle-card{display:flex;gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:2px solid var(--color-gray-light)}.principle-number{font-family:var(--font-pixel);font-size:24px;color:var(--color-gray-light);flex-shrink:0;width:48px}.principle-title{font-size:14px;margin-bottom:var(--space-sm)}.principle-desc{margin-bottom:var(--space-md)}.principle-instruction{padding:var(--space-md);background:var(--color-gray-light);margin-bottom:var(--space-md)}.principle-instruction blockquote{font-style:italic;padding-left:var(--space-md);border-left:2px solid var(--color-black);margin-top:var(--space-sm)}.principle-list li{padding:4px 0}.principle-example{display:grid;gap:var(--space-sm)}@media(min-width:768px){.principle-example{grid-template-columns:1fr 1fr}}.example-bad,.example-good{padding:var(--space-sm);border:2px solid var(--color-black)}.example-bad{background:#fff0f0}.example-good{background:#f0fff0}.example-label{font-family:var(--font-pixel);font-size:8px;display:block;margin-bottom:4px}.phase-card{padding:var(--space-lg);border:var(--border-width) solid var(--color-black);margin-bottom:var(--space-md);background:var(--color-white)}.phase-highlight{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black)}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.phase-number{font-family:var(--font-pixel);font-size:10px;color:var(--color-gray-mid)}.phase-duration{font-family:var(--font-pixel);font-size:10px;padding:4px var(--space-xs);border:2px solid var(--color-black)}.phase-title{font-size:16px;margin-bottom:var(--space-md)}.phase-intro{color:var(--color-gray-mid);margin-bottom:var(--space-sm)}.phase-activities li{padding:var(--space-xs) 0;padding-left:var(--space-md);position:relative}.phase-activities li:before{content:"•";position:absolute;left:0}.phase-link{text-decoration:underline}.criteria-grid{display:grid;gap:var(--space-md)}@media(min-width:768px){.criteria-grid{grid-template-columns:repeat(2,1fr)}}.mac-window{background:var(--color-white);border:3px solid var(--color-black);box-shadow:6px 6px 0 var(--color-black);margin-bottom:32px}.mac-window-titlebar{background:#e5e5e5;border-bottom:3px solid var(--color-black);padding:8px 12px;display:flex;align-items:center;gap:8px}.mac-window-buttons{display:flex;gap:6px}.mac-window-btn{width:12px;height:12px;border:2px solid var(--color-black);background:var(--color-white)}.mac-window-btn.close{background:var(--color-black)}.mac-window-title{font-family:var(--font-pixel);font-size:8px;text-transform:uppercase;margin-left:8px}.mac-window-content{padding:24px}.chamber-controls{display:flex;flex-direction:column;gap:16px}.control-module{border:3px solid var(--color-black);background:var(--color-white);transition:all .1s steps(2)}.control-module.active{background:#e5e5e5}.control-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#e5e5e5;cursor:pointer;gap:16px}.control-number{font-family:var(--font-pixel);font-size:10px;width:32px;height:32px;border:2px solid var(--color-black);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .1s steps(2)}.control-module.active .control-number{background:var(--color-black);color:var(--color-white)}.control-module:hover .control-number{background:var(--cat-color, var(--color-black));color:var(--cat-text, #FFFFFF);border-color:var(--cat-color, var(--color-black))}.control-module:hover .control-title,.control-module:hover .control-lead{color:var(--cat-color-text, var(--cat-color, inherit))}.control-title{font-family:var(--font-pixel);font-size:10px;line-height:1.6;flex-grow:1;text-transform:uppercase}.control-toggle{display:flex;align-items:center;gap:8px;flex-shrink:0}.toggle-label{font-family:var(--font-pixel);font-size:8px;width:24px}.control-body-wrapper{display:flex;gap:24px;padding:20px;align-items:flex-start}.control-image-block{flex-shrink:0;width:160px}.control-image-block img{width:100%;height:auto;display:block}.control-content{flex:1;display:block}.control-content p{font-family:var(--font-mono);font-size:14px;line-height:1.7;margin:0 0 12px;color:var(--color-black)}.control-content p:last-child{margin-bottom:0}.control-lead{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:20px!important;color:var(--color-black)}.control-instruction{font-style:italic;color:gray!important}.control-example{background:#e5e5e5;padding:12px 16px;border-left:3px solid var(--color-black);font-style:italic}.control-list{font-family:var(--font-mono);font-size:14px;line-height:1.7;margin:12px 0;padding-left:20px}.control-list li{margin-bottom:8px}.control-comparison{margin-top:16px;display:grid;gap:12px}.control-comparison-inline{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison-bad,.comparison-good{padding:12px 16px;border:2px solid var(--color-black)}.comparison-bad{background:var(--color-white)}.comparison-good{background:var(--color-black);color:var(--color-white)}.comparison-label{font-family:var(--font-pixel);font-size:8px;display:block;margin-bottom:8px}.comparison-bad .comparison-label{color:var(--color-cat-h)}.comparison-good .comparison-label{color:var(--color-cat-d)}.comparison-bad p,.comparison-good p{margin:0;font-style:italic}.comparison-good p{color:var(--color-white)}.chamber-status{margin-top:32px;padding:20px;border:3px solid var(--color-black);background:#e5e5e5}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.status-text{font-family:var(--font-pixel);font-size:10px}.status-count{font-family:var(--font-pixel);font-size:12px}.status-bar{display:flex;gap:4px;height:24px}.status-segment{flex:1;border:2px solid var(--color-black);background:var(--color-white);transition:all .1s steps(2)}.status-segment.filled{background:var(--color-black)}.chamber-status.complete{background:var(--color-black);color:var(--color-white);animation:success-flash .5s steps(2)}.chamber-status.complete .status-segment.filled{background:var(--color-cat-d);border-color:var(--color-cat-d)}.retro-timer{border:3px solid var(--color-cat-e);background:transparent;padding:20px;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.timer-display{display:flex;align-items:center;gap:12px}.timer-label{font-family:var(--font-pixel);font-size:8px;color:var(--color-cat-e)}.timer-digits{font-family:var(--font-pixel);font-size:24px;color:var(--color-cat-e);letter-spacing:4px}.timer-digits.running{animation:timer-blink 1s steps(1) infinite}.timer-controls{display:flex;gap:8px}.timer-btn{font-family:var(--font-pixel);font-size:8px;padding:8px 16px;border:2px solid var(--color-cat-e);background:transparent;color:var(--color-cat-e);cursor:pointer;transition:all .1s steps(2)}.timer-btn:hover{background:var(--color-cat-e);color:var(--color-black)}:root{--method-magenta: #FF00FF;--method-orange: #FF6600;--method-cyan: #00FFFF;--method-lime: #00FF00;--method-purple: #9900FF;--method-yellow: #FFFF00;--method-blue: #0066FF;--method-red: #FF0000}[data-category=a]{--cat-color: var(--method-magenta);--cat-text: #FFFFFF;--cat-color-text: var(--method-magenta)}[data-category=b]{--cat-color: var(--method-orange);--cat-text: #FFFFFF;--cat-color-text: var(--method-orange)}[data-category=c]{--cat-color: var(--method-cyan);--cat-text: #000000;--cat-color-text: #008B8B}[data-category=d]{--cat-color: var(--method-lime);--cat-text: #000000;--cat-color-text: #228B22}[data-category=e]{--cat-color: var(--method-purple);--cat-text: #FFFFFF;--cat-color-text: var(--method-purple)}[data-category=f]{--cat-color: var(--method-yellow);--cat-text: #000000;--cat-color-text: #B8860B}[data-category=g]{--cat-color: var(--method-blue);--cat-text: #FFFFFF;--cat-color-text: var(--method-blue)}[data-category=h]{--cat-color: var(--method-red);--cat-text: #FFFFFF;--cat-color-text: var(--method-red)}.method-index-intro{font-family:var(--font-mono);font-size:14px;line-height:1.8;margin-bottom:48px;max-width:100%}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.method-card-interactive{border:3px solid var(--color-black);box-shadow:6px 6px 0 var(--color-black);background:var(--color-white);text-decoration:none;color:var(--color-black);display:flex;flex-direction:column;transition:all .1s steps(2)}.method-card-hero{padding:16px;border-bottom:3px solid var(--color-black);background:var(--color-white);text-align:center}.method-card-hero img{width:100%;height:auto;display:block;margin-bottom:12px}.method-card-hero .method-card-title{font-family:var(--font-pixel);font-size:11px;line-height:1.5;text-transform:uppercase;color:var(--color-black);margin:0}.method-card-interactive:hover{box-shadow:3px 3px 0 var(--color-black);transform:translate(3px,3px)}.method-card-interactive:active{box-shadow:none;transform:translate(6px,6px)}.method-card-interactive[data-accent=magenta]:hover{border-color:var(--method-magenta);box-shadow:3px 3px 0 var(--method-magenta)}.method-card-interactive[data-accent=purple]:hover{border-color:var(--method-purple);box-shadow:3px 3px 0 var(--method-purple)}.method-card-interactive[data-accent=lime]:hover{border-color:var(--method-lime);box-shadow:3px 3px 0 var(--method-lime)}.method-card-interactive .method-card-header{padding:16px;border-bottom:3px solid var(--color-black);background:#e5e5e5;display:flex;flex-direction:row;align-items:flex-start;text-align:left;gap:12px}.method-card-interactive:hover .method-card-header{background:#e5e5e5}.method-card-interactive[data-accent=magenta]:hover .method-card-hero{background:var(--method-magenta)}.method-card-interactive[data-accent=purple]:hover .method-card-hero{background:var(--method-purple)}.method-card-interactive[data-accent=lime]:hover .method-card-hero{background:var(--method-lime)}.method-card-interactive:hover .method-card-hero .method-card-title{color:var(--color-white)}.method-card-interactive .method-card-number{font-family:var(--font-pixel);font-size:12px;width:40px;height:40px;border:3px solid var(--color-black);background:var(--color-white);color:var(--color-black);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .1s steps(2)}.method-card-interactive[data-accent=magenta]:hover .method-card-number{background:var(--method-magenta);color:var(--color-white);border-color:var(--method-magenta)}.method-card-interactive[data-accent=purple]:hover .method-card-number{background:var(--method-purple);color:var(--color-white);border-color:var(--method-purple)}.method-card-interactive[data-accent=lime]:hover .method-card-number{background:var(--method-lime);color:var(--color-black);border-color:var(--method-lime)}.method-card-interactive .method-card-header .method-card-tagline{font-family:var(--font-pixel);font-size:11px;line-height:1.5;text-transform:uppercase;color:var(--color-black);transition:color .1s steps(2);margin:0;padding:0;min-height:40px;display:flex;align-items:center}.method-card-interactive[data-accent=magenta]:hover .method-card-header .method-card-tagline{color:var(--method-magenta)}.method-card-interactive[data-accent=purple]:hover .method-card-header .method-card-tagline{color:var(--method-purple)}.method-card-interactive[data-accent=lime]:hover .method-card-header .method-card-tagline{color:#228b22}.method-card-interactive .method-card-body .method-card-title{font-family:var(--font-pixel);font-size:10px;line-height:1.6;text-transform:uppercase;color:var(--color-black);margin:0 0 12px}.method-card-interactive .method-card-body{padding:16px;flex-grow:1;display:flex;flex-direction:column}.method-card-interactive .method-card-body p{font-family:var(--font-mono);font-size:13px;line-height:1.6;margin:0;flex-grow:1}.method-card-preview{margin-top:auto;padding-top:12px;border-top:2px dashed #E5E5E5;display:flex;gap:6px;flex-wrap:wrap}.preview-tag{font-family:var(--font-pixel);font-size:6px;padding:4px 6px;border:2px solid var(--color-black);background:var(--color-white)}.card-mini-bar{height:6px;background:#e5e5e5;border:1px solid var(--color-black);margin-top:12px;overflow:hidden}.card-mini-bar-fill{height:100%;background:var(--color-black)}.method-card-interactive[data-accent=magenta]:hover .card-mini-bar-fill{background:var(--method-magenta)}.method-card-interactive[data-accent=purple]:hover .card-mini-bar-fill{background:var(--method-purple)}.method-card-interactive[data-accent=lime]:hover .card-mini-bar-fill{background:var(--method-lime)}.philosophy-section-interactive{margin-top:64px;padding:32px;border:3px solid var(--color-black);background:var(--color-black);color:var(--color-white);text-align:center}.philosophy-quote-interactive{font-family:var(--font-pixel);font-size:11px;line-height:2.2;margin:0;color:var(--method-magenta)}@media(max-width:1024px){.method-cards{grid-template-columns:repeat(3,1fr);gap:16px}.method-card-interactive .method-card-title{font-size:9px}.method-card-interactive .method-card-body p{font-size:12px}}@media(max-width:768px){.method-cards{grid-template-columns:1fr;gap:24px}.method-card-interactive .method-card-header{flex-direction:row;text-align:left}.method-card-interactive .method-card-number{width:40px;height:40px;font-size:12px}}.test-meter{padding:24px;border:3px solid var(--color-black);background:var(--color-white);margin-bottom:24px}.meter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.meter-label{font-family:var(--font-pixel);font-size:10px}.meter-count{font-family:var(--font-pixel);font-size:14px}.meter-bar{display:flex;gap:4px;height:32px;margin-bottom:8px}.meter-segment{flex:1;border:2px solid var(--color-black);background:var(--color-white);transition:all .1s steps(2);position:relative}.meter-segment.filled{background:var(--color-black)}.meter-segment:nth-child(1).filled{background:var(--method-red);border-color:var(--method-red)}.meter-segment:nth-child(2).filled{background:var(--method-red);border-color:var(--method-red)}.meter-segment:nth-child(3).filled{background:var(--method-orange);border-color:var(--method-orange)}.meter-segment:nth-child(4).filled{background:var(--method-orange);border-color:var(--method-orange)}.meter-segment:nth-child(5).filled{background:var(--method-yellow);border-color:var(--method-yellow)}.meter-segment:nth-child(6).filled{background:var(--method-yellow);border-color:var(--method-yellow)}.meter-segment:nth-child(7).filled{background:var(--method-lime);border-color:var(--method-lime)}.meter-segment:nth-child(8).filled{background:var(--method-lime);border-color:var(--method-lime)}.meter-labels{display:flex;justify-content:space-between;font-family:var(--font-pixel);font-size:6px;color:gray}.criteria-list{display:grid;gap:0}.criterion-item{border:3px solid var(--color-black);border-bottom:none;background:var(--color-white);padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;cursor:pointer;transition:all .1s steps(2)}.criterion-item:last-child{border-bottom:3px solid var(--color-black)}.criterion-item:hover,.criterion-item.checked{background:#e5e5e5}.criterion-checkbox{width:24px;height:24px;border:3px solid var(--color-black);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-pixel);font-size:12px;transition:all .1s steps(2)}.criterion-item.checked .criterion-checkbox{background:var(--method-lime);border-color:var(--method-lime);color:var(--color-black)}.criterion-item.checked .criterion-checkbox:after{content:"✓"}.criterion-content h3{font-family:var(--font-pixel);font-size:10px;line-height:1.6;margin:0 0 8px;text-transform:uppercase}.criterion-question{font-family:var(--font-mono);font-size:14px;line-height:1.6;margin:0 0 8px;color:var(--color-black);font-weight:700}.criterion-note{font-family:var(--font-mono);font-size:13px;line-height:1.6;margin:0;color:gray;font-style:italic}.criterion-number{font-family:var(--font-pixel);font-size:8px;color:gray;flex-shrink:0}.test-result{margin-top:32px;padding:24px;border:3px solid var(--color-black);background:#e5e5e5;text-align:center;transition:all .1s steps(2)}.result-status{font-family:var(--font-pixel);font-size:14px;margin-bottom:8px}.result-message{font-family:var(--font-mono);font-size:14px;line-height:1.6}.test-result.pass{background:var(--color-black);color:var(--color-white);animation:success-explosion .6s steps(3)}.test-result.pass .result-status{color:var(--method-lime)}@keyframes success-explosion{0%{transform:scale(1)}33%{transform:scale(1.02);background:var(--method-lime)}66%{transform:scale(1.01);background:var(--color-white);color:var(--color-black)}to{transform:scale(1)}}.sequence-timeline{position:relative;padding-left:80px}.timeline-line{position:absolute;left:32px;top:0;bottom:0;width:3px;background:var(--color-gray-light)}.timeline-line-progress{position:absolute;left:0;top:0;width:100%;height:0%;background:var(--method-purple);transition:height .3s steps(10)}.phase-item{position:relative;margin-bottom:0;padding-bottom:0}.phase-marker{position:absolute;left:-58px;top:0;width:24px;height:24px;border:3px solid var(--color-black);background:var(--color-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:8px;z-index:2;cursor:pointer;transition:all .1s steps(2)}.phase-marker:hover{background:var(--color-gray-light)}.phase-marker.completed{background:var(--method-purple);border-color:var(--method-purple);color:var(--color-white)}.method-container .phase-content{border:3px solid var(--color-black);background:var(--color-white);margin-bottom:24px;transition:all .1s steps(2)}.method-container .phase-item.completed .phase-content{border-color:var(--method-purple)}.phase-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;background:var(--dither);background-size:4px 4px;border-bottom:var(--border-width) solid var(--color-black)}.phase-header:hover{opacity:.9}.phase-info{flex-grow:1}.phase-title{font-family:var(--font-pixel);font-size:10px;line-height:1.6;margin:0;text-transform:uppercase;background:var(--color-white);padding:8px 16px;border:3px solid var(--color-black);display:inline-block}.phase-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.phase-duration{font-family:var(--font-pixel);font-size:8px;color:var(--color-white);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-black);border:2px solid var(--color-black);transition:all .1s steps(2);height:28px}.phase-item.completed .phase-duration{background:var(--method-purple);border-color:var(--method-purple)}.phase-duration-icon{width:12px;height:12px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;flex-shrink:0;filter:brightness(0) invert(1)}.phase-status{font-family:var(--font-pixel);font-size:8px;padding:6px 12px;border:2px solid var(--color-black);background:var(--color-gray-light);cursor:pointer;transition:all .1s steps(2);height:28px;display:inline-flex;align-items:center;justify-content:center}.phase-status:hover{background:var(--color-black);color:var(--color-white)}.phase-status.done{background:var(--method-purple);border-color:var(--method-purple);color:var(--color-white)}.phase-body{padding:20px}.phase-hero-image{width:100%;height:auto;display:block;margin:0 0 24px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.phase-hero-video{width:100%;height:auto;display:block;margin:0 0 24px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:cover}.phase-hero-video::-webkit-media-controls{display:none!important}.phase-hero-video::-webkit-media-controls-enclosure{display:none!important}.phase-hero-video::-webkit-media-controls-panel{display:none!important}.phase-intro{font-family:var(--font-mono);font-size:18px;font-weight:700;line-height:1.5;margin:0 0 20px;padding-bottom:16px;border-bottom:2px dashed var(--color-gray-light);color:var(--color-black)}.phase-tasks{margin:0}.phase-tasks ul{list-style:none;padding:0;margin:0}.phase-tasks li{font-family:var(--font-mono);font-size:14px;line-height:1.6;padding:8px 0 8px 24px;position:relative;cursor:pointer;border-bottom:1px dashed var(--color-gray-light)}.phase-tasks li:last-child{border-bottom:none}.phase-tasks li:before{content:"□";position:absolute;left:0;font-size:14px}.phase-tasks li:hover{color:var(--method-purple)}.phase-tasks li.checked:before{content:"■";color:var(--method-purple)}.phase-tasks li.checked{color:var(--color-gray-mid);text-decoration:line-through}.phase-link{display:inline-block;margin-top:16px;font-family:var(--font-pixel);font-size:8px;color:var(--method-purple);text-decoration:underline}.timeline-summary{margin-top:32px;padding:24px;border:3px solid var(--color-black);background:var(--color-gray-light)}.timeline-summary .summary-title{font-family:var(--font-pixel);font-size:12px;margin:0 0 24px;text-transform:uppercase}.timeline-days{display:grid;gap:24px}.timeline-day{padding:16px;border:2px solid var(--color-black);background:var(--color-white)}.timeline-day.overnight{background:var(--color-black);color:var(--color-white)}.timeline-day.overnight .summary-label{color:var(--color-gray-light)}.day-label{font-family:var(--font-pixel);font-size:10px;display:block;margin-bottom:12px;padding-bottom:8px;border-bottom:2px dashed var(--color-gray-mid)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.summary-label{font-family:var(--font-mono);font-size:12px}.summary-value{font-family:var(--font-pixel);font-size:10px}.summary-row.completed .summary-label{text-decoration:line-through;color:var(--color-gray-mid)}.summary-row.completed .summary-value{color:var(--method-purple)}.quick-checklist{margin-top:32px;padding:24px;border:3px solid var(--color-black);background:var(--color-white)}.quick-checklist .checklist-title{font-family:var(--font-pixel);font-size:12px;margin:0 0 20px;text-transform:uppercase}.quick-checklist .checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-checklist .checklist-item{display:flex;align-items:flex-start;gap:12px;padding:8px;border:1px solid transparent;cursor:default;transition:all .2s}.quick-checklist .checklist-item.checked{background:var(--color-gray-light);border-color:var(--color-black)}.quick-checklist .checklist-box{width:24px;height:24px;border:2px solid var(--color-black);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-checklist .checklist-box img{width:18px;height:18px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:none}.quick-checklist .checklist-item.checked .checklist-box img{display:block}.quick-checklist .checklist-label{font-family:var(--font-mono);font-size:12px;line-height:1.5;padding-top:2px}.quick-checklist .checklist-footer{font-family:var(--font-mono);font-size:13px;line-height:1.6;margin:20px 0 0;padding-top:16px;border-top:2px dashed var(--color-gray-light);font-style:italic}@media(max-width:768px){.sequence-timeline{padding-left:60px}.timeline-line{left:20px}.phase-marker{left:-48px;width:20px;height:20px;font-size:7px}.criterion-item{grid-template-columns:auto 1fr;gap:12px;padding:16px}.criterion-number{display:none}.criterion-content h3{font-size:9px}.quick-checklist .checklist-grid{grid-template-columns:1fr}}.section-poster-gallery{padding:80px 24px;background:#000}.section-poster-gallery .creed-header{margin-bottom:40px}.section-poster-gallery .section-title{color:#fff}.section-poster-gallery .creed-subtitle{color:#888}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-width:1400px;margin:0 auto}.poster-item{aspect-ratio:1 / 1.414;overflow:hidden;border:2px solid #333;background:#111;cursor:pointer;transition:transform .15s,border-color .15s}.poster-item:hover{transform:scale(1.03);border-color:var(--method-magenta);z-index:1}.poster-item img{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:1200px){.poster-grid{grid-template-columns:repeat(10,1fr)}}@media(max-width:900px){.poster-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}}@media(max-width:600px){.section-poster-gallery{padding:48px 12px}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px}.poster-item{border-width:1px}}.poster-modal{display:none!important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}.poster-modal.active{display:flex!important;align-items:center;justify-content:center}.poster-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2}.poster-modal-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:60px 80px;box-sizing:border-box}.poster-modal-image-wrap{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.poster-modal-image-wrap img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;border:3px solid var(--color-white);box-shadow:0 0 60px #ff00ff4d}.poster-modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:var(--color-white);border:3px solid var(--color-black);cursor:pointer;z-index:10;transition:all .1s}.poster-modal-close:before,.poster-modal-close:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:3px;background:var(--color-black)}.poster-modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.poster-modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.poster-modal-close:hover{background:var(--method-magenta)}.poster-modal-close:hover:before,.poster-modal-close:hover:after{background:var(--color-white)}.poster-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:80px;background:var(--color-white);border:3px solid var(--color-black);font-size:32px;font-weight:700;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;color:var(--color-black);z-index:10}.poster-modal-prev{left:20px}.poster-modal-next{right:20px}.poster-modal-nav:hover{background:var(--method-magenta);color:var(--color-white);border-color:var(--method-magenta)}.poster-modal-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-family:var(--font-pixel);font-size:12px;color:var(--color-white);background:var(--color-black);padding:10px 20px;border:2px solid var(--color-white)}@media(max-width:768px){.poster-modal-content{padding:60px 20px}.poster-modal-nav{width:44px;height:60px;font-size:24px}.poster-modal-prev{left:10px}.poster-modal-next{right:10px}.poster-modal-close{top:10px;right:10px;width:36px;height:36px}.poster-modal-counter{font-size:10px;padding:8px 16px}}.content-card{background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);margin-bottom:var(--space-lg)}.content-card-title{font-family:var(--font-pixel);font-size:12px;padding:var(--space-md);border-bottom:var(--border-width) solid var(--color-black);margin:0}.content-card-body{padding:var(--space-lg)}.content-card-body p{margin-bottom:var(--space-md);line-height:1.7}.content-card-body p:last-child{margin-bottom:0}.content-card-magenta{border-left:6px solid #FF00FF}.content-card-cyan{border-left:6px solid #00FFFF}.content-card-orange{border-left:6px solid #FF6600}.content-card-purple{border-left:6px solid #9900FF}.how-to-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.how-to-grid{grid-template-columns:repeat(3,1fr)}}.how-to-step{text-align:center;padding:var(--space-lg)}.how-to-number{width:48px;height:48px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-black);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);font-family:var(--font-pixel);font-size:14px}.how-to-title{font-family:var(--font-pixel);font-size:10px;margin-bottom:var(--space-sm)}.how-to-desc{font-size:14px;color:var(--color-gray-mid);margin-bottom:var(--space-md);line-height:1.6}.two-col-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:768px){.two-col-grid{grid-template-columns:repeat(2,1fr)}}.resources-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.resources-grid{grid-template-columns:repeat(2,1fr)}}.resource-card{background:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-black);display:flex;flex-direction:column}.resource-header{padding:var(--space-md);border-bottom:var(--border-width) solid var(--color-black);display:flex;align-items:center;gap:var(--space-md)}.resource-icon{width:40px;height:40px;background:var(--card-color, var(--color-gray-light));display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-black)}.resource-title{font-family:var(--font-pixel);font-size:10px;margin:0}.resource-body{padding:var(--space-lg);flex:1}.resource-body p{margin-bottom:var(--space-md);line-height:1.6}.resource-items{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-xs)}.resource-items li{font-size:12px;padding:var(--space-xs) var(--space-sm);background:var(--color-gray-light);border:1px solid var(--color-black)}.resource-footer{padding:var(--space-md);border-top:var(--border-width) solid var(--color-black);text-align:center}.resource-coming-soon{font-family:var(--font-pixel);font-size:8px;color:var(--color-gray-mid);letter-spacing:.1em}.usage-guide{background:var(--color-white);padding:var(--space-lg);border:var(--border-width) solid var(--color-black)}.usage-guide p{margin-bottom:var(--space-md)}.canvas-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#fff}.canvas-viewport{flex:1;position:relative;overflow:hidden;background:#fff;background-image:var(--dither-12);cursor:grab}.canvas-viewport:active,.canvas-viewport.is-panning{cursor:grabbing}.canvas-edges{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.canvas-transform{position:absolute;top:0;left:0;transform-origin:0 0;z-index:2}.canvas-create-overlay{position:fixed;inset:0;background:#fffffff2;z-index:100;display:flex;align-items:center;justify-content:center}.canvas-create-overlay[hidden]{display:none}.canvas-create-form{border:4px solid black;background:#fff;box-shadow:8px 8px #000;padding:0;width:400px;max-width:90vw}.canvas-create-form .canvas-node-header{background:var(--dither-50);border-bottom:3px solid black;padding:10px 16px;font-family:"Press Start 2P",monospace;font-size:10px}.canvas-create-form .canvas-create-body{padding:20px}.canvas-create-form label{display:block;font-family:"Press Start 2P",monospace;font-size:8px;margin-bottom:6px;margin-top:16px}.canvas-create-form label:first-child{margin-top:0}.canvas-create-form input,.canvas-create-form select{width:100%;padding:8px 10px;border:3px solid black;background:#fff;font-family:Space Mono,monospace;font-size:13px;box-sizing:border-box}.canvas-create-form input:focus,.canvas-create-form select:focus{outline:none;box-shadow:3px 3px #000}.canvas-create-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.canvas-node{position:absolute;border:3px solid black;background:#fff;box-shadow:4px 4px #000;font-family:Space Mono,monospace;font-size:13px;cursor:pointer;user-select:none;transition:box-shadow .1s steps(2)}.canvas-node:hover{box-shadow:6px 6px #000}.canvas-node.is-selected{box-shadow:6px 6px #000;outline:2px dashed black;outline-offset:3px}.canvas-node.is-generating{opacity:.7;pointer-events:none}.canvas-node.is-generating .canvas-node-actions{opacity:.4}.canvas-node.is-dismissed{opacity:.35}.canvas-node.is-starred{box-shadow:4px 4px gold}.canvas-node-header{background:var(--dither-50);border-bottom:3px solid black;font-family:"Press Start 2P",monospace;font-size:8px;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-node-body{padding:10px}.canvas-node-field{margin-bottom:8px}.canvas-node-field:last-child{margin-bottom:0}.canvas-node-field label{font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:.5px;opacity:.6;margin-bottom:3px;display:block}.canvas-node-value{font-size:12px;line-height:1.4}.canvas-node-text{font-size:12px;line-height:1.5;font-style:italic}.canvas-node-count{font-family:"Press Start 2P",monospace;font-size:7px;opacity:.5;margin-top:8px}.canvas-node-actions{padding:8px 10px;border-top:2px solid black;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.canvas-node-meta-actions{display:flex;gap:4px;margin-left:auto}.canvas-node--brief{border-width:4px;min-width:200px;max-width:260px}.canvas-node--brief .canvas-node-header{text-align:center}.canvas-node--brief .canvas-node-brand{font-size:10px;opacity:.6;margin-top:8px;font-family:"Press Start 2P",monospace;font-size:7px}.canvas-node--trigger{min-width:200px;max-width:280px}.canvas-node--trigger .canvas-node-header{color:#fff;text-shadow:1px 1px 0px rgba(0,0,0,.5)}.canvas-node-question{font-style:italic;font-size:11px;line-height:1.5;opacity:.8}.canvas-node--insight{min-width:180px;max-width:220px;font-size:12px}.canvas-node--insight .canvas-node-header{font-size:7px}.canvas-node-charge{display:inline-block;width:8px;height:8px;border:1px solid black;margin-left:6px;vertical-align:middle}.canvas-node-charge.charge-high{background:#000}.canvas-node-charge.charge-medium{background:var(--dither-50)}.canvas-node-charge.charge-low{background:#fff}.canvas-node--idea{min-width:160px;max-width:200px;font-size:11px}.canvas-node--idea .canvas-node-header{font-size:7px}.canvas-node--concept{min-width:280px;max-width:360px;border-width:4px}.canvas-node--concept .canvas-node-header{font-size:8px;background:#000;color:#fff}.canvas-concept-section{margin-bottom:10px}.canvas-concept-section:last-child{margin-bottom:0}.canvas-concept-section label{font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:.5px;opacity:.5;margin-bottom:4px;display:block}.canvas-concept-headline{font-size:14px;font-weight:700;line-height:1.3}.canvas-concept-subline{font-size:11px;opacity:.7;margin-bottom:10px}.canvas-concept-visual{font-size:11px;line-height:1.5;font-style:italic}.canvas-concept-image{margin:10px 0;border:2px solid black}.canvas-concept-image img{width:100%;display:block}.canvas-concept-why{font-size:11px;line-height:1.5;opacity:.8}.canvas-concept-alt{font-size:11px;padding:4px 0;border-bottom:1px solid #eee}.canvas-node--concept.is-saved:after{content:"SAVED";position:absolute;top:-12px;right:-4px;background:#000;color:#fff;font-family:"Press Start 2P",monospace;font-size:6px;padding:2px 6px}.canvas-node .btn--action{background:#000;color:#fff;border:none;font-family:"Press Start 2P",monospace;font-size:7px;padding:6px 10px;cursor:pointer}.canvas-node .btn--action:hover{background:#333}.canvas-node .btn--tiny{font-family:"Press Start 2P",monospace;font-size:7px;padding:4px 8px;border:2px solid black;background:#fff;cursor:pointer}.canvas-node .btn--tiny:hover{background:#f0f0f0}.canvas-node .btn--tiny.is-active{background:#000;color:#fff}.canvas-node .btn--danger{color:#c00;border-color:#c00}@keyframes canvas-blink{0%,49%{opacity:1}50%,to{opacity:.3}}.canvas-node.is-generating .btn--action{animation:canvas-blink .6s steps(2) infinite}.canvas-edge{stroke:#000;stroke-width:2px;fill:none}.canvas-edge--brief-trigger{stroke:#000;stroke-width:2px}.canvas-edge--trigger-insight{stroke:#666;stroke-width:1.5px}.canvas-edge--insight-idea{stroke:#999;stroke-width:1.5px}.canvas-edge--idea-concept{stroke:#000;stroke-width:2px}.canvas-edge--combined-idea{stroke:#666;stroke-width:1px;stroke-dasharray:6 3}.canvas-header{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:3px solid black;background:#fff;z-index:50;min-height:44px}.canvas-back-btn{font-family:"Press Start 2P",monospace;font-size:12px;text-decoration:none;color:#000;padding:4px 8px;border:2px solid black}.canvas-back-btn:hover{background:#000;color:#fff}.canvas-session-name{font-family:Space Mono,monospace;font-size:14px;font-weight:700;flex:1;outline:none;padding:2px 4px;border:2px solid transparent}.canvas-session-name:focus{border-color:#000}.canvas-credits{font-family:"Press Start 2P",monospace;font-size:9px;padding:4px 10px;border:2px solid black;white-space:nowrap}.canvas-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:3px solid black;background:#fff;z-index:50;min-height:44px}.canvas-zoom-controls{display:flex;align-items:center;gap:4px;margin:0 8px}.canvas-zoom-controls button{width:28px;height:28px;border:2px solid black;background:#fff;font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.canvas-zoom-controls button:hover{background:#f0f0f0}#zoom-level{font-family:"Press Start 2P",monospace;font-size:8px;min-width:40px;text-align:center}.canvas-save-indicator{font-family:"Press Start 2P",monospace;font-size:7px;opacity:0;transition:opacity .1s steps(2);margin-left:auto}.canvas-save-indicator.is-visible{opacity:.5}.canvas-format-selector{position:absolute;border:3px solid black;background:#fff;box-shadow:6px 6px #000;padding:12px;z-index:30;min-width:220px}.canvas-format-selector[hidden]{display:none}.canvas-format-selector label{font-family:"Press Start 2P",monospace;font-size:8px;margin-bottom:8px;display:block}.canvas-format-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.canvas-format-option{border:2px solid black;background:#fff;padding:6px 10px;font-family:"Press Start 2P",monospace;font-size:7px;cursor:pointer;text-align:center}.canvas-format-option:hover,.canvas-format-option.is-selected{background:#000;color:#fff}.canvas-format-actions{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}.canvas-combine-btn{position:fixed;bottom:70px;left:50%;transform:translate(-50%);z-index:45;font-family:"Press Start 2P",monospace;font-size:9px;padding:10px 20px;border:3px solid black;background:#000;color:#fff;box-shadow:4px 4px #0000004d;cursor:pointer}.canvas-combine-btn:hover{background:#333}.canvas-combine-btn[hidden]{display:none}@media(max-width:767px){.canvas-viewport{display:none}.canvas-mobile-tree{display:block;flex:1;overflow-y:auto;padding:12px}.canvas-header{padding:6px 10px}.canvas-toolbar{padding:6px 10px;flex-wrap:wrap}}@media(min-width:768px){.canvas-mobile-tree{display:none}}.canvas-trigger-palette{position:fixed;bottom:47px;left:0;right:0;background:#fff;border-top:3px solid black;box-shadow:0 -4px #000;z-index:40;max-height:280px;overflow-y:auto;transform:translateY(100%);transition:transform .1s steps(3)}.canvas-trigger-palette[hidden]{display:none}.canvas-trigger-palette.is-open{transform:translateY(0)}.canvas-palette-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:2px solid black;font-family:"Press Start 2P",monospace;font-size:9px}.canvas-palette-close{font-family:"Press Start 2P",monospace;font-size:8px;border:2px solid black;background:#fff;padding:3px 8px;cursor:pointer}.canvas-palette-close:hover{background:#000;color:#fff}.canvas-palette-tabs{display:flex;gap:4px;padding:8px 16px;overflow-x:auto;flex-wrap:nowrap}.canvas-palette-tab{min-width:28px;height:28px;border:2px solid black;background:#fff;font-family:"Press Start 2P",monospace;font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-palette-tab:hover,.canvas-palette-tab.is-active{color:#fff}.canvas-palette-tab--random{padding:0 10px;font-size:7px;min-width:auto}.canvas-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;padding:8px 16px 12px}.canvas-palette-trigger{border:2px solid black;background:#fff;padding:8px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}.canvas-palette-trigger:hover{box-shadow:3px 3px #000}.canvas-palette-trigger.is-on-canvas{opacity:.3;pointer-events:none}.canvas-palette-code{font-family:"Press Start 2P",monospace;font-size:8px;font-weight:700}.canvas-palette-name{font-family:Space Mono,monospace;font-size:10px;opacity:.7}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-padding-top: max(var(--space-md), var(--safe-top));--safe-padding-bottom: max(var(--space-md), var(--safe-bottom));--mobile-gutter: var(--space-sm);--mobile-section-gap: var(--space-lg)}@supports (padding: env(safe-area-inset-top)){html{padding:0}body{padding-left:var(--safe-left);padding-right:var(--safe-right)}}body.sidebar-mobile-open,body.modal-open,body.drawer-open{overflow:hidden;position:fixed;width:100%;height:100%;top:var(--scroll-top, 0)}@media(max-width:768px){.sidebar-nav,.modal-body,.drawer-content,.ideas-list,.ideas-grid,.canvas-tabs-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media(max-width:768px){input,textarea,select,.input,.input-field,[contenteditable=true]{font-size:16px!important}input::placeholder,textarea::placeholder{font-size:16px}}@media(max-width:768px){.btn:active,.button:active,button:active,.nav-item:active,.card:active,.idea-card:active,.cartridge:active,.tab-btn:active,[role=button]:active{transform:scale(.98);transition:transform .1s ease}.credits-widget:active,.sidebar-logo-icon.pressed{transform:translate(3px,3px)}}@media(max-width:768px){button,.btn,.button,.nav-item,.tab-btn,a[role=button],[role=button],.clickable{min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px)}.btn-icon,.icon-button,.close-btn,.sidebar-close{width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center}}@media(max-width:768px){html,body{overflow-x:hidden;max-width:100vw}.container,.main-content,.dashboard-content,.generator-container,.canvas-container{max-width:100%;overflow-x:hidden}}@media(max-width:768px){.desktop-only{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:768px){.mobile-stack{flex-direction:column!important}.mobile-stack>*{width:100%!important}}@media(max-width:768px){.mobile-full-width{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}}@media(max-width:768px){.mobile-safe-top{padding-top:var(--safe-padding-top)!important}.mobile-safe-bottom{padding-bottom:var(--safe-padding-bottom)!important}.mobile-safe-all{padding-top:var(--safe-padding-top)!important;padding-bottom:var(--safe-padding-bottom)!important;padding-left:max(var(--mobile-gutter),var(--safe-left))!important;padding-right:max(var(--mobile-gutter),var(--safe-right))!important}}@media(max-width:768px){.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:contain}.no-pull-refresh{overscroll-behavior-y:none}}@media(max-width:480px){body{font-size:15px;line-height:1.5}.text-xs,.text-2xs{font-size:11px!important}.font-pixel,[style*="Press Start"]{letter-spacing:.5px}}@media(max-width:768px){button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--black);outline-offset:2px}*{-webkit-tap-highlight-color:transparent}}@media(max-width:768px)and (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.content{padding:var(--space-sm);padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0));box-sizing:border-box;width:100%;max-width:100%}.dashboard-body,.main{max-width:100vw;overflow-x:clip}}@media(max-width:768px){.dashboard-hero{flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-md);margin:0;border-left:none;border-right:none}.hero-icon{display:flex;justify-content:center;margin-bottom:var(--space-xs)}.hero-icon .pixel-icon.xxl{width:48px;height:48px}.hero-content{text-align:center}.hero-title{font-size:14px;margin-bottom:var(--space-xs)}.hero-subtitle{font-size:11px;margin-bottom:var(--space-md)}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm)}.hero-stat{display:flex;align-items:center;gap:4px;font-size:11px;padding:6px 10px;background:var(--color-white);border:2px solid var(--color-black)}.hero-stat .pixel-icon.sm{width:14px;height:14px}.hero-action{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.hero-action .btn-lg{width:100%;min-height:56px;justify-content:center;font-size:11px;padding:var(--space-md)}.hero-manual-link{text-align:center;font-size:11px;padding:var(--space-sm);min-height:44px;display:flex;align-items:center;justify-content:center}}@media(max-width:768px){.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-sm)}.actions-grid-compact{gap:var(--space-xs);padding:var(--space-xs);margin:0;border:none;box-shadow:none}.action-card{min-height:80px;padding:var(--space-sm);box-shadow:3px 3px 0 var(--color-black)}.action-card-compact{min-height:70px;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);box-shadow:2px 2px 0 var(--color-black)}.action-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}.action-icon .pixel-icon.lg{width:28px;height:28px}.action-label{font-size:8px;letter-spacing:.5px}}@media(max-width:375px){.actions-grid{gap:6px;padding:6px}.action-card-compact{min-height:64px;padding:8px}.action-icon .pixel-icon.lg{width:24px;height:24px}.action-label{font-size:7px}}@media(max-width:768px){.window{margin:0 0 var(--space-sm) 0;border-radius:0;box-shadow:4px 4px 0 var(--color-black);width:100%;max-width:100%;box-sizing:border-box}.window-titlebar{padding:var(--space-sm);min-height:40px}.window-title{font-size:9px}.window-close{width:12px;height:12px;min-width:12px;min-height:12px}.window-body{padding:var(--space-sm);overflow-x:hidden}#recent-ideas-window .window-body,#recent-sessions-window .window-body{padding:var(--space-sm)}.ideas-list{gap:var(--space-sm)}.loading-state{padding:var(--space-lg)}.loading-state .pixel-icon.lg{width:32px;height:32px}.loading-state p{font-size:11px}}@media(max-width:768px){.ideas-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);padding:0}.ideas-toolbar{flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--color-gray-light, #f5f5f5);border-bottom:2px solid var(--color-black)}.ideas-search-wrapper{width:100%;max-width:none}.ideas-search{min-height:44px;font-size:16px;padding:var(--space-sm)}.ideas-controls{width:100%;flex-wrap:wrap;gap:var(--space-sm)}.ideas-filter-btn,.ideas-sort-select{min-height:44px;font-size:10px;padding:var(--space-sm)}}@media(min-width:480px)and (max-width:768px){.ideas-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}@media(max-width:768px){.idea-card{box-shadow:3px 3px 0 var(--color-black);max-width:100%;box-sizing:border-box}.idea-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}.idea-card-header{padding:var(--space-sm);min-height:36px}.idea-card-trigger{font-size:9px;padding:4px 8px}.idea-card-format{font-size:8px;padding:3px 6px}.idea-card-image{min-height:140px;max-height:200px;overflow:hidden}.idea-card-image img{object-fit:cover;width:100%;max-width:100%;height:auto}.generated-image-wrapper,.generated-video-wrapper{position:relative;display:flex;flex-direction:column}.generated-image-wrapper .image-actions,.generated-video-wrapper .video-actions,.idea-card .image-actions{position:static;top:auto;right:auto;justify-content:center;padding:var(--space-sm);background:var(--color-white);border-top:2px solid var(--color-black);opacity:1}.image-actions .btn-img-action,.video-actions .btn-img-action{width:40px;height:40px;min-width:40px;min-height:40px}.image-actions .btn-img-action svg,.video-actions .btn-img-action svg{width:18px;height:18px}.idea-card-body{padding:var(--space-sm)}.idea-card-headline{font-size:12px;line-height:1.3;margin-bottom:var(--space-xs)}.idea-card-text{font-size:11px;line-height:1.4;-webkit-line-clamp:3}.idea-card-footer{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.idea-card-actions{gap:var(--space-xs)}.idea-card-btn{min-width:36px;min-height:36px;width:36px;height:36px}.idea-card-btn svg,.idea-card-btn .pixel-icon{width:14px;height:14px}.idea-card-select{width:28px;height:28px}.idea-card:hover{transform:none;box-shadow:3px 3px 0 var(--color-black)}}@media(max-width:375px){.idea-card-header{flex-wrap:wrap;gap:4px}.idea-card-headline{font-size:11px}.idea-card-text{font-size:10px;-webkit-line-clamp:2}.idea-card-btn{min-width:32px;min-height:32px;width:32px;height:32px}}@media(max-width:768px){.action-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-header);flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-bottom, 0));border:none;border-top:3px solid var(--color-black);box-shadow:0 -4px 12px #00000026;background:var(--color-white)}.action-bar-info{width:100%;text-align:center}.action-bar-count{font-size:10px}.action-bar-actions{display:flex;width:100%;gap:var(--space-xs)}.action-bar-btn{flex:1;min-height:48px;font-size:9px;padding:var(--space-sm);justify-content:center}.action-bar-btn .btn-icon{width:16px;height:16px}.window-body:has(.action-bar.visible){padding-bottom:calc(var(--action-bar-height, 120px) + var(--safe-bottom, 0))}}@media(max-width:768px){.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-sm)}.gallery-item{aspect-ratio:1;border-width:2px;box-shadow:2px 2px 0 var(--color-black)}.gallery-item:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-black)}.gallery-item-actions{padding:4px;gap:4px}.gallery-item-btn{width:32px;height:32px;min-width:32px;min-height:32px}.gallery-toolbar{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.gallery-filter-group{width:100%;flex-wrap:wrap}.gallery-filter-btn{flex:1;min-height:44px;font-size:9px}}@media(min-width:480px)and (max-width:768px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sessions-list{gap:var(--space-sm);padding:0}.session-card{flex-direction:column;padding:var(--space-sm);gap:var(--space-sm);box-shadow:3px 3px 0 var(--color-black)}.session-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}.session-info{width:100%}.session-name{font-size:12px;margin-bottom:var(--space-xs)}.session-meta{font-size:10px;gap:var(--space-xs);flex-wrap:wrap}.session-meta-item{padding:4px 8px;font-size:9px}.session-actions{width:100%;display:flex;gap:var(--space-xs)}.session-btn{flex:1;min-height:44px;font-size:9px;justify-content:center;padding:var(--space-sm)}}@media(max-width:768px){.credits-balance{flex-direction:column;gap:var(--space-md);padding:var(--space-md);text-align:center}.credits-amount{font-size:48px}.credits-label{font-size:10px}.credits-buy-btn{width:100%;min-height:56px;font-size:12px}.credits-history{padding:var(--space-sm)}.credits-history-item{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);text-align:left}.credits-history-date{font-size:10px}.credits-history-amount{font-size:14px}.usage-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:11px}.usage-table th,.usage-table td{padding:var(--space-sm);white-space:nowrap;font-size:10px}.usage-table th{font-size:8px;position:sticky;top:0;background:var(--gray-light);z-index:var(--z-base)}.window-body:has(.usage-table){overflow-x:auto;padding:0}@media(max-width:480px){.usage-table,.usage-table tbody,.usage-table tr{display:block}.usage-table thead{display:none}.usage-table tr{border-bottom:2px solid var(--color-black);padding:var(--space-sm);margin-bottom:var(--space-xs)}.usage-table td{display:flex;justify-content:space-between;padding:var(--space-xs) 0;border-bottom:1px solid var(--gray-mid);white-space:normal}.usage-table td:before{content:attr(data-label);font-family:var(--font-pixel);font-size:8px;font-weight:700;text-transform:uppercase;color:var(--gray)}.usage-table td:last-child{border-bottom:none}}}@media(max-width:768px){.account-section{padding:var(--space-md);margin-bottom:var(--space-md)}.account-section-title{font-size:11px;margin-bottom:var(--space-md)}.account-form{gap:var(--space-md)}.account-form-group{width:100%}.account-form-label{font-size:10px;margin-bottom:var(--space-xs)}.account-form-input{min-height:48px;font-size:16px;padding:var(--space-sm)}.account-form-btn{width:100%;min-height:48px;font-size:11px}.account-avatar-section{flex-direction:column;align-items:center;gap:var(--space-md)}.account-avatar{width:80px;height:80px;font-size:32px}.account-avatar-actions{width:100%;flex-direction:column;gap:var(--space-xs)}.account-avatar-btn{width:100%;min-height:44px}}@media(max-width:768px){.pagination-wrapper{padding:var(--space-sm);justify-content:center}.pagination{gap:var(--space-xs)}.pagination-btn{min-width:44px;min-height:44px;font-size:11px;padding:var(--space-sm)}.pagination-btn.active{box-shadow:2px 2px 0 var(--color-black)}.pagination-btn:not(.pagination-prev):not(.pagination-next):not(.pagination-first):not(.pagination-last):not(.active){display:none}.pagination-btn.pagination-prev,.pagination-btn.pagination-next,.pagination-btn.active,.pagination-btn.adjacent{display:flex}}@media(max-width:768px){.empty-state{padding:var(--space-xl) var(--space-md);text-align:center}.empty-state-icon{margin-bottom:var(--space-md)}.empty-state-icon .pixel-icon{width:48px;height:48px}.empty-state-title{font-size:14px;margin-bottom:var(--space-sm)}.empty-state-text{font-size:12px;margin-bottom:var(--space-md);line-height:1.5}.empty-state-btn{width:100%;max-width:280px;min-height:48px}}@media(max-width:768px){.modal-overlay{padding:0;align-items:stretch}.modal{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.modal-titlebar{padding:var(--space-sm);padding-top:calc(var(--space-sm) + var(--safe-top, 0));min-height:44px;flex-shrink:0}.modal-title{font-size:9px}.modal-close{width:32px;height:32px;min-width:44px;min-height:44px}.modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md);padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0))}.modal-footer{flex-shrink:0;padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-bottom, 0));gap:var(--space-sm)}.modal-footer .btn{flex:1;min-height:48px;font-size:10px}}@media(max-width:768px){.quick-launch-modal{height:100vh;height:100dvh}.quick-launch-body{padding:var(--space-md)}.quick-launch-form-group{margin-bottom:var(--space-md)}.quick-launch-label{font-size:9px;margin-bottom:var(--space-xs)}.quick-launch-input,.quick-launch-textarea{min-height:48px;font-size:16px;padding:var(--space-sm)}.quick-launch-textarea{min-height:100px}.quick-launch-formats{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.quick-launch-format-btn{min-height:60px;padding:var(--space-sm);flex-direction:column;gap:var(--space-xs)}.quick-launch-format-icon{width:28px;height:28px}.quick-launch-format-name{font-size:8px}.quick-launch-submit{width:100%;min-height:56px;font-size:12px;margin-top:var(--space-md)}}@media(max-width:768px){.profile-widget{position:relative}.profile-trigger{min-height:44px;padding:var(--space-xs)}.profile-avatar{width:32px;height:32px;font-size:12px}.profile-dropdown{position:fixed;inset:auto 0 0;width:100%;max-height:50vh;border-radius:0;border:none;border-top:3px solid var(--color-black);box-shadow:0 -4px 20px #0003;padding-bottom:calc(var(--space-md) + var(--safe-bottom, 0));transform:translateY(100%);transition:transform .25s ease-out;z-index:var(--z-modal)}.profile-dropdown.open{transform:translateY(0)}.profile-item{min-height:52px;padding:var(--space-md);font-size:13px}.profile-item:active{background:var(--color-gray-light)}.profile-item-icon{width:24px;height:24px}.profile-divider{margin:var(--space-xs) 0}.profile-logout{color:var(--color-danger)}}@media(max-width:768px){.toast-container{bottom:calc(var(--space-md) + var(--safe-bottom, 0));left:var(--space-sm);right:var(--space-sm);top:auto}.toast{width:100%;max-width:none;min-height:48px;font-size:12px;box-shadow:4px 4px #0000004d}.toast-close{width:36px;height:36px}}@media(max-width:768px){.recent-idea-item{padding:var(--space-sm);gap:var(--space-sm);min-height:60px;border-bottom:1px solid var(--color-gray-light)}.recent-idea-item:active{background:var(--dither-12)}.recent-idea-trigger{font-size:9px;padding:3px 6px}.recent-idea-headline{font-size:11px;line-height:1.3;-webkit-line-clamp:2}.recent-idea-meta{font-size:9px}.recent-idea-arrow{width:24px;height:24px;font-size:14px}.window-body .btn-ghost{width:100%;min-height:48px;justify-content:center;margin-top:var(--space-sm)}}@media(max-width:768px){.recent-session-item{padding:var(--space-sm);gap:var(--space-sm);min-height:56px;border-bottom:1px solid var(--color-gray-light)}.recent-session-item:active{background:var(--dither-12)}.recent-session-name{font-size:11px;margin-bottom:2px}.recent-session-date{font-size:9px}.recent-session-count{font-size:9px;padding:3px 8px}.recent-session-resume{min-width:44px;min-height:44px;font-size:9px;padding:var(--space-xs) var(--space-sm)}}@media(max-width:768px){@keyframes haptic-success{0%{box-shadow:0 0 #0f06}50%{box-shadow:0 0 0 8px #0f00}to{box-shadow:0 0 #0f00}}.haptic-success{animation:haptic-success .3s ease-out}@keyframes haptic-error{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.haptic-error{animation:haptic-error .4s ease-out}@keyframes haptic-select{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.haptic-select{animation:haptic-select .15s ease-out}}@media(max-width:768px){.canvas-view{max-width:100%;overflow-x:hidden}.canvas-inner{max-width:100%;box-sizing:border-box}.canvas-image-container,.canvas-image-wrapper{max-width:100%;overflow:visible}.canvas-image-container img,.canvas-image-wrapper img{width:100%;max-width:100%}.canvas-col-media{overflow:visible;min-height:auto;padding-bottom:var(--space-md)}.canvas-image-wrapper,.canvas-video-wrapper{overflow:visible}.canvas-image-actions{display:flex;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) 0;flex-wrap:wrap}.canvas-image-actions .btn-img-action{width:44px;height:44px;min-width:44px;min-height:44px}.canvas-image-actions .btn-img-action svg{width:18px;height:18px}.canvas-version-history{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--space-sm);padding:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none}.canvas-version-history::-webkit-scrollbar{display:none}.canvas-version-thumb{flex-shrink:0;width:60px;height:60px;height:auto;display:block}img{max-width:100%;height:auto}.ideas-filter-group{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;width:100%}.ideas-filter-group .filter-btn{flex:0 0 auto;min-height:40px;padding:8px 12px;font-size:9px;border:2px solid var(--color-black);background:var(--color-white)}.ideas-filter-group .filter-btn.active{background:var(--color-black);color:var(--color-white)}.ideas-dropdown-group{width:100%;display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.ideas-dropdown-group select{flex:1;min-width:120px;min-height:44px;font-size:16px;padding:8px 12px;border:2px solid var(--color-black);background:var(--color-white)}.ideas-sort-buttons{display:flex;gap:4px;flex-shrink:0}.sort-arrow-btn{width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-black);background:var(--color-white)}.sort-arrow-btn.active{background:var(--color-black);color:var(--color-white)}.sort-arrow-btn .sort-arrow-icon{width:16px;height:16px}}@media(max-width:768px){.brands-toolbar{flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-gray-light, #f5f5f5);border-bottom:2px solid var(--color-black)}.brands-search-wrapper{width:100%;position:relative}.brands-search-input{width:100%;min-height:44px;font-size:16px;padding:var(--space-sm) var(--space-sm) var(--space-sm) 36px;border:2px solid var(--color-black);background:var(--color-white)}.brands-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px}.brands-count{font-size:10px;text-align:center}.cartridge-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}.cartridge{transform:scale(.85);transform-origin:center}.cartridge:active{transform:scale(.82)}.brands-inspector-window{margin-top:var(--space-md)}.brands-inspector-window .window-body{padding:var(--space-sm)}}@media(min-width:480px)and (max-width:768px){.cartridge-grid{grid-template-columns:repeat(2,1fr)}.cartridge{transform:scale(.75)}}@media(max-width:768px)and (orientation:landscape){.dashboard-hero{flex-direction:row;align-items:center;padding:var(--space-sm)}.hero-icon{margin-bottom:0}.hero-content{text-align:left;flex:1}.hero-action{flex-direction:row;width:auto}.hero-action .btn-lg{width:auto;min-height:44px}.sidebar{max-width:280px}.modal-body{padding-left:max(var(--space-md),var(--safe-left, 0));padding-right:max(var(--space-md),var(--safe-right, 0))}.ideas-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}.quick-launch-formats{grid-template-columns:repeat(3,1fr)}.quick-launch-format-btn{min-height:50px}.cartridge-grid{grid-template-columns:repeat(2,1fr)}.action-cards{flex-direction:row;flex-wrap:wrap;gap:var(--space-sm)}.action-cards .action-card{flex:1 1 45%;min-width:200px}}@media(max-width:768px){.phase-arming .phase-content{padding:var(--space-sm);padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0))}.phase-arming .phase-title{font-size:16px;text-align:center;margin-bottom:var(--space-md)}.category-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--space-xs);padding:var(--space-xs) 0;padding-bottom:var(--space-sm);margin-bottom:var(--space-md);border-bottom:2px solid var(--color-black);scrollbar-width:none;-ms-overflow-style:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;min-height:44px;padding:var(--space-sm) var(--space-md);font-size:9px;white-space:nowrap}.category-tab:active{transform:scale(.98)}.trigger-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:0}.trigger-card{min-height:80px;padding:var(--space-sm);box-shadow:3px 3px 0 var(--color-black)}.trigger-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}.trigger-card.selected{box-shadow:0 0 0 3px var(--cat-color, var(--color-black))}.trigger-code{font-size:10px}.trigger-name{font-size:10px;line-height:1.3;-webkit-line-clamp:2}.trigger-select-indicator{width:24px;height:24px;font-size:12px}.arming-controls{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-bottom, 0));background:var(--color-white);border-top:3px solid var(--color-black);z-index:var(--z-content)}.arming-controls-row{display:flex;gap:var(--space-xs);width:100%}.arming-controls .btn{flex:1;min-height:48px;font-size:10px;justify-content:center}.trigger-count-selector{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-gray-light);border:2px solid var(--color-black);width:100%}.trigger-count-label{font-size:10px}.trigger-count-btn{min-width:44px;min-height:44px}.trigger-count-value{min-width:32px;font-size:14px}.selected-triggers-summary{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-gray-light);border:2px solid var(--color-black);min-height:44px;align-items:center}.selected-trigger-chip{font-size:9px;padding:4px 8px;min-height:28px;display:flex;align-items:center;gap:4px}.selected-trigger-chip .remove-trigger{width:20px;height:20px;font-size:12px}.btn-random-triggers,.btn-clear-triggers{min-height:44px;font-size:10px}.btn-continue-arming{width:100%;min-height:56px;font-size:12px;box-shadow:4px 4px 0 var(--color-black)}.btn-continue-arming:disabled{opacity:.5}}@media(max-width:375px){.trigger-grid{grid-template-columns:1fr}.trigger-card{min-height:70px}.trigger-name{font-size:9px}}@media(max-width:320px){.trigger-grid{grid-template-columns:1fr;gap:var(--space-xs)}.trigger-card{min-height:64px;padding:var(--space-xs)}.trigger-code{font-size:9px}.trigger-name{font-size:8px;-webkit-line-clamp:2}.category-tab{padding:var(--space-xs) var(--space-sm);font-size:8px}.arming-controls .btn{min-height:44px;font-size:9px}.btn-continue-arming{min-height:48px;font-size:10px}}@media(max-width:768px){.phase-detonation .phase-content{justify-content:center;align-items:center;padding:var(--space-lg);padding-top:calc(var(--space-lg) + var(--safe-top, 0));padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0));min-height:100vh;min-height:100dvh}.detonation-dialog{width:100%;max-width:100%;margin:0 var(--space-sm);max-height:80vh;max-height:80dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.detonation-titlebar{min-height:44px;padding:var(--space-sm)}.detonation-title{font-size:9px}.detonation-body{padding:var(--space-md)}.phase-cards{flex-direction:column;gap:var(--space-sm)}.phase-card{min-height:auto;padding:var(--space-md)}.phase-card-icon{width:32px;height:32px;font-size:16px}.phase-card-label{font-size:9px}.phase-card-count{font-size:14px}.detonation-progress{padding:var(--space-md) 0}.progress-bar,.progress-fill{height:16px}.progress-text{font-size:10px}.detonation-status{font-size:10px;padding:var(--space-md);min-height:44px}.streaming-log{max-height:120px;font-size:9px}}@media(max-width:768px){.art-director-modal{position:fixed;inset:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column}.art-director-titlebar{min-height:44px;padding:var(--space-sm);padding-top:calc(var(--space-sm) + var(--safe-top, 0));flex-shrink:0}.art-director-close{width:32px;height:32px;min-width:44px;min-height:44px}.art-director-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md);padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0))}.art-director-section{margin-bottom:var(--space-lg)}.art-director-label{font-size:9px;margin-bottom:var(--space-sm)}.art-director-headline{font-size:14px;line-height:1.4}.art-director-visual{font-size:12px;line-height:1.5}.art-director-headlines-nav{display:flex;gap:var(--space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-xs) 0;margin:0 calc(-1 * var(--space-sm));padding-left:var(--space-sm);padding-right:var(--space-sm)}.art-director-headline-btn{flex-shrink:0;min-height:44px;padding:var(--space-sm) var(--space-md);font-size:10px}.art-director-critique{padding:var(--space-md);font-size:11px}.art-director-footer{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-bottom, 0));border-top:3px solid var(--color-black);background:var(--color-white)}.art-director-footer .btn{width:100%;min-height:48px;font-size:11px}}@media(max-width:768px){.image-gen-modal{position:fixed;inset:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column}.image-gen-titlebar{min-height:44px;padding:var(--space-sm);padding-top:calc(var(--space-sm) + var(--safe-top, 0));flex-shrink:0}.image-gen-close{width:32px;height:32px;min-width:44px;min-height:44px}.image-gen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md);padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0))}.image-gen-form-group{margin-bottom:var(--space-md)}.image-gen-label{font-size:10px;margin-bottom:var(--space-xs)}.image-gen-select,.image-gen-input{width:100%;min-height:48px;font-size:16px;padding:var(--space-sm)}.image-gen-textarea{width:100%;min-height:100px;font-size:16px;padding:var(--space-sm)}.image-gen-providers{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.image-gen-provider-btn{min-height:56px;padding:var(--space-sm);font-size:9px;flex-direction:column;gap:4px}.image-gen-provider-btn:active{transform:scale(.98)}.image-gen-styles{display:flex;gap:var(--space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-xs) 0;margin:0 calc(-1 * var(--space-sm));padding-left:var(--space-sm);padding-right:var(--space-sm)}.image-gen-style-btn{flex-shrink:0;min-height:44px;padding:var(--space-sm) var(--space-md);font-size:9px}.image-gen-aspects{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.image-gen-aspect-btn{min-width:56px;min-height:44px;font-size:9px;padding:var(--space-sm)}.image-gen-footer{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-bottom, 0));border-top:3px solid var(--color-black);background:var(--color-white)}.image-gen-footer .btn{width:100%;min-height:48px;font-size:11px}}@media(max-width:768px){.storyboard-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;border-bottom:2px solid var(--color-black)}.storyboard-tab{flex-shrink:0;min-height:44px;padding:var(--space-sm) var(--space-md);font-size:9px}.storyboard-tab:active{transform:scale(.98)}.scene-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.scene-card{border-width:2px;box-shadow:3px 3px 0 var(--color-black)}.scene-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}.scene-header{padding:var(--space-sm);min-height:44px}.scene-number{font-size:10px;min-width:32px;min-height:32px}.scene-drag-handle{width:32px;height:32px;font-size:14px}.scene-body{padding:var(--space-sm)}.scene-visual{font-size:11px;line-height:1.5}.scene-actions{display:flex;gap:var(--space-xs);padding:var(--space-sm);border-top:2px solid var(--color-gray-light)}.scene-action-btn{flex:1;min-height:44px;font-size:9px;padding:var(--space-xs)}.panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-sm)}.panel-item{aspect-ratio:16/9;min-height:100px}.panel-item img{object-fit:cover}.video-player-container{padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-bottom, 0))}.video-player{width:100%;aspect-ratio:16/9;background:var(--color-black)}.video-controls{display:flex;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-gray-light)}.video-control-btn{flex:1;min-height:44px;font-size:10px}.video-thumbnails{display:flex;gap:var(--space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-sm)}.video-thumbnail{flex-shrink:0;width:120px;aspect-ratio:16/9;border-width:2px;cursor:pointer}.video-thumbnail:active{transform:scale(.98)}.video-thumbnail.active{box-shadow:0 0 0 3px var(--color-black)}}@media(max-width:768px){.canvas-refine-form{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-sm)}.refine-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.refine-form-label{font-size:10px}.refine-form-input,.refine-form-textarea{width:100%;min-height:48px;font-size:16px;padding:var(--space-sm)}.refine-form-textarea{min-height:100px}.refine-form-checkbox{min-height:44px;display:flex;align-items:center;gap:var(--space-sm)}.refine-form-checkbox input[type=checkbox]{width:24px;height:24px}.refine-form-btn{width:100%;min-height:56px;font-size:12px;margin-top:var(--space-md)}}@media(max-width:768px){.canvas-image-form{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-sm)}.image-form-preview{width:100%;max-height:300px;object-fit:contain;background:var(--color-gray-light);margin-bottom:var(--space-md)}.image-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.image-form-label{font-size:10px}.image-form-select{width:100%;min-height:48px;font-size:16px;padding:var(--space-sm)}.image-form-btn{width:100%;min-height:56px;font-size:12px;margin-top:var(--space-md)}.image-form-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.image-form-actions .btn{width:100%;min-height:48px;font-size:11px}}@media(max-width:768px){.version-history-timeline{padding:var(--space-sm)}.version-history-item{padding:var(--space-sm);min-height:56px;border-bottom:1px solid var(--color-gray-light)}.version-history-item:active{background:var(--dither-12)}.version-history-date{font-size:10px}.version-history-label{font-size:11px}.version-history-restore{min-width:44px;min-height:44px;font-size:9px}}@media(max-width:768px){.copy-dropdown,.canvas-copy-dropdown{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;max-height:50vh;border-radius:0;border:none;border-top:3px solid var(--color-black);box-shadow:0 -4px 20px #0003;z-index:var(--z-fullscreen)!important;padding-bottom:calc(var(--space-sm) + var(--safe-bottom, 0));transform:translateY(100%);transition:transform .25s ease-out}.copy-dropdown.visible,.canvas-copy-dropdown.visible{transform:translateY(0)}.copy-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-gray-light);min-height:48px}.copy-dropdown-title{font-size:10px}.copy-dropdown-close{width:36px;height:36px;font-size:18px}.copy-dropdown-item{min-height:52px;padding:var(--space-sm) var(--space-md);font-size:12px}.copy-dropdown-item:active{background:var(--dither-12)}}@media(max-width:768px){.presentation-mode{padding:0}.presentation-header{padding:var(--space-sm);padding-top:calc(var(--space-sm) + var(--safe-top, 0));min-height:56px}.presentation-close{width:44px;height:44px;font-size:18px}.presentation-counter{font-size:10px}.presentation-slide{padding:var(--space-md);padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0))}.presentation-slide-image{max-height:40vh;margin-bottom:var(--space-md)}.presentation-slide-content{max-width:100%}.presentation-headline{font-size:16px;line-height:1.3}.presentation-idea{font-size:14px;line-height:1.4}.presentation-nav{display:flex;gap:var(--space-md);padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-bottom, 0));justify-content:center;position:fixed;bottom:0;left:0;right:0;background:var(--color-white);border-top:3px solid var(--color-black)}.presentation-prev,.presentation-next{min-width:60px;min-height:60px;font-size:24px}.presentation-prev:active,.presentation-next:active{transform:scale(.95)}}@media(max-width:768px){.export-modal{position:fixed;inset:0;width:100%;max-width:100%;height:100vh;height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column}.export-modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md);padding-bottom:calc(var(--space-lg) + var(--safe-bottom, 0))}.export-formats{display:flex;flex-direction:column;gap:var(--space-sm)}.export-format-btn{width:100%;min-height:64px;padding:var(--space-md);font-size:12px;text-align:left;justify-content:flex-start;gap:var(--space-md)}.export-format-btn:active{transform:scale(.98)}.export-format-icon{width:32px;height:32px}.export-format-label{font-size:12px}.export-format-desc{font-size:10px}}@media(max-width:768px){.brand-selector-modal{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:70vh;max-height:70dvh;border-radius:0;border:none;border-top:3px solid var(--color-black);box-shadow:0 -4px 20px #0003;display:flex;flex-direction:column}.brand-selector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-black);min-height:48px;flex-shrink:0}.brand-selector-title{font-size:10px}.brand-selector-close{width:36px;height:36px;font-size:18px}.brand-selector-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-bottom, 0))}.brand-selector-item{min-height:56px;padding:var(--space-sm);margin-bottom:var(--space-xs);border-width:2px}.brand-selector-item:active{transform:scale(.98)}.brand-selector-item.selected{box-shadow:0 0 0 3px var(--color-black)}.brand-selector-name{font-size:12px}.brand-selector-industry{font-size:10px}}@media(max-width:768px){@keyframes phase-complete-flash{0%{background-color:var(--color-white)}50%{background-color:var(--color-cat-d, #00FF00)}to{background-color:var(--color-white)}}.phase-complete-flash{animation:phase-complete-flash .3s ease-out}.trigger-card.just-selected{animation:haptic-select .15s ease-out}@keyframes detonation-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.detonation-active{animation:detonation-pulse 1.5s ease-in-out infinite}}.text-sm{font-size:11px}.text-muted{color:var(--gray, var(--color-gray-mid))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-pixel{font-family:var(--font-pixel)}.text-mono{font-family:var(--font-mono)}.text-uppercase{text-transform:uppercase}.hidden{display:none!important}.visible{display:block!important}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.m-0{margin:0}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.p-0{padding:0}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.w-full{width:100%}.w-fit{width:fit-content}.max-w-narrow{max-width:var(--container-narrow)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-10{z-index:var(--z-content)}.z-50{z-index:var(--z-sticky)}.z-100{z-index:var(--z-header)}.z-1000{z-index:var(--z-modal)}.border{border:var(--border-width) solid var(--color-black)}.border-2{border:2px solid var(--color-black)}.border-none{border:none}.border-bottom{border-bottom:2px solid var(--color-black)}.border-top{border-top:2px solid var(--color-black)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.bg-white{background:var(--color-white)}.bg-black{background:var(--color-black)}.bg-gray{background:var(--color-gray-light)}.bg-transparent{background:transparent}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-gray{color:var(--color-gray-mid)}::selection{background:var(--color-black);color:var(--color-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.no-print{display:none!important}.print-only{display:block!important}}@media screen{.print-only{display:none!important}}