:root{font-family:Arial,Helvetica,sans-serif;color:#253b32;background:#f6f3eb;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;border-radius:6px;padding:12px 16px;color:inherit;background:transparent}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b87935;outline-offset:3px}button:not(:disabled):hover{filter:brightness(.93)}a{color:inherit}.app{max-width:1500px;margin:auto;padding:0 5%}header{height:100px;border-bottom:1px solid #dcded3;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font:700 42px Georgia,serif;letter-spacing:-3px;text-decoration:none}.logo span{color:#b66e49;font:32px Georgia;margin-left:3px}nav{display:flex;gap:24px;align-items:center}nav a{font-size:12px;text-decoration:none;color:#64745f;padding:12px 0}nav a[aria-current=page]{color:#294839;box-shadow:0 2px #294839}.intro{text-align:center;padding:34px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1{font:normal clamp(32px,3.7vw,52px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:20px 0}h1 em{color:#7d8b6f}h2{font:28px Georgia}h3{font-size:12px;margin:0 0 12px}p{font-size:14px;color:#697269;line-height:1.6}.primary{background:#294839;color:#fffdf8;font-size:12px;font-weight:600;min-height:44px}.secondary{border:1px solid #c4cebd;background:#f6f3eb;font-size:11px;white-space:nowrap}.action-link{display:inline-block;text-decoration:none;border-radius:6px;padding:15px 24px;margin-top:15px}.landing .intro{padding:65px 0 50px}.landing h1{font-size:clamp(48px,6vw,80px)}.landing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-cards>a{display:block;padding:30px;background:#eeeee5;border:1px solid #dcded3;border-radius:12px;text-decoration:none}.landing-cards>a:hover{background:#e5e9dc}.card-symbol{display:block;font:50px Georgia;color:#7d8b6f;margin-bottom:28px}.landing-cards .eyebrow{font-size:8px;letter-spacing:1.2px}.landing-cards strong{display:block;margin-top:25px;font-size:11px}.privacy-note{text-align:center;padding:35px 0;font-size:11px}.placeholder-page{text-align:center;padding:110px 0;min-height:70vh}.placeholder-page>p{max-width:600px;margin:20px auto}.coming-soon{display:block;font-size:10px;letter-spacing:1px;margin:30px 0 10px;color:#7d8b6f}footer{border-top:1px solid #dcded3;padding:26px 0 32px;display:flex;justify-content:space-between;gap:20px;color:#75806f;font-size:10px}footer span:last-child{font-size:8px;letter-spacing:1.3px}.booth-workspace{background:#eeeee5;border:1px solid #dcded3;border-radius:12px;padding:22px;margin-bottom:38px}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.workspace-bar .eyebrow{font-size:9px;letter-spacing:1.3px}.live-dot{font-size:8px;letter-spacing:.5px;margin-left:20px;color:#6e7d64}.workspace-bar button{font-size:11px;background:#f6f3eb;margin-left:6px;padding:10px 12px}.capture-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px}.capture-main{min-width:0}.camera-stage{position:relative;aspect-ratio:3/2;max-width:100%;width:100%;background:#dce2d6;border-radius:8px;overflow:hidden}.camera-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}.camera-icon{font-size:62px;font-family:Georgia;color:#75836d}.camera-placeholder h2{font:28px Georgia;margin:16px 0 0}.camera-placeholder p{font-size:12px;margin:12px 0 22px}.live-label{position:absolute;bottom:14px;left:14px;padding:7px;background:#253b32b3;color:#fff;font-size:9px;letter-spacing:1px;border-radius:3px}.countdown{position:absolute;inset:0;background:#10271940;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.countdown strong{font:clamp(50px,10vw,120px) Georgia;text-shadow:0 3px 15px #0005}.countdown span{font-size:10px;letter-spacing:2px;margin-top:14px}.capture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.looks{display:flex;gap:4px}.looks button{font-size:11px;padding:9px 12px}.looks button[aria-pressed=true]{background:#fffdf8;box-shadow:0 1px 4px #0001}.count{font-size:11px;color:#6a7468;white-space:nowrap}.capture-buttons{display:flex;gap:10px}.capture{flex:1;width:100%}.hint{font-size:10px;line-height:1.6;margin:12px 0 0}.panel-heading{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1.2px;margin-bottom:18px}.captures-rail{min-width:0}.capture-stack{display:flex;flex-direction:column;gap:10px}.capture-slot{aspect-ratio:3/2;background:#dce2d6;border:5px solid #fffdf8;display:grid;place-items:center;overflow:hidden}.capture-slot img{display:block;width:100%;height:100%;object-fit:cover}.capture-slot>span{font:italic 25px Georgia;color:#7c8977;text-align:center}.capture-slot small{display:block;font:7px Arial;letter-spacing:1px;margin-top:7px}.text-button{font-size:10px;display:block;margin:8px auto 0;text-decoration:underline;text-underline-offset:3px;padding:10px}.booth-customize{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;border-top:1px solid #d3d8cd;padding-top:26px;margin-top:26px;align-items:start}.booth-customize.settings-collapsed{display:block}.settings-collapsed .output-panel{max-width:700px;margin:auto}.settings-panel,.output-panel{min-width:0}.output-panel{background:#e5e8de;border-radius:8px;padding:18px}.design-preview{width:100%;height:auto;display:block;background:#fffdf8;box-shadow:0 5px 20px #253b3210}.design-preview.vertical-strip{width:210px;max-width:75%;margin:auto;transform:rotate(1deg)}.download{width:100%;margin-top:22px}.output-panel .hint{text-align:center}.status{text-align:center;font-size:11px;min-height:18px;margin:24px 0 0}.strip-mode .booth-workspace{max-width:1080px;margin-left:auto;margin-right:auto}.strip-mode .capture-layout{grid-template-columns:minmax(0,1fr) 150px}.strip-mode .camera-stage:not(.is-live){min-height:310px;aspect-ratio:auto}fieldset{min-width:0;border:0;padding:0;margin:0}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#465744}input,select,textarea{width:100%;min-width:0;border:1px solid #cdd3c5;border-radius:6px;padding:10px;color:#253b32;background:#fffdf8;font:12px Arial}input:disabled,select:disabled,textarea:disabled{opacity:.55}input[type=color]{padding:3px;height:38px;max-width:110px;cursor:pointer}input[type=file]{font-size:11px}input[type=range]{padding:0;accent-color:#294839}.session-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 20px}.fixed-captures{display:flex;flex-direction:column;gap:10px;font-size:11px}.fixed-captures strong{font-size:11px;padding:12px 0}.editor{margin-top:24px}.editor legend{font-size:12px;font-weight:700;margin-bottom:12px}.optional{font-size:10px;font-weight:400;color:#6a7468;margin-left:8px}.template-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.template-list button{padding:7px 5px;border:1px solid #d3d8cc;background:#f6f3eb;border-radius:6px;text-align:left}.template-list button[aria-pressed=true],.strip-templates button[aria-pressed=true]{border-color:#294839;background:#e0e7d9;outline:1px solid #294839}.template-list svg{width:100%;display:block;background:#fffdf8;margin-bottom:9px}.template-list rect{fill:#a9b79d}.template-list span{display:block;font-size:9px;min-height:24px;line-height:1.25}.template-list small{display:block;font-size:8px;margin-top:4px;color:#66715e}.strip-templates{display:flex;gap:10px}.strip-templates button{flex:1;border:1px solid #d3d8cc;background:#f6f3eb;font-size:10px}.mini-strip{display:flex;flex-direction:column;gap:3px;background:#fffdf8;padding:4px;width:30px;margin:0 auto 10px}.mini-strip i{height:12px;background:#a9b79d}.mini-strip.soft i{border-radius:3px}.mini-strip.film{border-left:3px dotted #294839;border-right:3px dotted #294839}.segmented{display:flex;background:#e2e5da;border-radius:6px;padding:3px;gap:3px}.segmented button{flex:1;padding:9px;font-size:11px}.segmented button[aria-pressed=true]{background:#fffdf8;box-shadow:0 1px 4px #0001}.background-colors{display:flex;flex-wrap:wrap;align-items:end;gap:18px;margin-top:14px}.presets{display:flex;gap:8px;padding-bottom:6px}.swatch{width:23px;height:23px;padding:0;border-radius:50%;border:1px solid #b4b9a9}.upload-area{margin-top:14px}.details-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.details-fields .wide{grid-column:1/-1}.details-fields small{font-size:9px;color:#6a7468}.details-fields textarea{resize:vertical}.layer-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.booth-workspace.expanded{position:fixed;inset:0;z-index:1000;overflow:auto;border:0;border-radius:0;margin:0;background:#f0f0e7;padding:20px 3%;width:100%;height:100%}.expanded .capture-layout{grid-template-columns:minmax(0,1fr) 175px;max-width:1400px;margin:auto}.expanded .camera-stage{max-height:calc(100dvh - 205px);width:auto;max-width:100%;margin:auto}.expanded .workspace-bar{max-width:1400px;margin:0 auto 18px}.expanded .booth-customize{max-width:1400px;margin:26px auto 0}@media(max-width:900px){.app{padding:0 4%}.intro h1 em{display:block}.capture-layout{grid-template-columns:minmax(0,1fr) 140px;gap:16px}.strip-mode .capture-layout{grid-template-columns:minmax(0,1fr) 120px}.booth-customize{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}.session-mode .camera-stage:not(.is-live){min-height:280px;aspect-ratio:auto}.landing-cards{gap:14px}.landing-cards>a{padding:20px}}@media(max-width:650px){header{height:80px}.logo{font-size:35px}.logo span{font-size:24px}nav{gap:16px}nav a{font-size:11px}.landing-cards{grid-template-columns:1fr}.landing .intro{padding:45px 0}.booth-workspace{padding:14px}.workspace-bar{align-items:flex-start}.workspace-bar>.eyebrow{line-height:2}.workspace-bar button{font-size:10px;padding:8px}.live-dot{display:block;margin-left:0}.capture-layout,.strip-mode .capture-layout,.expanded .capture-layout{grid-template-columns:minmax(0,1fr) 75px;gap:10px}.capture-slot{border-width:3px}.capture-slot small{display:none}.capture-slot>span{font-size:18px}.captures-rail .panel-heading{font-size:8px;letter-spacing:.5px}.captures-rail .text-button{font-size:9px;padding:8px 0}.camera-stage:not(.is-live),.strip-mode .camera-stage:not(.is-live),.session-mode .camera-stage:not(.is-live){min-height:280px;aspect-ratio:auto}.camera-placeholder{padding:12px}.camera-icon{font-size:42px}.camera-placeholder h2{font-size:23px}.camera-placeholder p{font-size:11px}.capture-toolbar{flex-wrap:wrap;gap:6px}.looks{gap:0}.looks button{font-size:10px;padding:8px}.capture-buttons{flex-direction:column}.capture-buttons button{font-size:11px}.booth-customize{grid-template-columns:minmax(0,1fr);gap:24px}.output-panel{padding:15px}.template-list{gap:5px}.template-list span{font-size:8px}.details-fields{gap:12px}.session-settings{gap:10px}.workspace-bar>div{display:flex;flex-direction:column;gap:5px}.expanded .camera-stage{max-height:none;width:100%}.expanded.booth-workspace{padding:12px}.design-preview.vertical-strip{max-width:70%}footer{font-size:9px}footer span:last-child{font-size:7px}}@media(max-width:360px){.app{padding:0 3%}.booth-workspace{padding:10px}.capture-layout,.strip-mode .capture-layout{grid-template-columns:minmax(0,1fr) 65px}.template-list{grid-template-columns:repeat(3,minmax(0,1fr))}.details-fields,.layer-controls{grid-template-columns:1fr}.primary{padding:10px}nav{gap:12px}}
