@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";@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-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: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;--spacing:.25rem;--radius-md:.375rem;--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}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.table{display:table}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,)}}:root{--background-brand:#101010;--background-surface:#15110f;--background-surface-raised:#211814;--background-panel:#18110f;--text-primary:#fff3df;--text-secondary:#c9b9aa;--text-muted:#8f8275;--brand:#ff7010;--brand-hot:#ff4040;--brand-gold:#ffc040;--brand-soft:#ffb23e;--success:#30d0a0;--danger:#ff4040;--focus:#ffc040;--line:#ffc0402e;--line-strong:#ffc04061;--radius-sm:4px;--radius-md:8px;--radius-full:999px;--ink:var(--background-brand);--ink-soft:var(--background-surface);--surface:var(--background-surface-raised);--surface-raised:#2b1c16;--sand:var(--brand);--sand-bright:var(--brand-gold);--paper:var(--text-primary);--muted:var(--text-secondary);--font-sans:"Be Vietnam Pro", Inter, "Segoe UI", Arial, sans-serif;--font-display:"Be Vietnam Pro", Inter, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{background:radial-gradient(circle at 78% 0%, #ff701029, transparent 32rem), radial-gradient(circle at 12% 16%, #ff404012, transparent 28rem), var(--ink);color:var(--paper);font-family:var(--font-sans);min-height:100vh;margin:0;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}::selection{background:var(--brand);color:var(--ink)}.skip-link{background:var(--paper);color:var(--ink);z-index:100;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.studio-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:50;background:#101010e6;grid-template-columns:minmax(13rem,1fr) auto minmax(13rem,1fr);align-items:center;height:76px;padding:0 2rem;display:grid;position:sticky;top:0}.brand{color:var(--paper);letter-spacing:0;text-transform:uppercase;align-items:center;gap:.7rem;width:fit-content;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.brand i{color:var(--sand);font-family:var(--font-display);text-transform:none;font-size:1rem;font-weight:400}.brand-mark{background:linear-gradient(135deg, var(--brand-gold), var(--brand), var(--brand-hot));border-radius:var(--radius-md);color:#101010;font-family:var(--font-sans);border:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:inline-flex;transform:none;box-shadow:0 0 24px #ff701052}.steps{align-items:center;gap:0;display:flex}.step{color:#8f8275;letter-spacing:0;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.45rem;font-size:.68rem;font-weight:600;display:flex}.step:not(:last-child):after{background:var(--line);content:"";width:2.5rem;height:1px;margin:0 .85rem}.step-number{font-family:var(--font-display);font-size:.8rem}.step.is-active{color:var(--sand-bright)}.step.is-done{color:#bd8b58}.step.is-done:after{background:#ffc04094}.model-pill{border:1px solid var(--line);color:#c9b9aa;letter-spacing:0;text-transform:uppercase;border-radius:999px;align-items:center;gap:.55rem;min-height:36px;padding:.5rem .85rem;font-size:.68rem;display:flex}.topbar-actions{justify-self:end;align-items:center;gap:.75rem;display:flex}.logout-button{border:1px solid var(--line);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;background:0 0;border-radius:999px;min-height:36px;padding:.5rem .9rem;font-size:.68rem;transition:border-color .15s,color .15s}.logout-button:hover:not(:disabled){border-color:var(--line-strong);color:var(--paper)}.logout-button:disabled{opacity:.6}.access-gate-shell .topbar{grid-template-columns:1fr}.access-gate{justify-content:center;align-items:center;min-height:calc(100vh - 76px);padding:2rem 1.25rem 3rem;display:flex}.access-gate-card{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(#18110ffa,#0d0d0cfa);width:100%;max-width:28rem;padding:2rem 1.75rem 1.75rem}.access-gate-card h1{margin:.35rem 0 .75rem;font-size:1.65rem;font-weight:700;line-height:1.2}.access-gate-card>p{color:var(--muted);margin:0 0 1.5rem}.access-gate-form{gap:1rem;display:grid}.access-gate-form .generate-button{width:100%}.access-gate-error{color:var(--danger);margin:0;font-size:.9rem}.model-pill>span{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #30d0a01f}.workspace{grid-template-columns:400px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.brief-panel{border-right:1px solid var(--line);scrollbar-color:#7c3f22 transparent;scrollbar-width:thin;background:linear-gradient(#18110ffa,#0d0d0cfa);max-height:calc(100vh - 76px);padding:2.2rem 1.75rem 3rem;overflow-y:auto}.brief-intro{border-bottom:1px solid var(--line);padding-bottom:1.55rem}.eyebrow{color:var(--sand);letter-spacing:0;text-transform:uppercase;font-size:.64rem;font-weight:600;display:block}.brief-intro h1,.preview-copy h2,.loading-copy h2{font-family:var(--font-display);letter-spacing:0;margin:1.05rem 0 1rem;font-weight:400;line-height:.98}.brief-intro h1{font-size:clamp(2.15rem,3vw,3rem)}.brief-intro>p,.preview-copy>p,.loading-copy>p{color:var(--muted);font-family:var(--font-display);margin:0;font-size:1rem;line-height:1.6}.form-section{border-bottom:1px solid var(--line);padding:2.4rem 0}.section-title{align-items:flex-start;gap:1rem;margin-bottom:1.8rem;display:flex}.section-title>span{color:var(--sand);font-family:var(--font-display);margin-top:.2rem;font-size:.76rem}.section-title h2{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:1.4rem;font-weight:400;line-height:1.1}.section-title p{color:#9d8d80;margin:.35rem 0 0;font-size:.72rem;line-height:1.45}.field{margin-top:1.2rem}.field-heading{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.field-heading label,.generation-settings>label{color:#f0d8bc;letter-spacing:0;text-transform:uppercase;font-size:.7rem;font-weight:600}.field-heading>span{color:#8f8275;font-size:.65rem}.field input,.field textarea,.field select,.generation-settings select{border:1px solid var(--line);color:var(--paper);background:#ff701009;border-radius:2px;outline:none;width:100%;padding:.85rem .9rem;transition:border-color .18s,background-color .18s,box-shadow .18s}.field input,.field select,.generation-settings select{min-height:48px}.field textarea{resize:vertical;line-height:1.55}.field input:hover,.field textarea:hover,.field select:hover,.generation-settings select:hover{border-color:var(--line-strong)}.field input:focus,.field textarea:focus,.field select:focus,.generation-settings select:focus{border-color:var(--sand);background:#ff701013;box-shadow:0 0 0 3px #ffc04029}.field input::placeholder,.field textarea::placeholder{color:#8a7668}.field select,.generation-settings select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#b08a62 50%),linear-gradient(135deg,#b08a62 50%,#0000 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2.5rem}.field select option,.generation-settings select option{background:var(--surface);color:var(--paper)}.field-help{color:#8f8275;margin-top:.45rem;font-size:.66rem;display:block}.field-row{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.chip-group{flex-wrap:wrap;gap:.5rem;display:flex}.chip-group button{border:1px solid var(--line);color:#c9b9aa;background:0 0;border-radius:999px;min-height:42px;padding:.55rem .9rem;transition:color .18s,border-color .18s,background-color .18s}.chip-group button:hover{border-color:var(--line-strong);color:var(--paper)}.chip-group button:focus-visible,.quiet-button:focus-visible,.export-button:focus-visible,.generate-button:focus-visible,.brand:focus-visible,.board-image-button:focus-visible,.lightbox-close:focus-visible{outline:2px solid var(--sand-bright);outline-offset:3px}.chip-group button.selected{background:var(--brand);border-color:var(--sand);color:var(--ink)}.generation-settings{grid-template-columns:1fr auto;align-items:center;gap:.65rem;padding:1.8rem 0 1.2rem;display:grid}.generation-settings>label{grid-column:1/-1}.generation-settings select{min-width:215px}.generation-settings>span{color:#8f8275;text-align:right;font-size:.68rem}.form-error{color:#ffc9b8;background:#dfa29114;border:1px solid #dfa29142;margin:0 0 1rem;padding:.75rem;font-size:.76rem}.generate-button{background:linear-gradient(135deg, var(--brand-gold), var(--brand) 58%, var(--brand-hot));color:var(--ink);letter-spacing:0;text-transform:uppercase;border:1px solid #ffc040b8;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 0 0 1.25rem;font-size:.75rem;font-weight:700;transition:background-color .18s,color .18s;display:flex;overflow:hidden}.generate-button i{border-left:1px solid #11110f3d;justify-content:center;align-self:stretch;align-items:center;width:56px;font-size:1.1rem;font-style:normal;display:flex}.generate-button:hover:not(:disabled){background:var(--brand)}.generate-button:active:not(:disabled){background:#e85e13}.generate-button:disabled{opacity:.6}.submit-note{color:#8f8275;font-family:var(--font-display);text-align:center;margin:.75rem 0 0;font-size:.78rem;font-style:italic}.compact-form-grid>.field:first-child{margin-top:1.5rem}.compact-form .field{margin-top:1rem}.keyword-suggestions{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.keyword-suggestions button{border:1px solid var(--line);color:#aa9888;background:0 0;border-radius:999px;min-height:40px;padding:.45rem .72rem;font-size:.66rem;transition:color .18s,border-color .18s,background-color .18s}.keyword-suggestions button:hover{border-color:var(--line-strong);color:var(--paper)}.keyword-suggestions button.selected{border-color:var(--sand);color:var(--sand-bright);background:#ff701029}.advanced-brief{border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin-top:1.5rem}.advanced-brief summary{color:#f0d8bc;cursor:pointer;letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:54px;font-size:.7rem;font-weight:600;list-style:none;display:flex}.advanced-brief summary::-webkit-details-marker{display:none}.advanced-brief summary:after{color:var(--sand);content:"+";font-family:var(--font-display);margin-left:.75rem;font-size:1.25rem}.advanced-brief[open] summary:after{content:"−"}.advanced-brief summary small{color:#8f8275;text-transform:none;margin-left:auto;font-size:.62rem;font-weight:400}.advanced-brief summary:focus-visible{outline:2px solid var(--sand-bright);outline-offset:3px}.advanced-fields{padding:0 0 1.35rem}.compact-settings{padding:1.35rem 0 1rem}.form-actions{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.65rem;display:grid}.download-button{color:var(--sand-bright);letter-spacing:0;text-transform:uppercase;background:0 0;border:1px solid #ff7010e0;justify-content:center;align-items:center;gap:.55rem;min-height:56px;padding:.75rem .9rem;font-size:.66rem;font-weight:700;line-height:1.25;transition:background-color .18s,border-color .18s,color .18s;display:flex}.download-button:hover:not(:disabled){border-color:var(--sand-bright);color:#fff5df;background:#ff70101f}.download-button:disabled{border-color:var(--line);color:#7b6c61;opacity:.72}.download-button span{font-size:1rem}.preview-panel{min-width:0;padding:clamp(1.25rem,3vw,3.5rem)}.empty-preview,.loading-preview{background:var(--surface);border:1px solid var(--line);height:calc(100vh - 76px - clamp(2.5rem,6vw,7rem));min-height:560px;position:relative;overflow:hidden}.empty-preview{background:radial-gradient(circle at 72% 18%,#ff701038,#0000 28rem),radial-gradient(circle at 18% 78%,#ff40401f,#0000 24rem),linear-gradient(135deg,#101010,#21130f 58%,#0b0b0a)}.preview-art{opacity:.86;grid-template-rows:1.08fr .92fr;grid-template-columns:1.35fr .72fr 1fr;gap:2px;display:grid;position:absolute;inset:0}.preview-tile{background:radial-gradient(circle at 68% 28%,#ffc0406b,#0000 17rem),linear-gradient(145deg,#ff70102e,#101010eb 64%);position:relative;overflow:hidden}.preview-tile:before{content:"";mix-blend-mode:screen;opacity:.55;background:linear-gradient(120deg,#0000 0 28%,#ffc0402e 29% 30%,#0000 31%),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 18px);position:absolute;inset:0}.preview-tile:after{content:"";background:linear-gradient(#0000 44%,#080807b8);position:absolute;inset:0}.preview-tile-large{background:radial-gradient(at 62% 34%,#ffc04070,#0000 18rem),radial-gradient(at 34% 72%,#ff404033,#0000 19rem),linear-gradient(145deg,#261510,#101010 66%);grid-row:1/3}.preview-tile-large:before{background:radial-gradient(at 58% 46%,#0000 0 7rem,#ffc04024 7.2rem 7.8rem,#0000 8rem),linear-gradient(112deg,#0000 0 42%,#ff701038 43% 44%,#0000 45%)}.preview-tile-vertical{background:linear-gradient(90deg,#0000 45%,#ffc0402e 46% 48%,#0000 49%),linear-gradient(160deg,#321912,#101010 68%);grid-row:1/3}.preview-tile-small{background:radial-gradient(circle at 62% 30%,#ffc0408c,#0000 12rem),linear-gradient(135deg,#7c2b1d,#17100d 72%)}.preview-tile-wide{background:linear-gradient(20deg,#ff40402e,#0000 46%),linear-gradient(145deg,#21130f,#0d0d0c 74%)}.preview-tile-texture{background:repeating-linear-gradient(135deg,#ffc0402e 0 1px,#0000 1px 16px),radial-gradient(circle at 70% 20%,#ff701052,#0000 12rem),#15110f}.preview-scrim{background:linear-gradient(90deg,#0f0f0de6 0%,#0f0f0d52 58%,#0f0f0d24 100%),linear-gradient(#0000 45%,#0f0f0d73);position:absolute;inset:0}.preview-copy{z-index:1;max-width:520px;position:absolute;bottom:9%;left:7%}.preview-copy h2,.loading-copy h2{max-width:850px;font-size:clamp(2.8rem,5.2vw,5.8rem)}.preview-copy>p{color:#ecd8c6;max-width:430px}.preview-index{border-top:1px solid var(--line-strong);gap:2rem;margin-top:2.2rem;padding-top:1rem;display:flex}.preview-index span{color:var(--sand-bright);letter-spacing:0;text-transform:uppercase;font-size:.64rem}.loading-preview{justify-content:center;align-items:center;display:flex}.loading-grid{opacity:.22;grid-template-rows:1.2fr .8fr;grid-template-columns:1.5fr .8fr 1fr;gap:2px;display:grid;position:absolute;inset:0}.loading-tile{background:radial-gradient(circle at 60% 34%,#ffc0406b,#0000 14%),linear-gradient(140deg,#5b2418,#101010 62%);animation:2.4s ease-in-out infinite alternate loadingPulse}.loading-tile:nth-child(2){background:linear-gradient(35deg,#201612,#9e421a);grid-row:span 2;animation-delay:.35s}.loading-tile:nth-child(3){background:linear-gradient(160deg,#ff7010,#201612 75%);animation-delay:.7s}.loading-tile:nth-child(4){background:linear-gradient(45deg,#101010,#4b2118);grid-column:span 2;animation-delay:1.05s}.loading-copy{text-align:center;z-index:2;flex-direction:column;align-items:center;max-width:760px;padding:2rem;display:flex;position:relative}.generation-orbit{border:1px solid #ead7ae52;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2rem;display:flex;position:relative}.generation-orbit:after{content:"";border:1px solid #ffc040b8;border-bottom-color:#0000;border-radius:50%;animation:1.5s linear infinite orbit;position:absolute;inset:-8px}.generation-orbit i{background:linear-gradient(135deg, var(--brand-gold), var(--brand) 58%, var(--brand-hot));width:24px;height:2px;position:absolute;transform:rotate(-45deg)}.generation-orbit i:after{background:linear-gradient(135deg, var(--brand-gold), var(--brand) 58%, var(--brand-hot));content:"";width:2px;height:24px;position:absolute;top:-11px;left:11px}.loading-copy h2{font-size:clamp(2.2rem,4.2vw,4.8rem)}.loading-copy>p{color:#ead3bd}.progress-track{background:#ffffff17;width:min(360px,78vw);height:2px;margin-top:2rem;overflow:hidden}.progress-track span{background:linear-gradient(135deg, var(--brand-gold), var(--brand) 58%, var(--brand-hot));height:100%;transition:width .8s;display:block}.result-shell{max-width:1480px;margin:0 auto}.result-toolbar{justify-content:space-between;align-items:center;min-height:48px;margin-bottom:1rem;display:flex}.result-toolbar>div:first-child{color:#c9b9aa;letter-spacing:0;text-transform:uppercase;align-items:center;gap:.6rem;font-size:.72rem;display:flex}.result-toolbar small{border-left:1px solid var(--line);color:#8f8275;margin-left:.25rem;padding-left:.85rem;font-size:.62rem}.success-dot{background:var(--success);border-radius:50%;width:7px;height:7px}.toolbar-actions{gap:.5rem;display:flex}.quiet-button,.export-button{border:1px solid var(--line);letter-spacing:0;text-transform:uppercase;justify-content:center;align-items:center;min-height:44px;padding:.65rem .9rem;font-size:.68rem;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.quiet-button{color:#c9b9aa;background:0 0}.quiet-button:hover{border-color:var(--line-strong);color:var(--paper)}.export-button{background:linear-gradient(135deg, var(--brand-gold), var(--brand) 58%, var(--brand-hot));border-color:var(--sand-bright);color:var(--ink);gap:.6rem}.export-button:hover{background:var(--brand)}.demo-note{border:1px solid var(--line);color:#c9b9aa;background:#ff701017;margin:0 0 .85rem;padding:.7rem .9rem;font-size:.72rem}.moodboard{aspect-ratio:1.58;background:#101010;border:1px solid #ffc04094;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:1.08fr repeat(6,1fr);gap:2px;display:grid;overflow:hidden}.board-rail{background:radial-gradient(circle at 50% 78%,#ff70101a,#0000 45%),#101010;flex-direction:column;grid-area:1/1/5;justify-content:space-between;min-width:0;padding:clamp(1rem,1.7vw,2rem);display:flex}.board-kicker,.texture-title,.rail-label{color:var(--brand-soft);letter-spacing:0;text-transform:uppercase;font-size:clamp(.42rem,.52vw,.62rem)}.board-rail h2{color:var(--sand-bright);font-family:var(--font-display);letter-spacing:0;overflow-wrap:anywhere;text-transform:uppercase;text-wrap:balance;word-break:break-word;margin:1rem 0 1.15rem;font-size:clamp(1rem,1.42vw,2rem);font-weight:400;line-height:1.05}.board-rail h2.is-long{font-size:clamp(.92rem,1.24vw,1.68rem)}.board-rail h2.is-compact{font-size:clamp(.76rem,1vw,1.34rem);line-height:1.08}.board-rail p{color:#c9b9aa;font-family:var(--font-display);margin:0;font-size:clamp(.54rem,.62vw,.76rem);line-height:1.45}.board-synopsis{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.atmosphere-summary{margin-block:clamp(.75rem,1.1vw,1.3rem)}.atmosphere-summary>p{color:#c9b9aa;font-family:var(--font-sans);margin-top:clamp(.65rem,.85vw,1rem);font-size:clamp(.5rem,.54vw,.64rem);line-height:1.5}.theme-list{border-left:1px solid #7c3f22;flex-direction:column;gap:clamp(.35rem,.65vw,.7rem);margin-top:clamp(.6rem,.85vw,.95rem);padding-left:.75rem;display:flex}.theme-list span{color:var(--brand-gold);letter-spacing:0;text-transform:uppercase;font-size:clamp(.44rem,.54vw,.64rem)}.palette{gap:clamp(.22rem,.35vw,.4rem);margin-top:clamp(.55rem,.75vw,.85rem);display:grid}.swatch{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:clamp(1.1rem,1.45vw,1.75rem);display:grid}.swatch-color{border:1px solid #ffc04029}.swatch code{color:#ffe0a6;letter-spacing:0;align-items:center;padding-left:clamp(.3rem,.45vw,.55rem);font-size:clamp(.42rem,.48vw,.56rem);display:flex}.board-image{margin:0;position:relative;overflow:hidden}.board-image-button{color:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.board-image:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 54%,#0a0a09d1);position:absolute;inset:0}.board-image img{filter:saturate(.78)contrast(1.03);object-fit:cover;width:100%;height:100%;transition:filter .28s,transform .5s cubic-bezier(.2,.7,.2,1)}.board-image:hover img,.board-image-button:focus-visible img{filter:saturate(.9)contrast(1.06);transform:scale(1.018)}.zoom-indicator{color:#fff4dc;letter-spacing:0;opacity:0;text-transform:uppercase;z-index:3;background:#101010c7;border:1px solid #ffc04059;padding:.35rem .5rem;font-size:clamp(.42rem,.48vw,.58rem);transition:opacity .18s,transform .18s;position:absolute;top:.7rem;right:.7rem;transform:translateY(-.25rem)}.board-image:hover .zoom-indicator,.board-image-button:focus-visible .zoom-indicator{opacity:1;transform:translateY(0)}.board-image figcaption{color:#fff4dc;letter-spacing:0;pointer-events:none;text-transform:uppercase;z-index:2;font-size:clamp(.4rem,.48vw,.58rem);position:absolute;bottom:.65rem;left:.75rem}.hero-shot{grid-area:1/2/3/5}.architecture-shot{grid-area:1/5/3}.atmosphere-shot{grid-area:1/6/auto/8}.scale-shot{grid-area:2/6/auto/8}.protagonist-shot{grid-area:3/2/5}.antagonist-shot{grid-area:3/3/5}.detail-shot{grid-area:3/4/5/6}.texture-card{background:#201612;flex-direction:column;grid-area:3/6/5/8;padding:clamp(.7rem,1.15vw,1.5rem);display:flex}.texture-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:clamp(3px,.45vw,7px);min-height:0;margin:.6rem 0;display:grid}.texture-image-button{color:inherit;cursor:zoom-in;text-align:left;background:#120d0b;border:1px solid #ffc04029;min-width:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.texture-image-button img{filter:saturate(.86)contrast(1.08);object-fit:cover;width:100%;height:100%;transition:filter .24s,transform .48s cubic-bezier(.2,.7,.2,1)}.texture-image-button:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#080807c7),radial-gradient(circle at 72% 20%,#ffc04024,#0000 30%);position:absolute;inset:0}.texture-image-button span,.texture-image-button i{color:#fff4dc;letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;z-index:1;background:#0a0a08ad;max-width:calc(100% - .9rem);padding:.16rem .28rem;font-size:clamp(.34rem,.4vw,.5rem);font-style:normal;position:absolute;overflow:hidden}.texture-image-button span{bottom:.45rem;left:.45rem}.texture-image-button i{opacity:0;transition:opacity .18s,transform .18s;top:.45rem;right:.45rem;transform:translateY(-.18rem)}.texture-image-button:hover img,.texture-image-button:focus-visible img{filter:saturate(.98)contrast(1.12);transform:scale(1.025)}.texture-image-button:hover i,.texture-image-button:focus-visible i{opacity:1;transform:translateY(0)}.texture-image-button:focus-visible{outline:2px solid var(--brand-gold);outline-offset:-2px}.lightbox{z-index:200;justify-content:center;align-items:center;padding:clamp(1rem,3vw,3rem);display:flex;position:fixed;inset:0}.lightbox-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050504d1;border:0;padding:0;position:absolute;inset:0}.lightbox-panel{z-index:1;background:#101010;border:1px solid #ffc04075;flex-direction:column;width:fit-content;max-width:min(92vw,1280px);max-height:90vh;display:flex;position:relative;box-shadow:0 28px 90px #00000094}.lightbox-header{border-bottom:1px solid var(--line);color:#fff4dc;letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:46px;padding:.65rem .75rem .65rem 1rem;font-size:.72rem;display:flex}.lightbox-close{border:1px solid var(--line);color:var(--brand-gold);text-transform:uppercase;background:#ff70101a;min-height:32px;padding:.3rem .65rem;font-size:.66rem}.lightbox-panel img{object-fit:contain;background:#080807;width:auto;max-width:100%;height:min(78vh,820px)}@keyframes loadingPulse{0%{opacity:.54;transform:scale(1)}to{opacity:1;transform:scale(1.015)}}@keyframes orbit{to{transform:rotate(360deg)}}@media (width<=1180px){.topbar{grid-template-columns:1fr auto}.steps{display:none}.workspace{grid-template-columns:380px minmax(0,1fr)}.brief-panel{padding-inline:1.65rem}.preview-panel{padding:1.5rem}}@media (width<=860px){.topbar{height:68px;padding:0 1rem}.brand{letter-spacing:0}.model-pill{font-size:.58rem}.workspace{display:block}.brief-panel{max-height:none;padding:2.5rem max(1.25rem, env(safe-area-inset-left)) 3rem;border-right:0;overflow:visible}.brief-intro,.brief-panel form{max-width:640px;margin-inline:auto}.preview-panel{border-top:1px solid var(--line);padding:1.25rem}.empty-preview,.loading-preview{height:68vh;min-height:520px}.preview-copy{bottom:7%}.result-toolbar{flex-direction:column;align-items:flex-start;gap:.75rem}.toolbar-actions{flex-wrap:wrap;width:100%}.quiet-button,.export-button{flex:1}.moodboard{aspect-ratio:auto;grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.board-rail{grid-area:auto/1/auto/3;min-height:430px;padding:2rem}.board-rail h2{font-size:clamp(2.2rem,10vw,4rem)}.board-rail h2.is-long{font-size:clamp(1.75rem,8vw,3.15rem)}.board-rail h2.is-compact{font-size:clamp(1.35rem,6vw,2.35rem)}.board-rail p{max-width:480px;font-size:.92rem}.theme-list{margin-top:1rem}.palette{max-width:320px}.atmosphere-summary>p{max-width:480px;font-size:.78rem}.swatch{min-height:2rem}.swatch code{font-size:.62rem}.hero-shot,.architecture-shot,.atmosphere-shot,.scale-shot,.protagonist-shot,.antagonist-shot,.detail-shot,.texture-card{grid-row:auto}.hero-shot,.atmosphere-shot,.scale-shot,.detail-shot,.texture-card{grid-column:1/3}.hero-shot,.atmosphere-shot,.scale-shot,.detail-shot{aspect-ratio:16/9}.architecture-shot{aspect-ratio:3/4;grid-column:1}.protagonist-shot{aspect-ratio:3/4;grid-column:2}.antagonist-shot{aspect-ratio:3/4;grid-column:1}.texture-card{min-height:310px}.texture-title,.board-kicker{font-size:.62rem}}@media (width<=520px){.brand>span:last-child{display:none}.model-pill{padding-inline:.65rem}.field-row,.generation-settings,.form-actions{grid-template-columns:1fr}.generation-settings>label{grid-column:auto}.generation-settings>span{text-align:left}.preview-panel{padding:.75rem}.empty-preview,.loading-preview{min-height:560px}.preview-copy{padding-right:1.25rem;bottom:6%;left:7%}.preview-copy h2{font-size:2.7rem}.preview-index{flex-direction:column;align-items:flex-start;gap:.5rem}.result-toolbar>div:first-child small{display:none}.quiet-button:first-child{flex-basis:100%}.board-rail{min-height:480px;padding:1.5rem}.texture-card{grid-column:1/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{margin:0;size:landscape}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#101010}.topbar,.brief-panel,.result-toolbar,.demo-note,.lightbox{display:none!important}.workspace{min-height:0;display:block}.preview-panel{padding:0}.result-shell{max-width:none}.moodboard{border:0;width:100vw;height:100vh}}@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}
