@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c6e48ee1-module__JRO3KW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c6e48ee1-module__JRO3KW__variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_63ac958a-module__wFJ7_q__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_63ac958a-module__wFJ7_q__variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_768fb615-module__nw7kYW__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_768fb615-module__nw7kYW__variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#efece6;--foreground:#17181b;--panel:#f8f6f2;--panel-strong:#e7e0d5;--border:#17181b1f;--muted:#6e7379;--accent:#1d1f23;--accent-soft:#ece7de;--accent-sheen:#b8b4ab;--accent-glow:#1d1f2314;--profile-accent:#4b5563;--header-surface:#f8f6f2e6;--header-strong:#f8f6f2f5;--lane-surface:#f8f6f2bf;--inset-highlight:#fffc}*{box-sizing:border-box}html{overflow-x:clip}body{background-color:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(circle,#17181b17 1.2px,#0000 1.2px),linear-gradient(#ffffff3d,#ffffff05);background-position:50%;background-size:18px 18px,cover;margin:0;line-height:1.55;overflow-x:clip}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}@keyframes page-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes photo-settle{0%{opacity:0;transform:scale(calc(var(--photo-zoom,1) * .985))}to{opacity:1;transform:scale(var(--photo-zoom,1))}}.app-shell{min-height:100vh;overflow-x:clip}.topbar{z-index:20;border-bottom:1px solid var(--border);background:var(--header-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:68px;padding:0 max(18px,2vw);display:grid;position:sticky;top:0;box-shadow:0 8px 24px #1111110a}.brand{font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;font-weight:700}.topbar-tools{color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.icon-button,.compact-button{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);height:36px;color:var(--foreground);border-radius:8px;place-items:center;display:inline-grid}.icon-button{width:36px}.compact-button{grid-auto-flow:column;gap:8px;padding:0 12px;font-size:13px;font-weight:600}.user-area{justify-content:end;align-items:center;gap:10px;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.passkey-id-button{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 84%, transparent);max-width:180px;height:32px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:650;display:inline-flex}.passkey-id-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{color:#fff;background:var(--profile-accent);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.quest-band{border-bottom:1px solid var(--border);background:#f8f6f28a;grid-template-columns:minmax(200px,280px) 1fr minmax(260px,auto);align-items:center;gap:24px;min-height:88px;padding:18px max(18px,2vw);display:grid}.quest-meta{align-items:center;gap:14px;display:flex}.spark{place-items:center;width:42px;height:42px;display:grid}.eyebrow{font:700 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0}.quest-title{text-align:center;font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(30px,3.4vw,48px);line-height:1.08}.quest-actions{justify-content:end;align-items:center;gap:14px;display:flex}.primary-button{background:var(--accent);color:#fff;border-radius:8px;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #1d1f2329}.secondary-button{border:1px solid var(--border);background:var(--panel);min-height:44px;color:var(--foreground);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:650;display:inline-flex}.workspace{grid-template-columns:minmax(250px,310px) minmax(420px,1fr) minmax(280px,320px);min-height:calc(100vh - 156px);display:grid}.source-rail,.inspector{background:var(--lane-surface);border-right:1px solid var(--border);box-shadow:inset 0 1px var(--inset-highlight)}.inspector{border-right:0;border-left:1px solid var(--border)}.rail-tabs{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.rail-tab{height:52px;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.rail-tab.active{color:var(--foreground);background:color-mix(in srgb, var(--accent-soft) 78%, transparent)}.rail-body,.inspector-body{padding:18px 16px 22px}.field{gap:8px;margin-bottom:16px;display:grid}.field label,.field-title{color:var(--foreground);font-size:12px;font-weight:750}.field input,.field select{border:1px solid var(--border);background:var(--panel);width:100%;height:40px;color:var(--foreground);border-radius:8px;padding:0 10px;font-size:13px}.hint,.status-line{color:var(--muted);margin:0;font-size:12px}.thumb-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-height:330px;margin-top:14px;padding-right:4px;display:grid;overflow:auto}.thumb{aspect-ratio:1;background:var(--panel-strong);border:2px solid #0000;border-radius:6px;padding:0;overflow:hidden}.thumb.selected{border-color:var(--accent)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.upload-zone{border:1px dashed color-mix(in srgb, var(--foreground) 26%, transparent);background:color-mix(in srgb, var(--panel) 76%, transparent);border-radius:12px;gap:10px;padding:18px;display:grid}.canvas-zone{grid-template-rows:1fr auto;min-width:0;padding:clamp(18px,3vw,54px) clamp(18px,3vw,64px) 22px;display:grid}.canvas-wrap{place-items:center;min-height:520px;display:grid}.photo-canvas{aspect-ratio:1.28;background:var(--canvas-bg,#f7f4ed);width:min(820px,100%);position:relative;overflow:visible;box-shadow:0 12px 42px #1111111f}.photo-slot{background:var(--canvas-bg,#f7f4ed);border-style:solid;place-items:center;display:grid;position:absolute;overflow:hidden}.photo-slot.shadowed{box-shadow:0 8px var(--shadow-blur,18px) rgba(0, 0, 0, var(--shadow-opacity,.14))}.photo-slot img{object-fit:contain;width:100%;height:100%;filter:var(--photo-filter,brightness(1));background:var(--canvas-bg,#f7f4ed);display:block}.photo-slot.duotone img{filter:grayscale()contrast(1.08)sepia(.55)hue-rotate(150deg)saturate(1.35);mix-blend-mode:multiply}.empty-slot{color:var(--muted);font:700 12px/1 var(--font-mono)}.canvas-actions{justify-content:center;gap:10px;padding-top:16px;display:flex}.history{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:18px;padding:14px 0 0;display:grid}.history-strip{gap:10px;display:flex;overflow:hidden}.history-item{border:1px solid var(--border);background:var(--panel);width:118px;min-width:118px;height:78px;color:var(--muted);border-radius:8px;align-content:end;padding:8px;font-size:11px;display:grid}.template-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.template-button{aspect-ratio:1;border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:6px}.template-button.active{outline:2px solid var(--accent);outline-offset:2px}.mini-template{gap:2px;height:100%;display:grid}.mini-template i{background:#ffffff52;border:1px solid #17181b52}.control-section{border-bottom:1px solid var(--border);padding:18px 0}.control-section:first-child{padding-top:0}.control-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.range-row{grid-template-columns:1fr 56px;align-items:center;gap:12px;display:grid}input[type=range]{accent-color:var(--accent)}.value-box{border:1px solid var(--border);background:var(--panel);height:34px;font:700 12px/1 var(--font-mono);border-radius:8px;place-items:center;display:grid}.color-row{grid-template-columns:38px 1fr;align-items:center;gap:10px;display:grid}.color-row input[type=color]{padding:3px}.toggle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.error{color:#a23a3a;font-size:12px}@media (max-width:1050px){.workspace{grid-template-columns:1fr}.source-rail,.inspector{border:0;border-bottom:1px solid var(--border)}.quest-band{grid-template-columns:1fr}.quest-title{text-align:left}.quest-actions{flex-wrap:wrap;justify-content:start}}@media (max-width:680px){.topbar{grid-template-columns:1fr auto}.topbar-tools{display:none}.brand{font-size:24px}.quest-title{font-size:30px}.canvas-wrap{min-height:360px}}.brand-button{color:var(--foreground);font-family:var(--font-display);letter-spacing:-.03em;background:0 0;border:0;padding:0;font-size:30px;font-weight:700}.topbar-note{color:var(--muted);justify-self:center;align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.home-screen{width:min(1160px,100vw - 32px);margin:0 auto;padding:clamp(28px,6vw,78px) 0 96px;animation:.42s both page-rise}.home-hero{border-bottom:1px solid var(--border);align-content:center;gap:18px;min-height:360px;display:grid}.home-hero h1{max-width:900px;font-family:var(--font-display);letter-spacing:-.03em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:.04em 0 .12em;font-size:clamp(42px,7vw,86px);line-height:1.04;display:-webkit-box;overflow:hidden}.home-hero p{color:var(--muted);margin:0;font-size:16px}.quest-mode-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quest-mode-row span{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 76%, transparent);min-height:28px;color:var(--foreground);font:700 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:8px;align-items:center;padding:0 10px;display:inline-flex}.home-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.home-history{padding-top:32px}.home-submissions{gap:26px;padding-top:34px;display:grid}.section-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.section-heading h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:24px}.section-heading.compact{margin-bottom:12px}.quest-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.empty-note{border:1px dashed var(--border);min-height:96px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;margin:0;padding:18px;display:grid}.quest-card{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 82%, transparent);min-height:150px;color:var(--foreground);text-align:left;border-radius:12px;align-content:end;gap:6px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid;box-shadow:0 10px 30px #1111110d}.quest-card:hover{border-color:color-mix(in srgb, var(--profile-accent) 34%, var(--border));transform:translateY(-3px);box-shadow:0 16px 34px #11111117}.quest-card span,.quest-card small{color:var(--muted);font-size:12px}.quest-card strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:20px;line-height:1.08}.quest-card .quest-mode-row{gap:6px}.quest-card .quest-mode-row span{min-height:24px;padding:0 7px;font-size:9px}.quest-card.empty{cursor:default}.quest-card.suggested small{color:color-mix(in srgb, var(--profile-accent) 70%, var(--muted))}.editor-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:34px 0 24px;animation:.36s both page-rise}.editor-intro{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:end;gap:20px;padding-bottom:24px;display:grid}.editor-intro h1{font-family:var(--font-display);letter-spacing:-.03em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;padding:.04em 0 .12em;font-size:clamp(32px,4.6vw,58px);line-height:1.06;display:-webkit-box;overflow:hidden}.editor-meta{border:1px solid var(--border);background:var(--panel);color:var(--muted);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.editor-meta strong{color:var(--foreground)}.funnel-step{border-bottom:1px solid var(--border);padding:28px 0;animation:.36s both panel-enter}.funnel-step:nth-of-type(2){animation-delay:40ms}.funnel-step:nth-of-type(3){animation-delay:80ms}.step-label{align-items:center;gap:10px;margin-bottom:16px;display:flex}.step-label span{background:var(--accent);color:#fff;width:24px;height:24px;font:700 12px/1 var(--font-mono);border-radius:50%;place-items:center;display:grid}.step-label strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:22px}.template-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.template-card{border:1px solid var(--border);background:var(--panel);min-height:130px;color:var(--foreground);border-radius:12px;grid-template-rows:1fr auto;gap:10px;padding:12px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid;box-shadow:0 10px 30px #1111110d}.template-card.active{outline:2px solid var(--accent);outline-offset:2px;background:var(--header-strong)}.template-card:hover{border-color:color-mix(in srgb, var(--profile-accent) 34%, var(--border));transform:translateY(-3px);box-shadow:0 16px 34px #11111117}.template-card span{color:var(--muted);font-size:12px;font-weight:750}.parameter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.control-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;gap:10px;min-height:108px;padding:14px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.control-card:focus-within{border-color:color-mix(in srgb, var(--profile-accent) 46%, var(--border));box-shadow:0 10px 26px #11111112}.control-card span{color:var(--muted);font-size:12px;font-weight:750}.control-card strong{font-family:var(--font-mono);font-size:12px}.control-card input[type=color]{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;width:100%;height:34px;padding:3px}.color-control-card,.treatment-control-card{position:relative}.color-presets{gap:5px;display:flex;position:absolute;top:12px;right:12px}.color-presets button{border:1px solid var(--border);background:var(--preset-color);border-radius:999px;width:18px;height:18px;padding:0;box-shadow:inset 0 0 0 1px #ffffff47}.color-presets button.active{outline:2px solid var(--profile-accent);outline-offset:1px}.lens-filter-presets{gap:5px;display:flex;position:absolute;top:12px;right:12px}.lens-filter-presets button{border:1px solid var(--border);background:var(--preset-color);border-radius:999px;width:18px;height:18px;padding:0;box-shadow:inset 0 0 0 1px #ffffff47}.lens-filter-presets button.active{outline:2px solid var(--profile-accent);outline-offset:1px}.lens-filter-presets button:first-child{background:linear-gradient(135deg, transparent 45%, #11111173 46%, #11111173 54%, transparent 55%), var(--preset-color)}.control-card select,.control-card input[type=number]{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;width:100%;height:36px;padding:0 10px}.slot-canvas{width:min(100%, calc((100vh - var(--canvas-vh-offset,132px)) * var(--canvas-aspect,1.3)));background:var(--canvas-border-color,var(--canvas-bg));max-width:100%;padding:var(--slot-border,0);box-sizing:border-box;margin:0;position:relative;overflow:visible;box-shadow:0 14px 42px #1111111f}.slot-canvas.template-horizontal,.slot-canvas.template-two-top-three-bottom,.slot-canvas.template-three-top-two-bottom,.slot-canvas.template-vertical,.slot-canvas.template-two-left-three-right,.slot-canvas.template-three-left-one-middle,.slot-canvas.template-feature-rail{--canvas-vh-offset:96px}.slot-canvas-shell{place-items:start center;width:100%;min-width:0;max-width:100%;min-height:min(820px,100vh - 84px);padding:22px 0;animation:.36s .1s both panel-enter;display:grid;position:relative;overflow:auto visible}.slot-canvas-inner{background:var(--canvas-bg);width:100%;position:relative}.slot-clip-defs{width:0;height:0;position:absolute;overflow:hidden}.placement-grid{--tray-breakout:0px;--canvas-breakout:0px;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:22px;display:grid;overflow:visible}.placement-breakout{width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin-left:calc(50% + -50vw + 16px)}.spots-editor-column{justify-items:center;min-width:0;display:grid}.placement-tray{border:1px solid var(--border);background:color-mix(in srgb, var(--lane-surface) 86%, transparent);width:320px;box-shadow:inset 0 1px var(--inset-highlight);border-radius:16px;gap:14px;margin-left:0;padding:14px;animation:.36s 80ms both panel-enter;display:grid;position:sticky;top:88px}.placement-tray.has-photos{grid-template-rows:auto minmax(0,1fr);min-height:min(720px,100vh - 112px);max-height:calc(100vh - 112px)}.spots-filter-strip{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:8px;justify-content:center;justify-self:center;align-items:center;gap:12px;width:min(560px,100%);min-height:40px;margin:14px auto 0;padding:8px 12px;animation:.22s both panel-enter;display:flex}.spots-filter-strip>span{color:var(--muted);font-size:12px;font-weight:800}.spots-filter-strip .lens-filter-presets{position:static}.placement-grid.dragging .persistent-slot{animation:.9s ease-in-out infinite alternate slot-breathe}@keyframes slot-breathe{0%{outline:1px solid #0000;transform:scale(1)}to{outline:2px solid color-mix(in srgb, var(--profile-accent) 56%, transparent);transform:scale(1.006)}}.persistent-slot{box-shadow:none;background:0 0;place-items:center;transition:outline-color .16s,background .16s,transform .16s;display:grid;position:absolute;overflow:visible;transform:translateZ(0)}.persistent-slot:before{content:"";z-index:0;clip-path:var(--slot-clip);pointer-events:none;background:0 0;position:absolute;inset:0}.persistent-slot:after{content:"";z-index:0;background:color-mix(in srgb, var(--canvas-bg) 84%, white);clip-path:var(--slot-clip);pointer-events:none;position:absolute;inset:0}.persistent-slot.shadowed{box-shadow:none}.persistent-slot.shadowed:before{background:var(--canvas-bg);filter:drop-shadow(0 var(--shadow-distance,8px) var(--shadow-blur,18px) var(--photo-shadow-color,#00000024))}.persistent-slot.over{outline:3px solid var(--profile-accent);outline-offset:4px;background:var(--accent-soft);transform:scale(1.015)}.persistent-slot.selected{outline:3px solid color-mix(in srgb, var(--profile-accent) 74%, white);outline-offset:5px}.persistent-slot img{object-fit:var(--photo-fit,contain);object-position:var(--photo-position,50% 50%);width:100%;height:100%;transform:scale(var(--photo-zoom,1));z-index:1;clip-path:var(--slot-clip);background:var(--canvas-bg);filter:var(--photo-filter,none);-webkit-user-select:none;user-select:none;pointer-events:none;animation:.22s both photo-settle;display:block;position:relative}.drop-copy{z-index:1;color:var(--muted);font:700 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;place-items:center;gap:8px;display:grid;position:relative}.plus-mark{border:1px dashed color-mix(in srgb, var(--foreground) 32%, transparent);border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.slot-remove{z-index:2;color:#fff;background:#17181bc7;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;display:grid;position:absolute;top:8px;right:8px}.slot-drag-handle{z-index:2;color:#fff;cursor:grab;background:#17181bc7;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:8px;left:8px}.slot-drag-handle:active{cursor:grabbing}.reframe-panel{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17181bd1;border:1px solid #ffffff6b;border-radius:10px;gap:6px;padding:8px;display:grid;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 12px 30px #1111113d}.reframe-panel label{font:700 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:42px 1fr;align-items:center;gap:6px;display:grid}.reframe-panel input{width:100%}.reframe-panel>button{color:#fff;background:#ffffff24;border-radius:8px;min-height:28px;font-weight:800}.segmented-control{grid-template-columns:1fr 1fr;gap:4px;display:grid}.segmented-control button{color:#fff;background:#ffffff1f;border-radius:8px;min-height:28px;font-weight:800}.segmented-control button.active{color:var(--foreground);background:#fff}.unified-source-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--lane-surface) 82%, transparent);border-radius:16px;gap:16px;padding:16px;display:grid}.drop-upload-zone{border:1px dashed color-mix(in srgb, var(--foreground) 30%, transparent);background:var(--panel);text-align:center;border-radius:12px;place-items:center;gap:6px;min-height:112px;padding:18px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.drop-upload-zone:hover{border-color:color-mix(in srgb, var(--profile-accent) 46%, var(--border));background:var(--header-strong);transform:translateY(-2px);box-shadow:0 12px 28px #11111112}.drop-upload-zone span{color:var(--muted);font-size:12px}.immich-inline{gap:10px;display:grid}.immich-config{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.immich-config input,.immich-config select{border:1px solid var(--border);background:var(--panel);border-radius:8px;min-width:0;height:40px;padding:0 10px}.tray-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.tray-grid.side{columns:2 118px;column-gap:10px;min-height:0;max-height:none;padding-right:4px;display:block;overflow:auto}.tray-count{background:var(--accent);color:#fff;min-width:30px;height:30px;font:700 12px/1 var(--font-mono);border-radius:50%;justify-self:end;place-items:center;padding:0 9px;display:grid}.tray-photo{border:1px solid var(--border);background:var(--panel);color:var(--foreground);break-inside:avoid;cursor:grab;border-radius:10px;grid-template-rows:auto auto;width:100%;min-height:0;margin:0 0 10px;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;overflow:hidden}.tray-photo:active{cursor:grabbing}.tray-photo:hover{border-color:color-mix(in srgb, var(--profile-accent) 44%, var(--border));transform:translateY(-2px);box-shadow:0 10px 24px #11111114}.tray-photo img{width:100%;height:auto;aspect-ratio:var(--tray-aspect,4 / 3);object-fit:contain;background:var(--panel-strong);display:block}.tray-photo span{color:var(--muted);font:700 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;padding:6px}.immich-tip{border:1px solid var(--border);background:var(--panel);border-radius:12px;gap:10px;padding:12px;display:grid}.immich-tip p,.immich-tip small{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.immich-import-controls{gap:8px;display:grid}.immich-date-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.immich-import-controls input,.immich-import-controls select{border:1px solid var(--border);background:var(--panel-strong);width:100%;height:38px;color:var(--foreground);border-radius:8px;padding:0 10px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17181b70;place-items:center;padding:18px;animation:.18s both panel-enter;display:grid;position:fixed;inset:0}.immich-dialog{border:1px solid var(--border);background:var(--panel);width:min(560px,100%);color:var(--foreground);border-radius:16px;gap:18px;padding:24px;animation:.22s both panel-enter;display:grid;box-shadow:0 24px 80px #11111147}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.dialog-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.dialog-heading h2{font-family:var(--font-display);letter-spacing:-.03em;margin:6px 0 0;font-size:34px;line-height:1.04}.dialog-grid{gap:12px;display:grid}.dialog-grid label{gap:8px;font-size:12px;font-weight:750;display:grid}.dialog-grid input,.dialog-grid select{border:1px solid var(--border);background:var(--panel-strong);width:100%;height:42px;color:var(--foreground);border-radius:8px;padding:0 10px}.date-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-list{gap:8px;display:grid}.profile-row{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 84%, transparent);border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.profile-row.active{border-color:color-mix(in srgb, var(--profile-accent) 54%, var(--border));background:var(--header-strong)}.avatar-fallback{background:var(--profile-accent);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid;overflow:hidden}.avatar-fallback img{object-fit:cover;width:100%;height:100%}.profile-copy{min-width:0}.profile-copy b,.profile-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-copy small{color:var(--muted);font-size:12px}.profile-actions{gap:6px;display:flex}.profile-actions button{border:1px solid var(--border);background:var(--panel);min-height:34px;color:var(--foreground);border-radius:8px;padding:0 10px;font-size:12px;font-weight:750}.dialog-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.submission-section{width:100%;min-width:0;overflow:hidden}.submission-section.feature{width:100vw;margin-left:calc(50% - 50vw)}.submission-section.feature>.section-heading{width:min(1160px,100vw - 32px);margin-left:auto;margin-right:auto}.submission-viewport{overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.submission-viewport::-webkit-scrollbar{display:none}.submission-section.feature .submission-viewport{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;padding:6px 24px 18px;overflow:hidden}.submission-section.feature .submission-viewport.dragging{cursor:grabbing}.submission-carousel{scroll-snap-type:x mandatory;gap:14px;padding:2px 2px 12px;display:flex}.submission-card{--submission-frame-height:220px;scroll-snap-align:start;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 86%, transparent);border-radius:8px;flex:0 0 min(320px,82vw);padding:10px;box-shadow:0 12px 30px #1111110f}.submission-card.horizontal{--submission-frame-height:260px;flex-basis:min(520px,88vw)}.submission-card.vertical{--submission-frame-height:420px;flex-basis:min(360px,84vw)}.submission-section.feature .submission-carousel{scroll-snap-type:none;will-change:transform;gap:0;padding:0}.submission-section.feature .submission-carousel-group{flex:none;gap:22px;padding-right:22px;display:flex}.submission-section.feature .submission-card{--submission-frame-height:520px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-basis:min(460px,86vw);padding:0}.submission-section.feature .submission-card.horizontal{flex-basis:min(1040px,92vw)}.submission-section.feature .submission-card.vertical{flex-basis:min(460px,86vw)}.submission-section.feature .submission-image-frame{background:0 0;border-radius:0}.submission-section.feature .submission-carousel{width:max-content;min-width:100%}.submission-image-frame{height:var(--submission-frame-height);background:#fff;border-radius:6px;position:relative;overflow:hidden}.submission-image-frame img{object-fit:contain;width:100%;height:100%;display:block}.submission-submitter{color:#fff;background:#17181b9e;border:1px solid #ffffff8f;border-radius:999px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 8px 20px #00000038}.submission-submitter img{object-fit:cover;width:100%;height:100%}.submission-delete{color:#fff;background:#17181b94;border:1px solid #ffffff70;border-radius:999px;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:10px;left:10px}.submission-prompt{color:var(--foreground);margin:10px 0 6px;font-weight:800;line-height:1.25}.submission-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.submission-meta strong{color:var(--foreground)}.delete-code-pill{border:1px solid color-mix(in srgb, var(--profile-accent) 42%, var(--border));background:var(--panel);min-height:44px;color:var(--foreground);font:800 12px/1 var(--font-mono);white-space:nowrap;border-radius:8px;align-items:center;padding:0 12px;display:inline-flex}.export-bar{z-index:30;border-top:1px solid var(--border);background:var(--header-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:center;align-items:center;gap:10px;min-height:76px;padding:12px max(16px,2vw);display:flex;position:static;box-shadow:0 -12px 30px #1111110f}.export-select{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:inline-flex}.export-select span{color:var(--muted);font-size:12px;font-weight:750}.export-select select{color:var(--foreground);background:0 0;border:0;font-weight:750}.immich-upload-button:disabled{color:#fff;opacity:.72;cursor:not-allowed;background:#8b8b8b}@media (max-width:900px){.template-picker,.parameter-grid,.immich-config{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-intro{grid-template-columns:1fr}.export-bar{flex-wrap:wrap;align-items:stretch}.placement-grid{--tray-breakout:0px;--canvas-breakout:0px;grid-template-columns:1fr}.placement-breakout{width:100%;max-width:100%;margin-left:0}.placement-tray{width:100%;margin-left:0;position:static}.placement-tray.has-photos{min-height:auto;max-height:none}}@media (max-width:560px){.topbar-note{display:none}.home-hero h1{font-size:42px}.template-picker,.parameter-grid,.immich-config{grid-template-columns:1fr}.editor-shell{width:min(100vw - 24px,1180px)}.immich-date-row{grid-template-columns:1fr}.slot-canvas{width:100%}.export-bar{justify-content:stretch}.export-bar>*,.export-bar button,.export-select{width:100%}}