/*! tailwindcss v4.2.2 | 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-space-y-reverse:0;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-500:oklch(69.6% .17 162.48);--color-cyan-600:oklch(60.9% .126 221.723);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-extrabold:800;--font-weight-black:900;--radius-sm:.25rem;--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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#4a5c43;--bg-radial:#6a825e;--text:#fff;--color-blue:#1b89d3;--color-green:#37b34a;--color-yellow:#f8e53a;--color-orange:#f28b24;--color-red:#ea323c;--color-purple:#863695;--color-pink:#d94b99;--font-title:"Viga", sans-serif;--font-answer:"Caveat", cursive;--font-name:"Viga", sans-serif}html{background-color:var(--bg);background-image:radial-gradient(circle at center, var(--bg-radial) 0%, var(--bg) 100%)}html,body{min-height:100%;color:var(--text);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}h1,h2,h3{font-family:var(--font-title);letter-spacing:.02em;text-shadow:2px 2px #000;text-transform:uppercase;margin:0}button,input,textarea{font:inherit}.using-mouse *{outline:none!important}}@layer components{.creator-body{min-height:100vh}.creator-shell{max-width:1200px;margin:0 auto;padding:32px 24px 56px}.topbar,.workspace,.editor-grid,.button-row,.hero-actions,.stats-row{gap:20px;display:flex}.topbar{background:#000;border:3px solid #000;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 24px;transform:rotate(-1deg);box-shadow:6px 6px #0006}.topbar h1{color:var(--color-yellow);text-shadow:none;margin:0;font-size:2rem}.topbar-user{text-align:right;align-items:center;gap:16px;display:flex}.user-name{font-weight:700;font-family:var(--font-title)}.user-email,.hint-copy,.stats-row,.pack-list-item small{color:#ffffffb3}.workspace{align-items:flex-start}.sidebar-column{flex-direction:column;gap:24px;width:320px;min-width:320px;display:flex}.editor-column{background:#0006;border:3px solid #000;flex-direction:column;flex:1;gap:32px;padding:24px;display:flex;box-shadow:8px 8px #00000080}.sidebar-header,.editor-hero{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.editor-hero{border-bottom:2px dashed #fff3;margin-bottom:8px;padding-bottom:16px}.editor-hero h2{color:#fff;margin:0;font-size:2.5rem}.editor-section{flex-direction:column;gap:16px;display:flex}.pack-list,.prompt-list,.info-grid{gap:12px;display:grid}.pack-list-item{color:#000;text-align:left;cursor:pointer;background:#fff;border:3px solid #000;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:4px 4px #0006}.pack-list-item span{font-family:var(--font-title);text-transform:uppercase;font-size:1.2rem}.pack-list-item small{color:#666}.pack-list-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0006}.pack-list-item[data-active=true]{background:var(--color-yellow);transform:rotate(-1deg);box-shadow:6px 6px #00000080}.pack-list-item[data-active=true] small{color:#000}.stack-form,.field,.add-prompt-form,.prompt-row,.empty-editor,.hero-card,.info-card{flex-direction:column;gap:12px;display:flex}.hero-card{text-align:center;background:#00000080;border:3px solid #000;align-items:center;margin-bottom:24px;padding:40px;box-shadow:8px 8px #00000080}.hero-card h1{max-width:800px;color:var(--color-yellow);font-size:clamp(2.4rem,5vw,4.5rem);line-height:1}.hero-copy{color:#fff;max-width:640px;font-size:1.2rem}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;margin-top:24px}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{background:#ffffff1a;border:3px solid #000;padding:24px;box-shadow:6px 6px #0000004d}.info-card h2{color:var(--color-yellow)}.field span,.eyebrow{font-size:.9rem;font-family:var(--font-title);text-transform:uppercase;color:var(--color-yellow);text-shadow:1px 1px #000}.base-input,.base-textarea{color:#000;width:100%;font-family:var(--font-name);background:#fff;border:3px solid #000;padding:12px 16px;font-size:1.1rem;box-shadow:inset 2px 2px #0000001a}.base-input:focus,.base-textarea:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue);outline:none}.base-textarea{resize:vertical;min-height:88px}.primary-button,.secondary-button,.danger-button,.ghost-button{font-family:var(--font-title);cursor:pointer;text-transform:uppercase;border:3px solid #000;justify-content:center;align-items:center;padding:12px 20px;font-size:1.2rem;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:4px 4px #000}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.danger-button:active:not(:disabled),.ghost-button:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 #000}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed}.primary-button{background:var(--color-orange);color:#fff;text-shadow:2px 2px #000}.secondary-button{color:#000;background:#fff}.danger-button{background:var(--color-red);color:#fff;text-shadow:2px 2px #000}.ghost-button{color:#fff;box-shadow:none;background:0 0;border-style:dashed}.ghost-button:hover:not(:disabled){background:#ffffff1a}.banner{font-family:var(--font-title);text-transform:uppercase;border:3px solid #000;margin-bottom:24px;padding:16px 20px;font-size:1.2rem;box-shadow:6px 6px #00000080}.banner-success{background:var(--color-green);color:#fff;text-shadow:1px 1px #000}.banner-error{background:var(--color-red);color:#fff;text-shadow:1px 1px #000}.share-code-display{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.share-code{font-family:var(--font-title);color:var(--color-pink);text-shadow:3px 3px #000;background:#000;border:3px solid #fff;margin:8px 0;padding:8px 24px;font-size:3rem;display:inline-block;transform:rotate(1deg)}.empty-state,.empty-editor{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:220px;display:flex}.prompt-row{background:#fff;border:3px solid #000;padding:16px;transform:rotate(-.5deg);box-shadow:6px 6px #0006}.prompt-row:nth-child(2n){transform:rotate(.5deg)}.prompt-row textarea{font-family:var(--font-answer);color:#000;resize:vertical;border:2px dashed #ccc;width:100%;margin-bottom:12px;padding:8px;font-size:2rem;line-height:1.2}.prompt-row textarea:focus{border-color:var(--color-blue);outline:none}@media (width<=1080px){.workspace,.editor-grid,.topbar{flex-direction:column}.sidebar-column{width:100%;min-width:0}.info-grid{grid-template-columns:1fr}}@media (width<=720px){.creator-shell{padding:20px 14px 40px}}}@layer utilities{.start{inset-inline-start:var(--spacing)}.flex{display:flex}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.rounded-sm{border-radius:var(--radius-sm)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-600{background-color:var(--color-gray-600)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.text-gray-600{color:var(--color-gray-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}@media (prefers-color-scheme:dark){.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:text-gray-400{color:var(--color-gray-400)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}
