/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"VT323","Courier New",monospace;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--spacing:.25rem;--leading-normal:1.5;--radius-3xl:1.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-0{min-height:calc(var(--spacing)*0)}.w-\[500px\]{width:500px}.w-full{width:100%}.max-w-\[100vw\]{max-width:100vw}.max-w-\[300px\]{max-width:300px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing)*3)}.gap-9{gap:calc(var(--spacing)*9)}.gap-16{gap:calc(var(--spacing)*16)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-x-auto{overflow-x:auto}.rounded-3xl{border-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.stroke-gray-600{stroke:var(--color-gray-600)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.pt-16{padding-top:calc(var(--spacing)*16)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.text-blue-700{color:var(--color-blue-700)}.text-gray-700{color:var(--color-gray-700)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media(hover:hover){.group-hover\:stroke-current:is(:where(.group):hover *){stroke:currentColor}.hover\:underline:hover{text-decoration-line:underline}}@media(prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:stroke-gray-300{stroke:var(--color-gray-300)}.dark\:text-blue-500{color:var(--color-blue-500)}.dark\:text-gray-200{color:var(--color-gray-200)}}}html,body{color:#f7ffe8;background:#05070d;min-height:100%;margin:0}body{font-family:var(--font-sans);overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.22;z-index:0;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:6px 6px,6px 6px;position:fixed;top:0;right:0;bottom:0;left:0}*{box-sizing:border-box}.webgl-backdrop{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0}.webgl-overlay{pointer-events:none;mix-blend-mode:screen;z-index:1;background:linear-gradient(#ffffff0a,#00000024 35%,#ffffff08);position:fixed;top:0;right:0;bottom:0;left:0}.comic-shell{z-index:2;gap:.95rem;max-width:1200px;margin:0 auto;padding:1.3rem 1rem 3.2rem;display:grid;position:relative}.hero-banner{color:#0b0911;background:repeating-linear-gradient(-45deg,#00000040,#00000040 6px,#ffffff0a 6px,#ffffff0a 12px),linear-gradient(90deg,#ffde17,#ff4d00 42%,#f10071);border:3px solid #fff9dd;border-radius:2px;padding:1.1rem;animation:.42s steps(7,end) both banner-slide;position:relative;overflow:hidden;box-shadow:0 0 0 3px #111,0 10px 28px #00000080}.hero-banner h1{letter-spacing:.09em;text-shadow:2px 2px #fefefe,4px 4px #231f20;margin:0;font-family:Bangers,cursive;font-size:clamp(2rem,5.8vw,4.2rem);line-height:.9}.hero-banner p{max-width:60ch;margin-top:.45rem;margin-bottom:0;font-size:1.35rem;font-weight:400;line-height:1.4}.tagline-line{letter-spacing:.07em;text-transform:uppercase;background:#ffffffb3;border:2px solid #111;border-radius:0;margin:.4rem 0 .14rem;padding:.28rem .5rem;font-family:Audiowide,sans-serif;font-size:1.12rem;font-weight:700;display:inline-block}.route-links{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.route-links a{color:#fff9e0;background:#001d4a;border:2px solid #fff9dd;border-radius:0;padding:.28rem .58rem;font-family:Audiowide,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;box-shadow:2px 2px #111}.route-links a:hover{background:#f10071}.eyebrow{text-transform:uppercase;letter-spacing:.07em;margin:0 0 .3rem;font-family:Audiowide,sans-serif;font-size:.7rem;font-weight:700}.env-msg{color:#8dfdf6;background:#000000bd;border:1px solid #8dfdf6;border-radius:0;margin-top:.55rem;padding:.22rem .44rem;font-size:.96rem;font-weight:400;display:inline-block}.panel-grid{grid-template-columns:1.1fr .9fr;gap:.75rem;display:grid}.forge-panel,.preview-panel,.history-panel{background:repeating-linear-gradient(#090f25e6,#090f25e6 10px,#101b3de6 10px,#101b3de6 20px),linear-gradient(#071228e6,#050a18f5);border:2px solid #d8f9ff;border-radius:0;padding:.82rem;box-shadow:0 0 0 3px #0a1126,5px 5px #111}.forge-panel h2,.preview-panel h2,.history-head h2{letter-spacing:.1em;color:#f9de35;text-shadow:2px 2px #000;margin:0 0 .5rem;font-family:Bangers,cursive;font-size:2.1rem;font-weight:400}.forge-panel{gap:.65rem;display:grid}.forge-panel label,.history-card label{color:#f4f8ff;gap:.25rem;font-size:1.05rem;font-weight:400;display:grid}.forge-panel input,.forge-panel select,.forge-panel textarea,.history-card textarea{font:inherit;color:#ccfff7;resize:vertical;background:#01040ceb;border:2px solid #8dfdf6;border-radius:0;padding:.4rem .5rem;font-size:1.06rem}.model-picker{background:#010816bd;border:2px solid #8dfdf6b8;padding:.62rem .7rem}.model-picker>span{flex-wrap:wrap;align-items:baseline;gap:.18rem .4rem;line-height:1.2;display:flex}.model-picker small{color:#b6e9ff;font-size:.88rem;font-weight:400}.forge-field-grid{grid-template-columns:1fr;align-items:start;gap:.6rem;display:grid}.prompt-field textarea{min-height:8rem}.forge-panel button,.history-card button,.history-head button,.pager-row button{cursor:pointer;color:#fffdf0;background:linear-gradient(#2f87ff,#224cdb);border:2px solid #fff9dd;border-radius:0;padding:.44rem .78rem;font-family:Audiowide,sans-serif;font-size:.72rem;font-weight:700;transition:transform .16s,box-shadow .16s;box-shadow:3px 3px #000}.forge-panel button:hover,.history-card button:hover,.history-head button:hover,.pager-row button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.forge-panel button:disabled,.history-card button:disabled,.pager-row button:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:1px 1px #000}.hint{color:#b6e9ff;margin:0;font-size:.99rem;line-height:1.4}.generation-progress{background:linear-gradient(#fff16b1f,#0d1a3aeb);border:2px solid #fff16b;gap:.32rem;padding:.55rem .65rem;display:grid;box-shadow:inset 0 0 0 2px #00000059}.generation-progress-head{color:#fff8c3;justify-content:space-between;align-items:center;gap:.6rem;font-size:1rem;display:flex}.generation-progress-track{background:repeating-linear-gradient(90deg,#ffffff0d,#ffffff0d 8px,#0000 8px,#0000 16px),linear-gradient(#02040eeb,#0a132af5);border:2px solid #fff9dd;height:16px;overflow:hidden}.generation-progress-fill{background:linear-gradient(90deg,#ffde17,#ff8a00 45%,#f10071);height:100%;transition:width .24s linear;box-shadow:0 0 18px #ffa00073}.generation-progress-copy{color:#fff6b0;margin:0;font-size:.98rem;line-height:1.35}.generation-progress-copy-muted{color:#bfefff}.preview-panel img,.preview-panel canvas,.history-card img,.history-card canvas{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:crisp-edges;background:#ffffff0f;border:2px solid #fff9dd;border-radius:0}.preview-panel p{margin:.45rem 0 0;font-size:1.06rem;line-height:1.5}.shared-banner{background:#0bff9729;border:2px dashed #81ffe6;border-radius:0;margin-bottom:.5rem;padding:.44rem .55rem}.shared-banner p{margin:.22rem 0 0;font-size:1.02rem}.meta-row{color:#ffd76f;justify-content:space-between;gap:.8rem;margin-top:.55rem;font-size:1rem;display:flex}.empty{color:#ebfcffc7;font-style:italic}.status{border:2px solid;border-radius:0;margin:0;padding:.4rem .6rem;font-size:1rem;font-weight:400}.status.error{background:#f5375c33;border-color:#f5375cbf}.status.success{background:#3add8f2e;border-color:#3add8fbf}.history-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.search-bar{align-items:center;gap:.35rem;display:flex}.search-bar input{min-width:220px;font:inherit;color:#f2fcff;background:#01040ceb;border:2px solid #8dfdf6;border-radius:0;padding:.35rem .55rem;font-size:1rem}.history-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.55rem;display:grid}.history-card{background:linear-gradient(#080f22eb,#020816f5),repeating-linear-gradient(90deg,#ffffff0d 0,#ffffff0d 1px,#0000 1px,#0000 5px);border:2px solid #8dfdf6;border-radius:0;gap:.35rem;padding:.5rem;animation:.3s steps(6,end) both card-rise;display:grid}.history-card h3{letter-spacing:.06em;color:#ffe764;margin:.2rem 0 0;font-family:Bangers,cursive;font-size:1.5rem;line-height:1}.history-card p{margin:0;font-size:1rem;line-height:1.4}.analyze-result{gap:.3rem;display:grid}.analyze-dismiss{color:#8dfdf6;cursor:pointer;background:#ffffff12;border:1px solid #8dfdf680;justify-self:start;padding:.2rem .55rem;font-family:inherit;font-size:.85rem}img.img-expand,canvas.img-expand{cursor:zoom-in}.lightbox{z-index:999;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.lightbox img,.lightbox canvas{width:auto;max-width:92vw;height:auto;max-height:92vh;aspect-ratio:unset;object-fit:contain;cursor:default;border:3px solid #fff9dd}.lightbox-close{color:#f2fcff;cursor:pointer;background:#000000bf;border:2px solid #8dfdf6;padding:.25rem .65rem;font-family:inherit;font-size:1.6rem;line-height:1;position:absolute;top:1rem;right:1rem}.imgwin-backdrop{z-index:900;cursor:zoom-out;background:#000000b8;position:fixed;top:0;right:0;bottom:0;left:0}.imgwin{z-index:901;background:#05080f;border:3px solid #fff9dd;flex-direction:column;width:min(600px,100vw - 24px);max-height:calc(100vh - 24px);display:flex;position:fixed;overflow:hidden;box-shadow:0 0 0 3px #111,6px 6px #000}.imgwin-titlebar{color:#0b0911;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#ffde17,#ff4d00,#f10071);flex-shrink:0;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.imgwin-titlebar:active{cursor:grabbing}.imgwin-drag-hint{opacity:.6;flex-shrink:0;font-size:1.1rem}.imgwin-title{letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Bangers,cursive;font-size:1.25rem;line-height:1;overflow:hidden}.imgwin-close-btn{color:#fff9dd;cursor:pointer;background:#0b0911;border:2px solid #0b0911;flex-shrink:0;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;padding:0;font-family:inherit;font-size:1.2rem;line-height:1;display:flex}.imgwin-close-btn:hover{background:#f10071;border-color:#f10071}.imgwin-image-wrap{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.imgwin-canvas{max-width:100%;max-height:100%;display:block;width:auto!important;height:auto!important;aspect-ratio:unset!important;object-fit:contain!important}.imgwin-footer{background:#020816f7;border-top:2px solid #8dfdf64d;flex-shrink:0;gap:.4rem;padding:.55rem .6rem;display:grid}.imgwin-sub{color:#f7ffe88c;margin:0;font-size:.9rem;line-height:1.3}.imgwin-feedback-row{gap:.35rem;display:grid}.imgwin-feedback-input{color:#f2fcff;resize:vertical;background:#ffffff0f;border:2px solid #8dfdf6;width:100%;padding:.3rem .45rem;font-family:inherit;font-size:.95rem}.imgwin-footer-btns{gap:.4rem;display:flex}.imgwin-btn{cursor:pointer;border:2px solid;padding:.28rem .7rem;font-family:inherit;font-size:.95rem}.imgwin-download-btn{color:#a8ffcf;background:#003a1a;border-color:#3dffa0}.imgwin-download-btn:hover:not(:disabled){color:#fff;background:#00a84a}.imgwin-feedback-btn{color:#fff9e0;background:#001d4a;border-color:#fff9dd}.imgwin-feedback-btn:hover:not(:disabled){background:#f10071}.imgwin-feedback-btn:disabled{opacity:.5;cursor:not-allowed}.imgwin-close-footer-btn{color:#8dfdf6;background:#ffffff0f;border-color:#8dfdf6}.imgwin-close-footer-btn:hover{color:#fff9e0;background:#f10071;border-color:#fff9dd}.guide-btn{color:#fff9e0;cursor:pointer;background:#001d4a;border:2px solid #fff9dd;border-radius:0;padding:.28rem .58rem;font-family:Audiowide,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;box-shadow:2px 2px #111}.guide-btn:hover{background:#f10071}.random-hero-cta{background:linear-gradient(90deg,#ffde171f,#0000 48%),linear-gradient(#031227f0,#040918fa);border:2px solid #8dfdf6;grid-template-columns:minmax(0,1fr) minmax(190px,.42fr);align-items:center;gap:.65rem;padding:.75rem;display:grid;box-shadow:inset 0 0 0 2px #fff9dd14,3px 3px #000}.random-hero-desc{color:#d9fbff;margin:0;font-size:1rem;line-height:1.35}.random-hero-btn{color:#101018;cursor:pointer;background:linear-gradient(#ffde17,#ff7a00);border:2px solid #fff9dd;width:100%;min-height:3.1rem;padding:.62rem .85rem;font-family:Audiowide,sans-serif;font-size:.82rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:3px 3px #000}.random-hero-btn:hover:not(:disabled){background:linear-gradient(#fff16b,#ff4d00);transform:translate(-1px,-1px);box-shadow:4px 4px #000}.random-hero-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:1px 1px #000}.random-hero-cta .generation-progress{grid-column:1/-1}.forge-divider{color:#6a7a8a;align-items:center;gap:.5rem;margin:.3rem 0;font-size:.72rem;display:flex}.forge-divider:before,.forge-divider:after{content:"";background:#2a3a4a;flex:1;height:1px}.view-shell{z-index:2;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.view-titlebar{color:#0b0911;background:linear-gradient(90deg,#ffde17,#ff4d00,#f10071);flex-shrink:0;align-items:center;gap:.6rem;padding:.35rem .7rem;display:flex}.view-title{letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Bangers,cursive;font-size:1.4rem;line-height:1;overflow:hidden}.view-close-btn{color:#fff9e0;cursor:pointer;background:#0b0911;border:2px solid #0b0911;flex-shrink:0;padding:.25rem .6rem;font-family:Audiowide,sans-serif;font-size:.72rem}.view-close-btn:hover{background:#f10071;border-color:#f10071}.view-body{flex-direction:column;flex:1;gap:.6rem;min-height:0;padding:.7rem;display:flex;overflow-y:auto}.view-image-wrap{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex}.view-canvas{border:2px solid #fff9dd;max-width:100%;max-height:62vh;display:block;width:auto!important;height:auto!important;aspect-ratio:unset!important;object-fit:contain!important}.view-meta{gap:.2rem;display:grid}.view-idea{margin:0;font-size:1.1rem;line-height:1.4}.view-stamp{color:#f7ffe88c;margin:0;font-size:.9rem}.view-loading{color:#f7ffe899;text-align:center;padding:2rem;font-size:1.2rem}.view-feedback{border-top:2px solid #8dfdf640;gap:.45rem;padding-top:.6rem;display:grid}.view-feedback-label{gap:.3rem;font-size:1rem;display:grid}.view-feedback-label span{color:#8dfdf6}.view-feedback-label textarea{color:#f2fcff;resize:vertical;background:#ffffff0f;border:2px solid #8dfdf6;padding:.35rem .5rem;font-family:inherit;font-size:1rem}.view-feedback-btns{gap:.4rem;display:flex}.view-feedback-btns button{cursor:pointer;color:#fff9e0;background:#001d4a;border:2px solid #fff9dd;padding:.3rem .7rem;font-family:inherit;font-size:1rem}.view-feedback-btns button:hover:not(:disabled){background:#f10071}.view-feedback-btns button:disabled{opacity:.5;cursor:not-allowed}.help-shell{perspective:1100px;max-width:1100px}.help-webgl-backdrop{filter:saturate(1.25)contrast(1.08)}.help-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.7rem;display:grid;position:relative}.help-card{transform-origin:top;background:linear-gradient(#080f22ed,#020816f7),repeating-linear-gradient(90deg,#ffffff0a 0,#ffffff0a 1px,#0000 1px,#0000 5px);border:2px solid #8dfdf6;gap:.4rem;padding:.85rem 1rem;animation:.72s cubic-bezier(.2,.7,.2,1) both help-card-rise,7s ease-in-out infinite help-card-drift;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe7641f,0 14px 34px #00000047}.help-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 35%,#8dfdf633,#0000 65%),radial-gradient(circle at 20% 20%,#ffe7641f,#0000 32%);animation:5.8s ease-in-out infinite help-card-sweep;position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;transform:translate(-55%)rotate(8deg)}.help-card:nth-child(2n){animation-delay:70ms,-1.2s}.help-card:nth-child(3n){animation-delay:.13s,-2.1s}.help-card:nth-child(4n){animation-delay:.21s,-3.4s}.help-card:hover{border-color:#ffe764;transform:translateY(-3px)rotateX(1.2deg);box-shadow:inset 0 0 0 1px #ffe76433,0 18px 44px #0000005c,0 0 28px #8dfdf62e}.help-card h2{z-index:1;letter-spacing:.07em;color:#ffe764;margin:0;font-family:Bangers,cursive;font-size:1.55rem;line-height:1;position:relative}.help-card p,.help-card li{z-index:1;margin:0;font-size:1.05rem;line-height:1.45;position:relative}.help-card ul{gap:.2rem;margin:0;padding-left:1.2rem;display:grid}.help-card em{color:#8dfdf6;font-style:normal}.help-card strong{color:#ffe764}.help-footer{z-index:2;color:#f7ffe88c;border-top:2px solid #8dfdf64d;justify-content:space-between;align-items:center;padding:.6rem 0;font-size:1rem;animation:5s ease-in-out infinite help-footer-glow;display:flex;position:relative}.help-footer button{color:#8dfdf6;cursor:pointer;background:#00000080;border:2px solid #8dfdf6;padding:.3rem .75rem;font-family:inherit;font-size:1rem}.help-footer button:hover{color:#fff9e0;background:#f10071;border-color:#fff9dd}@keyframes help-card-rise{0%{opacity:0;transform:translateY(18px)rotateX(-4deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes help-card-drift{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes help-card-sweep{0%,42%{opacity:0;transform:translate(-58%)rotate(8deg)}52%{opacity:1}72%,to{opacity:0;transform:translate(58%)rotate(8deg)}}@keyframes help-footer-glow{0%,to{border-color:#8dfdf647}50%{border-color:#ffe7648c}}@media(prefers-reduced-motion:reduce){.help-card,.help-card:before,.help-footer{animation:none}}.pager-row{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.55rem;display:flex}.pager-row span{color:#b8f6ff;font-size:1rem;font-weight:400}.stamp{color:#8de3ff;font-size:.98rem;font-weight:400}@keyframes banner-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes card-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.panel-grid{grid-template-columns:1fr}.meta-row{flex-direction:column}.search-bar{width:100%}.search-bar input{flex:1;min-width:0}.pager-row{flex-wrap:wrap}}@media(max-width:600px){.comic-shell{gap:.6rem;padding:.6rem .5rem 2rem}.hero-banner{padding:.75rem}.hero-banner h1{font-size:clamp(1.7rem,9vw,3rem)}.forge-panel,.preview-panel,.history-panel{padding:.6rem}.forge-field-grid,.random-hero-cta{grid-template-columns:1fr}.forge-panel h2,.preview-panel h2,.history-head h2{font-size:1.6rem}.history-grid{grid-template-columns:1fr}button,.route-links a,.guide-btn,.random-hero-btn{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.forge-panel select,.forge-panel input,.forge-panel textarea,.history-card textarea,.search-bar input{font-size:1rem}.route-links{gap:.5rem}.pager-row{flex-direction:column;align-items:center;gap:.4rem}.imgwin{max-height:calc(100dvh - 12px);width:calc(100vw - 12px)!important;top:6px!important;left:6px!important}.view-canvas{max-height:50vh}.help-grid{grid-template-columns:1fr}}html{background:#05070d}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}*{-webkit-tap-highlight-color:#8dfdf62e}canvas.img-expand{touch-action:manipulation}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
