.if-theater{--if-edge:#ffffff14;--if-glow:#78c8ff59;color:#ffffffeb;background:radial-gradient(120% 90% at 50% -10%,#4678c838,#0000 60%),radial-gradient(90% 70% at 50% 120%,#b450dc29,#0000 60%),#06070d;min-height:100dvh}.if-screen{border:1px solid var(--if-edge);box-shadow:0 0 0 1px #0009,0 30px 90px #000000b3,0 0 120px -40px var(--if-glow);background:linear-gradient(#ffffff0d,#00000080);border-radius:20px;position:relative;overflow:hidden}.if-screen:after{content:"";pointer-events:none;background:radial-gradient(120% 100% at 50% 0,#ffffff12,#0000 55%);position:absolute;inset:0}.if-deck{border:1px solid var(--if-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0f18b8;border-radius:14px}.if-deck-head{letter-spacing:.26em;text-transform:uppercase;color:#bedcffe6;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;font-size:11px;display:flex}.if-deck-body{padding:0 14px 14px}.if-chip{border:1px solid var(--if-edge);white-space:nowrap;background:#ffffff0d;border-radius:999px;min-height:40px;padding:0 14px;font-size:12px;transition:transform .14s,background .14s,border-color .14s}.if-chip:hover{background:#ffffff1c}.if-chip[data-active=true]{background:linear-gradient(90deg,#5abeff47,#b46eff47);border-color:#8cd2ffbf;transform:translateY(-1px)}.if-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.if-rail>*{scroll-snap-align:start;flex:none}.if-rail::-webkit-scrollbar{height:6px}.if-rail::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.if-ref{border:1px solid var(--if-edge);background:#00000073;border-radius:12px;width:96px;position:relative;overflow:hidden}.if-ref img{object-fit:cover;width:100%;height:96px;display:block}@media(prefers-reduced-motion:reduce){.if-chip,.if-deck,.if-screen{transition:none!important;animation:none!important}.if-chip[data-active=true]{transform:none}}.if-command-bar{border:1px solid var(--if-edge);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0f18e6;border-radius:12px;gap:.75rem;padding:.85rem;display:grid}.if-mode-tabs,.if-quick-actions{align-items:center;gap:.5rem;display:flex;overflow-x:auto}.if-prompt-row{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid}.if-prompt{resize:vertical;border:1px solid var(--if-edge);background:#00000073;border-radius:10px;outline:none;min-width:0;padding:.75rem;font-size:.9rem}.if-prompt:focus{border-color:#8cd2ffcc;box-shadow:0 0 0 2px #5abeff2e}.if-primary-actions{align-items:stretch;gap:.65rem;display:flex}.if-quantity{grid-template-columns:repeat(3,2.5rem);align-items:center;gap:.25rem;display:grid}.if-quantity>span{text-transform:uppercase;color:#ffffff8c;grid-column:1/-1;font-size:.62rem}.if-quantity-button,.if-icon-button,.if-mini-action{border:1px solid var(--if-edge);background:#ffffff0d;border-radius:8px;min-height:44px}.if-quantity-button[data-active=true]{color:#8cd2ff;border-color:#8cd2ffcc;box-shadow:inset 0 0 18px #5abeff33}.if-icon-button{justify-content:center;align-items:center;width:44px;display:inline-flex}.if-generate-button{background:linear-gradient(90deg,#5abeff40,#b46eff38);border:1px solid #8cd2ffcc;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-width:11rem;min-height:4rem;font-weight:700;display:inline-flex;box-shadow:0 0 30px #5abeff2e}.if-generate-button:disabled{cursor:not-allowed;opacity:.45}.if-command-meta{color:#ffffff8c;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.7rem;display:flex}.if-style-badge{color:#8cd2ff;font-weight:650}.if-engine-strip{-webkit-overflow-scrolling:touch;align-items:center;gap:.5rem;margin-top:.75rem;padding:.45rem .1rem;display:flex;overflow-x:auto}.if-engine-strip-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;flex:none;font-size:.65rem;font-weight:700}.if-engine-capacity{color:#ffffff80;flex:none;font-size:.68rem}.if-engine-badge{color:#c3aaff;font-weight:650}.if-stage-wrap{background:#050609;border:1px solid #8cd2ff4d;border-radius:12px;margin-top:.5rem;overflow:hidden;box-shadow:0 22px 80px #000000b8,0 0 46px #5abeff1a}.if-stage-toolbar{border-bottom:1px solid var(--if-edge);justify-content:space-between;align-items:center;gap:1rem;min-height:60px;padding:.55rem .8rem;display:flex}.if-stage-status{color:#ffffffbf;font-size:.82rem;font-weight:700}.if-stage-status.is-working{color:#8cd2ff;text-shadow:0 0 18px #5abeffb3}.if-stage-status.is-complete{color:#6eebb9}.if-status-light{background:#8cd2ff;border-radius:999px;width:.55rem;height:.55rem;margin-right:.5rem;animation:1.5s ease-in-out infinite if-pulse;display:inline-block;box-shadow:0 0 14px #8cd2ff}.if-cancel-button{color:#ff91a0;border:1px solid #ff64788c;border-radius:8px;min-height:44px;padding:0 .8rem}.if-screen{background:#08090d;border:0;border-radius:0;place-items:center;min-height:clamp(20rem,62dvh,54rem);display:grid}.if-canvas{place-items:center;width:min(100%,96rem);min-height:20rem;max-height:min(68dvh,54rem);display:grid}.if-canvas.has-original{aspect-ratio:auto;height:min(68dvh,54rem);padding:.75rem}.if-canvas img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.if-stage-error{color:#ff91a0;background:#ff506414;border-top:1px solid #ff64784d;padding:.65rem .85rem;font-size:.78rem}.if-filmstrip{grid-auto-columns:minmax(14rem,19rem);grid-auto-flow:column;gap:.65rem;padding:.75rem 0 .4rem;display:grid;overflow-x:auto}.if-film-frame{border:1px solid var(--if-edge);background:#0c0f18e0;border-radius:9px;align-items:center;gap:.6rem;min-width:0;padding:.4rem;display:flex}.if-film-frame[data-selected=true]{border-color:#8cd2ffcc;box-shadow:0 0 20px #5abeff24}.if-film-frame[data-status=failed]{border-color:#ff64788c}.if-film-preview{background:#050609;border-radius:6px;flex:none;place-items:center;width:4rem;height:3.25rem;display:grid;overflow:hidden}.if-mini-action{min-height:32px;padding:0 .55rem;font-size:.65rem}.if-quick-actions{margin-top:.6rem;padding:.25rem 0}.if-viewer-action{border:1px solid var(--if-edge);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;min-height:44px;padding:0 .75rem;font-size:.75rem;display:inline-flex}.if-viewer-action:disabled{opacity:.4}.if-viewer{z-index:100;color:#fffffff0;background:#020307fa;grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;display:grid;position:fixed;inset:0}.if-viewer-toolbar{z-index:2;min-height:64px;padding:max(.5rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) .5rem max(.75rem,env(safe-area-inset-left));border-bottom:1px solid var(--if-edge);background:#08090df5;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:relative}.if-viewer-stage{min-width:0;min-height:0;padding:clamp(.5rem,2vw,1.5rem);padding-bottom:max(.75rem,env(safe-area-inset-bottom));overscroll-behavior:contain;place-items:center;display:grid;overflow:auto}.if-viewer-stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.if-style-search{border:1px solid var(--if-edge);background:#00000061;border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:0 .7rem;display:flex}.if-style-search input{background:0 0;outline:none;flex:1;min-width:0;font-size:.8rem}.if-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:22rem;margin-top:.65rem;padding-right:.2rem;display:grid;overflow:auto}.if-style-option{border:1px solid var(--if-edge);text-align:left;background:#ffffff0a;border-radius:8px;min-height:58px;padding:.55rem .65rem}.if-style-option span{color:#ffffffdb;font-size:.75rem;font-weight:700;display:block}.if-style-option small{color:#ffffff7a;margin-top:.15rem;font-size:.62rem;line-height:1.35;display:block}.if-style-option[data-active=true]{background:#5abeff24;border-color:#8cd2ffcc}.if-decks-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.75rem;margin-top:1.1rem;padding-bottom:4rem;display:grid}.if-decks-grid .if-deck{min-width:0}@keyframes if-pulse{50%{opacity:.45;transform:scale(.8)}}@media(max-width:900px){.if-prompt-row{grid-template-columns:1fr}.if-primary-actions{justify-content:space-between}.if-generate-button{flex:1}.if-decks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.if-screen{min-height:clamp(20rem,56dvh,40rem)}.if-canvas.has-original{height:min(60dvh,40rem)}}@media(max-width:600px){.if-command-bar{padding:.65rem}.if-primary-actions{flex-direction:column}.if-quantity{grid-template-columns:4rem repeat(3,1fr)}.if-quantity>span{grid-column:auto;align-self:center}.if-generate-button{width:100%;min-height:52px}.if-screen{min-height:20rem}.if-canvas{max-height:55dvh}.if-canvas.has-original{height:55dvh;padding:.35rem}.if-decks-grid{grid-template-columns:1fr}.if-stage-toolbar{align-items:flex-start}.if-style-grid{grid-template-columns:1fr}.if-viewer-toolbar{align-items:flex-start}.if-viewer-action{padding:0 .55rem}.if-viewer-stage{padding:.35rem}}@media(orientation:landscape)and (max-height:700px){.if-screen{min-height:18rem}.if-canvas.has-original{height:62dvh}.if-viewer-toolbar{min-height:52px}.if-viewer-action{min-height:40px}.if-viewer-stage{padding:.3rem}}@media(prefers-reduced-motion:reduce){.if-status-light{animation:none}}.if-sketch-deck{grid-column:1/-1}.if-sketch-tools{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.if-sketch-tools label{color:#fff9;align-items:center;gap:.4rem;min-height:44px;font-size:.7rem;display:inline-flex}.if-sketch-tools input[type=color]{border:1px solid var(--if-edge);background:0 0;border-radius:6px;width:44px;height:32px;padding:0}.if-sketch-tools input[type=range]{width:8rem}.if-sketch-surface{background:#0b0f14;border:1px solid #8cd2ff4d;border-radius:10px;width:100%;height:clamp(18rem,52dvh,40rem);position:relative;overflow:hidden}.if-sketch-photo{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.if-sketch-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.if-sketch-meta{color:#ffffff8c;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.55rem;font-size:.7rem;display:flex}.if-sketch-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}@media(max-width:600px){.if-sketch-surface{height:clamp(16rem,46dvh,28rem)}}@media(orientation:landscape)and (max-height:700px){.if-sketch-surface{height:60dvh}}.if-welcome{text-align:center;place-items:center;padding:clamp(.75rem,3vh,2rem) clamp(1rem,4vw,3rem);display:grid;position:absolute;inset:0;overflow:hidden}.if-welcome-veil{pointer-events:none;background:radial-gradient(120% 90% at 50% 55%,#02060e57,#02060eb8 58%,#010308e6),linear-gradient(#02060e73,#02060e33 35%,#010308d1);position:absolute;inset:0}.if-welcome-rays{aspect-ratio:1;pointer-events:none;opacity:.5;background:conic-gradient(#ffd08029,#0000 26deg,#78e6ff21 60deg,#0000 96deg,#ba8cff24 150deg,#0000 190deg,#ffd08026 250deg,#0000 300deg,#78e6ff1f 340deg,#0000 360deg);width:min(160vmax,2200px);animation:46s linear infinite if-welcome-turn;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(closest-side,#000 12%,#0000 68%);mask-image:radial-gradient(closest-side,#000 12%,#0000 68%)}@keyframes if-welcome-turn{to{rotate:360deg}}.if-welcome-stage{z-index:1;flex-direction:column;align-items:center;gap:clamp(.6rem,1.6vh,1.25rem);max-width:min(96vw,68rem);animation:1.1s cubic-bezier(.16,.84,.3,1) both if-welcome-rise;display:flex;position:relative}@keyframes if-welcome-rise{0%{opacity:0;filter:blur(10px);transform:translateY(2.2rem)scale(.965)}to{opacity:1;filter:none;transform:none}}.if-welcome-line{flex-direction:column;align-items:center;gap:.15em;margin:0;display:flex}.if-welcome-lead,.if-welcome-tail{font-family:var(--font-sans,"Work Sans", ui-sans-serif, system-ui, sans-serif);letter-spacing:.42em;text-transform:uppercase;color:#ffefd0e6;text-shadow:0 2px 14px #000000f2;font-size:clamp(.72rem,1.7vh,1.05rem);font-weight:500}.if-welcome-comma{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.if-welcome-tail{letter-spacing:.3em;color:#dbeeffd6;max-width:46ch;line-height:1.5}.if-welcome-title{text-transform:uppercase;letter-spacing:clamp(.01em,.5vw,.06em);background:linear-gradient(178deg,#fff6df 4%,#ffd98a 26%,#c98b2a 50%,#ffeab4,#b9752a 86%,#ffe6b0);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #ffffff59)drop-shadow(0 3px 2px #3a1c00bf)drop-shadow(0 0 26px #78dcff66)drop-shadow(0 0 58px #a878ff57);-webkit-background-clip:text;background-clip:text;font-family:Instrument Serif,ui-serif,Georgia,serif;font-size:clamp(2.6rem,min(13.5vw,15.5vh),9.5rem);font-weight:400;line-height:.92;animation:1.5s cubic-bezier(.2,.8,.2,1) both if-welcome-forge}@keyframes if-welcome-forge{0%{opacity:0;letter-spacing:.38em;filter:drop-shadow(0 0 60px #78dcffb3)}60%{opacity:1}to{opacity:1;letter-spacing:clamp(.01em,.5vw,.06em)}}.if-welcome-rule{background:linear-gradient(90deg,#0000,#ffd68cd9 22%,#8ce6ffe6,#c696ffd9 78%,#0000);width:min(34rem,74vw);height:1px;animation:1.2s cubic-bezier(.16,.84,.3,1) .25s both if-welcome-rule;box-shadow:0 0 18px #8cdcff80}@keyframes if-welcome-rule{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}.if-welcome-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.5rem,1.4vh,.9rem);margin-top:clamp(.2rem,1vh,.6rem);animation:.9s cubic-bezier(.16,.84,.3,1) .45s both if-welcome-rise;display:flex}.if-welcome-cta{letter-spacing:.12em;text-transform:uppercase;color:#1b1206;background:linear-gradient(#ffeec5,#ffd483 44%,#e2a640);border:1px solid #ffe2aad9;border-radius:999px;min-height:3rem;padding:0 clamp(1.4rem,4vw,2.4rem);font-size:clamp(.85rem,1.7vh,1.05rem);font-weight:600;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;box-shadow:0 10px 34px #0009,0 0 26px #ffce7873,inset 0 1px #fffc}.if-welcome-cta:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 40px #000000a6,0 0 34px #8ce1ff80}.if-welcome-cta:focus-visible,.if-welcome-ghost:focus-visible{outline-offset:3px;outline:3px solid #8ce1fff2}.if-welcome-ghost{color:#ebf6fff2;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040a148c;border:1px solid #d6ecff73;border-radius:999px;min-height:3rem;padding:0 clamp(1.1rem,3vw,1.6rem);font-size:clamp(.8rem,1.5vh,.95rem);transition:background .18s}.if-welcome-ghost:hover{background:#ffffff24}@media(max-height:560px){.if-welcome-title{font-size:clamp(2rem,11vh,4.2rem)}.if-welcome-tail,.if-welcome-rule{display:none}}.if-welcome[data-reduced=true] .if-welcome-stage,.if-welcome[data-reduced=true] .if-welcome-title,.if-welcome[data-reduced=true] .if-welcome-rule,.if-welcome[data-reduced=true] .if-welcome-actions,.if-welcome[data-reduced=true] .if-welcome-rays{animation:none}@media(prefers-reduced-motion:reduce){.if-welcome-stage,.if-welcome-title,.if-welcome-rule,.if-welcome-actions,.if-welcome-rays{animation:none!important}}.if-intake{text-align:center;margin-top:.6rem}.if-intake-line{color:#ffffffb3;font-size:11px}.if-intake-rail{scrollbar-width:thin;justify-content:flex-start;gap:.5rem;margin-top:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.if-intake-thumb{background:#0000008c;border:1px solid #ffffff2e;border-radius:10px;flex:none;width:68px;height:68px;position:relative;overflow:hidden}.if-intake-thumb img{object-fit:cover;width:100%;height:100%}.if-intake-thumb button{color:#fff;background:#000000b8;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:2px;right:2px}@media(min-width:768px){.if-intake-rail{justify-content:center}}.if-intake-head{color:#ffffff80;font-size:11px}.if-intake-thumb.is-picked{border-color:#67e8f9e6;box-shadow:0 0 0 2px #67e8f959}.if-intake-pick{width:100%;height:100%;display:block}.if-intake-tick{color:#fff;background:#0891b2eb;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:3px;left:3px}.if-intake-remove{color:#fff;background:#000000b8;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:2px;right:2px}.if-intent{text-align:center;background:#ffffff08;border:1px solid #ffffff1f;border-radius:14px;max-width:900px;margin:.75rem auto 0;padding:.6rem .75rem}.if-intent-modes{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.if-intent .if-chip.is-on{color:#a5f3fc;border-color:#67e8f9e6}.if-intent-count{color:#ffffffd9;margin-top:.45rem;font-size:12px}.if-intent-rail{gap:.5rem;margin-top:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.if-intent-thumb{flex:none;width:84px;position:relative}.if-intent-thumb img{object-fit:cover;border:1px solid #ffffff2e;border-radius:10px;width:84px;height:84px}.if-intent-thumb figcaption{color:#fff9;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.if-intent-thumb button{color:#fff;background:#000000b8;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:2px;right:2px}.if-intent-note{color:#ffffff8c;margin-top:.4rem;font-size:11px}.if-intent-blocker{color:#fda4af;margin-top:.35rem;font-size:11px}@media(min-width:768px){.if-intent-rail{justify-content:center}}.if-intake-thumb .if-intake-pick{background:0 0;border-radius:0;width:100%;height:100%;position:static}.if-intake-thumb{width:84px;height:84px}.if-intake-thumb .if-intake-remove{z-index:2;width:22px;height:22px;position:absolute;top:2px;right:2px}.if-intake-top{flex-direction:column;align-items:stretch;gap:.4rem;display:flex}.if-clear-refs{justify-content:center;min-height:44px}.if-clear-refs:disabled{opacity:.45}@media(min-width:640px){.if-intake-top{flex-direction:row;justify-content:space-between;align-items:center}.if-clear-refs{min-height:36px}}.if-vision{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.if-vision-status{color:#ffffff8c;flex-basis:100%;font-size:11px}.if-vision-findings{color:#ffffffc7;border-left:2px solid #67e8f973;flex-basis:100%;max-height:12rem;padding-left:.6rem;font-size:12px;line-height:1.5;overflow-y:auto}.if-sent-detail{color:#fff9;margin-top:.5rem;font-size:11px}.if-sent-detail summary{cursor:pointer;color:#fffc}.if-sent-detail p{word-break:break-word;margin:.25rem 0}
