@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";.layout-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:16px;width:100%;max-width:1300px;margin:auto;max-height:58vh;overflow:auto;padding:4px}.layout-card{position:relative;min-height:180px;background:#ffffffba;border:2px solid transparent;border-radius:22px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;box-shadow:0 5px 20px #1e19140a}.layout-card.selected{border-color:var(--coral);box-shadow:0 8px 30px #ff6b4a2e}.layout-card strong{font-size:13px;margin-top:12px}.layout-card span{font-size:10px;color:#777;margin-top:3px}.layout-card>b{position:absolute;right:9px;top:9px;background:var(--coral);color:#fff;border-radius:50%;width:25px;height:25px}.layout-mini{display:block;position:relative;background:#292725;border-radius:6px;overflow:hidden;width:88px;height:58px}.layout-mini-portrait{width:45px;height:75px}.layout-mini i{position:absolute;background:#dedad2;border:1px solid #fff}.countdown-page{align-items:center;text-align:center}.countdown-page .step-header{text-align:left}.countdown-options{display:flex;justify-content:center;gap:22px;margin:auto}.countdown-options button{width:min(18vw,190px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(23,23,23,.12);background:#ffffffa6;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 40px #0000000f}.countdown-options button.selected{background:var(--coral);color:#fff;border-color:var(--coral);transform:scale(1.04)}.countdown-options strong{font:800 64px Manrope}.countdown-options span{font-size:12px;text-transform:uppercase;letter-spacing:.14em}.countdown-page .booth-footer{width:100%}@keyframes bounce{50%{transform:translateY(-8px)}}.kiosk-home{min-height:100vh;background:#f5f0e8;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;position:relative;overflow:hidden}.kiosk-home:before,.kiosk-home:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.kiosk-home:before{width:40vw;height:40vw;background:#ffd8cd;left:-20vw;top:-20vw}.kiosk-home:after{width:28vw;height:28vw;background:#e7ddff;right:-12vw;bottom:-12vw}.kiosk-home h1{font:800 clamp(68px,10vw,150px)/.83 Manrope;letter-spacing:-.07em;margin:25px 0 35px}.kiosk-home>p{font-size:17px;color:#6e6963}.kiosk-start{position:relative;z-index:2;margin-top:35px;min-width:280px;height:92px;border:0;border-radius:999px;background:var(--coral);color:#fff;padding:0 42px;display:flex;align-items:center;justify-content:space-between;font-size:22px;font-weight:800;box-shadow:0 18px 45px #ff6b4a52;transition:.2s}.kiosk-start:hover{transform:scale(1.03)}.kiosk-start span{font-size:36px}.kiosk-home footer{position:absolute;bottom:5vh;font-size:10px;letter-spacing:.18em;font-weight:800;color:#777}.light-workspace{display:grid;grid-template-columns:minmax(300px,42%) 1fr;gap:5vw;width:100%;max-width:1300px;margin:auto;align-items:center}.portrait-guide{height:min(53vh,560px);border-radius:180px 180px 28px 28px;background:linear-gradient(145deg,#d1c2b5,#f6ded2);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 80px #00000021,0 25px 60px #0000001f}.lighting-wash{position:absolute;inset:0;mix-blend-mode:screen}.portrait-guide span{position:relative;font-size:9px;letter-spacing:.2em;font-weight:800}.light-controls h3{font:700 15px Manrope;margin:26px 0 12px}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.color-grid button{border:1px solid var(--line);background:#ffffffb3;padding:10px 6px;border-radius:14px;font-size:10px}.color-grid button.selected{outline:3px solid var(--coral);outline-offset:2px}.color-grid i{display:block;width:32px;height:32px;border-radius:50%;margin:0 auto 7px;border:1px solid rgba(0,0,0,.08)}.lighting-row{display:flex;gap:8px}.lighting-row button{flex:1;background:#ffffffb3;border:1px solid var(--line);border-radius:14px;padding:10px 5px;font-size:10px}.lighting-row button.selected{background:#171717;color:#fff}.lighting-row i{display:block;height:25px;border-radius:8px;margin-bottom:6px}.mirror-toggle{display:flex;gap:10px;align-items:center;margin-top:28px}.mirror-toggle input{width:22px;height:22px}.camera-page{height:100vh;overflow:hidden;padding:22px 3vw;display:flex;flex-direction:column;background:#171717;color:#fff}.camera-top{display:flex;justify-content:space-between;align-items:center}.camera-top h1{font-size:34px;margin:4px 0}.camera-top p{color:#aaa;font-size:12px}.camera-tools{display:flex;gap:9px}.camera-tools select,.camera-tools .btn{background:#292929;color:#fff;border-color:#444}.camera-stage{position:relative;flex:1;margin-top:16px;background:#050505;border-radius:28px;overflow:hidden;min-height:0}.camera-stage video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.camera-lighting{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.12}.camera-status{position:absolute;left:20px;top:20px;padding:9px 13px;border-radius:999px;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.13em;font-weight:800;display:flex;align-items:center;gap:8px}.camera-status i{width:7px;height:7px;background:#ef4444;border-radius:50%}.camera-bottom{position:absolute;left:0;right:0;bottom:0;padding:20px 30px 25px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;background:linear-gradient(transparent,#000000bf);font-size:10px;letter-spacing:.1em}.camera-bottom>span:last-of-type{text-align:right}.shutter{width:94px;height:94px;border:5px solid white;border-radius:50%;background:var(--coral);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 0 6px #ffffff2e}.shutter i{position:absolute;inset:10px;border:2px solid white;border-radius:50%}.shutter span{font-size:0}.shutter:disabled{opacity:.35}.flip-link{background:transparent;border:0;color:#fff;font-size:12px;justify-self:end}.capture-flash,.countdown-overlay,.capturing-overlay{position:absolute;inset:0;pointer-events:none}.capture-flash{background:#fff;animation:flash .18s}.countdown-overlay{display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#00000040,#000000a6)}.countdown-overlay strong{font:800 170px Manrope;animation:count .85s ease-out}.countdown-overlay span{letter-spacing:.3em;font-size:11px}.capturing-overlay{display:grid;place-items:center;background:#ffffff1a;font-weight:800;letter-spacing:.3em}.camera-error{position:absolute;inset:0;display:grid;place-items:center;background:#000000bf;z-index:3}.review-page{background:#f7f4ef}.review-page>header{text-align:center;margin:2vh auto}.review-grid{display:flex;justify-content:center;gap:20px;margin:auto;min-height:280px}.review-grid figure{margin:0;position:relative;aspect:3/4;max-height:48vh;border-radius:18px;overflow:hidden;background:#ddd;box-shadow:0 12px 35px #00000021}.review-grid img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.review-grid figcaption{position:absolute;bottom:10px;left:10px;background:#00000080;color:#fff;border-radius:999px;padding:5px 8px;font-size:8px}.review-actions{display:flex;justify-content:center;gap:10px;margin-top:auto;padding-top:20px}@keyframes flash{0%{opacity:.95}to{opacity:0}}.editor-page{height:100vh;display:flex;flex-direction:column;background:#ece8e1;padding:18px 24px;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;max-width:1500px;width:100%;margin:0 auto 14px}.editor-header h1{font-size:30px;margin:3px 0}.editor-header>div:last-child{display:flex;gap:9px}.editor-workspace{display:grid;grid-template-columns:1fr 360px;gap:18px;flex:1;min-height:0;max-width:1500px;width:100%;margin:auto;overflow:hidden}.canvas-wrap{min-height:0;display:flex;align-items:center;justify-content:center;position:relative;background:#d6d1ca;border-radius:24px;padding:20px;overflow:hidden}.canvas-wrap canvas{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 20px 50px #0003;touch-action:none}.canvas-wrap>span{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#ffffffbf;padding:6px 12px;border-radius:999px;font-size:10px}.editor-tools{background:#fff;border-radius:24px;display:grid;grid-template-columns:86px 1fr;overflow:hidden;min-height:0;max-height:100%}.editor-tools nav{background:#f7f5f1;padding:12px 7px;display:flex;flex-direction:column;gap:5px}.editor-tools nav button{border:0;background:transparent;padding:11px 4px;border-radius:12px;font-size:9px;text-transform:uppercase;font-weight:700}.editor-tools nav button.active{background:#171717;color:#fff}.editor-tools nav span{display:block}.tool-panel{padding:20px;overflow:auto;display:flex;flex-direction:column;min-height:0;max-height:100%;overscroll-behavior:contain}.tool-panel h3{font:800 20px Manrope;margin:0 0 15px}.tool-panel p{font-size:11px;color:#777;line-height:1.5}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow:auto;padding-right:4px;max-height:calc(100vh - 350px)}.asset-grid button{border:1px solid var(--line);background:#faf9f7;border-radius:12px;padding:9px;font-size:10px}.asset-grid button.selected{outline:3px solid var(--coral)}.asset-grid img{width:100%;height:58px;-o-object-fit:contain;object-fit:contain;display:block;margin-bottom:5px}.category-filter{display:flex;gap:5px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;-webkit-overflow-scrolling:touch;position:sticky;top:0;background:#ffffffe6;z-index:1}.category-filter::-webkit-scrollbar{display:none}.category-pill{border:1px solid var(--line);background:#faf9f7;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:all .15s}.category-pill.active{background:#171717;color:#fff;border-color:#171717}.mini-controls{margin-top:15px;padding-top:15px;border-top:1px solid var(--line);display:grid;gap:10px}.mini-controls label,.tool-panel>label{display:grid;gap:5px;font-size:10px;font-weight:700}.text-input,.color-input,.tool-panel>input[type=color]{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 12px}.color-input{height:44px;padding:4px}.text-list{margin-top:12px;display:grid;gap:5px}.text-list>div{display:flex}.text-list input{min-width:0;flex:1;border:1px solid var(--line);padding:7px}.text-list button{width:35px;border:0;background:#fee2e2}.filter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.filter-list button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px;font-size:9px}.filter-list button.selected{outline:3px solid var(--coral)}.filter-list img{width:100%;height:62px;-o-object-fit:cover;object-fit:cover;border-radius:8px;display:block;margin-bottom:5px}.photo-picker{display:flex;gap:5px;margin-bottom:15px}.photo-picker button{width:35px;height:35px;border-radius:50%;border:1px solid var(--line)}.photo-picker button.selected{background:#171717;color:#fff}.editor-processing{position:fixed;inset:0;background:#f5f0e8eb;z-index:10;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result-page{min-height:100vh;background:#f7f2ea;padding:5vh 6vw;display:grid;grid-template-columns:1fr 1fr;gap:30px 6vw;max-width:1450px;margin:auto}.result-page>header{align-self:end}.result-page h1,.share-page h1{font:800 clamp(45px,5vw,76px)/1 Manrope;letter-spacing:-.055em;margin:12px 0 18px}.final-preview{height:60vh;min-height:380px;border-radius:28px;padding:16px;background:#fff;transform:rotate(-2deg);box-shadow:0 25px 70px #0000002b;grid-row:span 2;position:relative}.final-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.final-preview span{position:absolute;bottom:-38px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:.25em;font-weight:800}.download-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:end}.download-actions .btn:first-child{grid-column:1/-1}.qr-share{grid-column:1/-1;background:#e7ddff;border-radius:28px;padding:30px;display:flex;align-items:center;gap:35px}.qr-share canvas{width:180px;height:180px;border-radius:15px}.qr-share h2{font:800 30px Manrope;margin:8px 0}.qr-share p{color:#61596e;max-width:570px}.pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:800;letter-spacing:.1em;background:#eee}.pill-good{background:#dcfce7;color:#166534}.pill-warn{background:#fef3c7;color:#92400e}.pill-bad{background:#fee2e2;color:#991b1b}.result-page>footer{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center}.result-page>footer span{font-size:10px;color:#777}.editor-empty{position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;background:#d6d1caeb;padding:24px}.editor-empty strong{font-size:20px}.editor-empty span{font-size:12px;color:#6f6a64}.portrait-guide video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portrait-guide video.mirrored{transform:scaleX(-1)}.portrait-guide .preview-label{z-index:1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}.portrait-guide .preview-label.ready{opacity:.75;font-size:8px;letter-spacing:.22em}.dashboard{min-height:100vh;background:#f5f6f8;display:grid;grid-template-columns:245px 1fr}.dashboard>aside{background:#151515;color:#fff;padding:28px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.dashboard .brand{font-size:11px}.dashboard .brand-mark{width:34px;height:34px}.dashboard nav{display:grid;gap:6px;margin-top:55px}.dashboard nav a{color:#aaa;padding:12px 14px;border-radius:10px;font-size:12px;font-weight:600}.dashboard nav a:first-child{background:#2a2a2a;color:#fff}.side-status{margin-top:auto;font-size:9px;letter-spacing:.12em;color:#aaa}.dashboard-main{padding:42px clamp(25px,4vw,65px);overflow:hidden}.dashboard-main>header{display:flex;justify-content:space-between;align-items:center}.dashboard-main h1{font:800 38px Manrope;letter-spacing:-.04em;margin:8px 0}.dashboard-main header p{color:#777;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.stat-grid article{background:#fff;border:1px solid #e7e7e7;border-radius:18px;padding:20px;position:relative;overflow:hidden}.stat-grid span{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.08em}.stat-grid strong{display:block;font:800 34px Manrope;margin-top:12px}.stat-grid i{position:absolute;right:-12px;bottom:-25px;width:65px;height:65px;border:16px solid #f3f0ff;border-radius:50%}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.system-grid article{background:#fff;border:1px solid #e7e7e7;border-radius:18px;padding:19px}.system-grid article>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.system-grid article>strong{display:block;font-size:14px;margin-top:20px}.system-grid article p{font-size:10px;color:#888}.storage-bar{height:7px;background:#eee;border-radius:9px;margin-top:14px;overflow:hidden}.storage-bar i{display:block;min-width:4px;height:100%;background:#7c3aed}.dashboard-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-actions .btn{min-height:44px;padding:0 20px;font-size:13px}.reset-warn{font-size:12px;font-weight:700;color:#991b1b;max-width:230px;line-height:1.5}.dashboard-notice{margin:18px 0 0;padding:12px 16px;border-radius:12px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-size:13px;font-weight:600}.dashboard-error{margin:18px 0 0;padding:12px 16px;border-radius:12px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;font-size:13px;font-weight:600}.stat-heading{display:flex;align-items:baseline;gap:12px;font:800 13px Manrope;letter-spacing:.02em;text-transform:uppercase;color:#6b7280;margin:30px 0 12px}.stat-heading small{font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;color:#9ca3af}.stat-grid-four{grid-template-columns:repeat(4,1fr)}.recent{margin-top:30px}.recent>header{display:flex;justify-content:space-between;align-items:center}.recent h2{font:800 20px Manrope}.recent header span{font-size:10px;color:#888}.table{margin-top:12px;background:#fff;border:1px solid #e7e7e7;border-radius:18px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:1.4fr 1.2fr 1fr .4fr .7fr .7fr;gap:15px;align-items:center;padding:13px 18px}.table-head{background:#fafafa;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#888}.table-row{border-top:1px solid #eee;font-size:10px}.table-row strong{font-size:10px}.settings-page{min-height:100vh;background:#f5f2eb}.settings-page>header{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.settings-page>header>a{font-size:11px;font-weight:700}.settings-page>section{max-width:1100px;margin:auto;padding:6vh 30px}.settings-page h1{font:800 55px Manrope;letter-spacing:-.05em;margin:8px 0 35px}.settings-page>section>label{display:grid;gap:8px;max-width:420px}.settings-page input,.settings-page select{min-height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid fieldset{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:14px}.settings-grid legend{font:800 15px Manrope;padding:0 6px}.settings-grid label{display:grid;gap:6px;font-size:10px;font-weight:700}.settings-grid .check{display:flex;align-items:center;gap:10px}.settings-grid .check input{min-height:auto;width:20px;height:20px}.settings-page section>.btn{margin-top:25px}.share-page{min-height:100vh;background:#f5f0e8;padding:4vh 7vw}.share-page>header{display:flex;justify-content:space-between}.share-page>section:nth-child(2){text-align:center;margin-top:5vh}.share-page>section:nth-child(2) p{color:#777}.share-media{max-width:900px;margin:20px auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.share-media img{width:100%;max-height:65vh;-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:20px}.share-page>footer{max-width:900px;margin:auto;display:flex;gap:10px;justify-content:center}@media(max-width:900px){.launcher{padding:25px}.launcher-facts{grid-template-columns:repeat(2,1fr)}.launcher-panel{max-width:none}.layout-grid{grid-template-columns:repeat(3,1fr)}.light-workspace{grid-template-columns:1fr}.portrait-guide{display:none}.camera-stage{min-height:45vh}.dashboard{grid-template-columns:78px 1fr}.dashboard>aside{padding:25px 12px}.dashboard nav a{font-size:0;text-align:center}.dashboard .brand>span:last-child,.side-status{display:none}.stat-grid,.system-grid{grid-template-columns:repeat(2,1fr)}.table{overflow:auto}.table-head,.table-row{min-width:750px}.editor-workspace{grid-template-columns:1fr 300px}.editor-tools{grid-template-columns:70px 1fr}.result-page{grid-template-columns:1fr}.final-preview{grid-row:auto;height:55vh}.qr-share{grid-column:auto}.settings-grid{grid-template-columns:1fr}}@media(max-width:960px){.dashboard{grid-template-columns:190px 1fr}.dashboard-actions{justify-content:flex-start;width:100%;margin-top:14px}.stat-grid-four{grid-template-columns:repeat(2,1fr)}.dashboard-main{padding:32px 25px}.stat-grid{grid-template-columns:repeat(3,1fr)}.system-grid{grid-template-columns:1fr}.layout-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.light-workspace{grid-template-columns:minmax(240px,38%) 1fr;gap:28px}.color-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.launcher{padding:22px 18px}.launcher h1{font-size:52px;line-height:1}.launcher-hero{padding:6vh 0}.launcher .lede{font-size:16px}.launcher-actions{flex-direction:column;margin-top:28px}.launcher-actions .btn{width:100%}.launcher>footer{gap:12px;flex-wrap:wrap;font-size:11px}.launcher>footer span:nth-child(2){display:none}.launcher>footer a{width:100%;margin-left:0}.layout-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:55vh}.booth-page{padding:25px 18px}.step-header{gap:12px}.step-header h1{font-size:34px}.step-header p{font-size:15px}.layout-card{min-height:155px;padding:12px}.layout-card strong{font-size:14px}.countdown-options{gap:9px;flex-wrap:wrap}.countdown-options button{width:42vw}.countdown-options strong{font-size:52px}.color-grid{grid-template-columns:repeat(3,1fr)}.lighting-row{flex-wrap:wrap}.lighting-row button{min-width:28%}.review-grid{gap:7px;overflow-x:auto;justify-content:flex-start}.review-grid figure{min-width:42vw}.review-actions{flex-wrap:wrap}.review-actions .btn{flex:1;padding:0 12px}.camera-page{padding:12px}.camera-top{align-items:flex-start}.camera-top h1{font-size:25px}.camera-tools select{max-width:130px}.camera-bottom{grid-template-columns:1fr}.camera-bottom>span,.flip-link{display:none}.shutter{grid-column:1;width:82px;height:82px;margin:auto}.editor-page{padding:10px}.editor-header h1{font-size:22px}.editor-header .eyebrow,.editor-header .btn-secondary{display:none}.editor-workspace{grid-template-columns:1fr;grid-template-rows:1fr 240px}.editor-tools{grid-template-columns:60px 1fr}.editor-tools nav button{font-size:8px}.result-page{padding:25px 18px}.result-page h1{font-size:40px}.final-preview{min-height:320px;height:48vh}.download-actions{grid-template-columns:1fr}.download-actions .btn:first-child{grid-column:auto}.qr-share{flex-direction:column;text-align:center}.qr-share canvas{width:160px;height:160px}.dashboard{grid-template-columns:1fr}.dashboard>aside{position:static;height:auto;padding:16px 18px;flex-direction:row;align-items:center}.dashboard nav,.dashboard .brand>span:last-child{display:none}.dashboard-main{padding:25px 16px}.dashboard-main>header .btn{display:none}.dashboard-main h1{font-size:32px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.stat-grid article{padding:16px}.stat-grid strong{font-size:27px}.system-grid{grid-template-columns:1fr}.recent{overflow:hidden}.recent>header{align-items:flex-start}.table{overflow-x:auto}.table-head,.table-row{min-width:700px}.settings-page>section{padding:40px 18px}.settings-page h1{font-size:43px}.settings-grid,.share-media{grid-template-columns:1fr}.share-page>footer{flex-direction:column}}.camera-preview-state{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;background:radial-gradient(circle,#1c1c1c66,#000000b8);z-index:1;pointer-events:none;transition:opacity .35s}.camera-preview-state.is-ready{opacity:0}.camera-preview-state strong{font-size:18px}.camera-preview-state small{color:#c7c7c7;font-size:11px}.camera-preview-icon{font-size:38px;color:var(--coral)}.camera-preview-state~.camera-status{z-index:2}.review-grid figcaption{right:10px;display:flex;justify-content:space-between;gap:8px}.review-grid figcaption small{opacity:.75;font-size:8px}html{scroll-behavior:smooth}.booth-screen{min-height:100vh;animation:booth-enter .42s cubic-bezier(.22,1,.36,1) both}.booth-screen main{animation:booth-enter .42s cubic-bezier(.22,1,.36,1) both}@keyframes booth-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.booth-screen,.booth-screen main{animation:none}}.lighting-mood{height:min(53vh,560px);border-radius:32px;position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:0 24px 55px #2e231c1f;isolation:isolate;transition:background-color .35s}.lighting-mood:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.72),transparent 28%),radial-gradient(circle at 75% 72%,rgba(255,255,255,.3),transparent 32%);z-index:-1}.lighting-mood-glow{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;filter:blur(45px);opacity:.4;z-index:-1;transition:background-color .35s}.lighting-mood-card{width:min(68%,300px);padding:28px 26px;border-radius:24px;background:#ffffffb8;border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 35px #2a1e141f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;gap:10px;transform:rotate(-3deg)}.lighting-mood-card strong{font-size:23px;line-height:1.3}.lighting-mood-value{display:flex;align-items:center;gap:8px;color:#625b54;font-size:12px;font-weight:700}.lighting-mood-value i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 4px #fff9}.lighting-mood-note{position:absolute;bottom:22px;font-size:10px;font-weight:700;color:#625b54;letter-spacing:.04em}.light-controls{padding:4px 0}.light-controls h3{margin-top:0}.mirror-toggle{margin-top:27px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:#ffffff94;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px}.mirror-toggle input{accent-color:var(--coral);width:17px;height:17px}.result-page{min-height:100vh;padding:clamp(24px,5vw,76px);background:radial-gradient(circle at 15% 10%,#ffe4dc 0,transparent 28%),radial-gradient(circle at 90% 80%,#e6ddff 0,transparent 30%),var(--cream);display:grid;place-items:center}.result-shell{width:min(1120px,100%);display:grid;gap:30px}.result-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.result-header h1{font-size:clamp(36px,5vw,66px);line-height:1.05;margin:10px 0 8px;letter-spacing:-.04em}.result-header p{color:var(--muted);margin:0}.result-session-badge{min-width:145px;padding:15px 18px;border:1px solid var(--line);border-radius:18px;background:#ffffffa6;display:grid;gap:3px;text-align:right}.result-session-badge span,.result-session-badge small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.result-session-badge strong{font-size:17px}.result-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:stretch}.result-photo-card,.qr-share{border:1px solid rgba(23,23,23,.08);border-radius:30px;background:#ffffffd1;box-shadow:0 24px 65px #2f261e1a;overflow:hidden}.result-photo-card{padding:14px}.final-preview{position:relative;min-height:430px;height:min(64vh,620px);border-radius:22px;background:#eee9e2;overflow:hidden;display:grid;place-items:center}.final-preview img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.final-preview:after{content:"FINAL MEMORY";position:absolute;left:18px;top:18px;padding:8px 11px;border-radius:999px;background:#ffffffd1;font-size:9px;font-weight:800;letter-spacing:.14em}.final-preview>span{display:none}.result-photo-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 8px 5px}.result-photo-meta div{display:grid;gap:5px}.result-photo-meta strong{font-size:14px}.qr-share{padding:24px;display:grid;grid-template-columns:1fr;align-content:center;gap:23px}.qr-wrap{display:grid;justify-items:center;gap:13px}.qr-frame{padding:17px;border-radius:24px;background:#fff;box-shadow:0 12px 25px #1717171a;line-height:0}.qr-frame canvas{display:block;width:248px;height:248px;max-width:100%;image-rendering:pixelated}.qr-wrap>span{font-size:10px;color:var(--muted);font-weight:700}.qr-copy h2{font-size:27px;line-height:1.18;margin:9px 0 10px}.qr-copy p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 16px}.result-footer{display:flex;align-items:center;gap:17px}.result-footer>span{font-size:11px;color:var(--muted)}.camera-status{position:absolute;z-index:3;left:22px;bottom:106px;color:#fff;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700}.camera-status i{width:7px;height:7px;border-radius:50%;background:#f59e0b}.camera-status i.ready{background:#4ade80}.camera-bottom{position:absolute;z-index:3;left:22px;right:22px;bottom:21px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:14px;color:#fff}.camera-bottom-meta{display:grid;gap:5px;font-size:11px;font-weight:800}.camera-bottom-meta small{font-size:9px;font-weight:500;opacity:.65}.shutter{width:82px;height:82px;border:5px solid rgba(255,255,255,.9);border-radius:50%;background:var(--coral);display:grid;place-items:center;box-shadow:0 8px 25px #0000004d;transition:transform .2s,box-shadow .2s}.shutter i{width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px var(--coral)}.shutter:disabled{opacity:.55}.shutter:not(:disabled):hover{transform:scale(1.06);box-shadow:0 12px 32px #ff6b4a6b}.flip-link{justify-self:end;border:0;background:#ffffff24;color:#fff;padding:12px 15px;border-radius:999px;font-size:10px;font-weight:700}.flip-link:disabled{opacity:.45}.camera-side-panel{border-radius:28px;background:#ffffffc7;border:1px solid rgba(255,255,255,.85);box-shadow:0 20px 45px #2f261e14;padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.camera-side-kicker{font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--coral)}.camera-side-panel h2{font-size:25px;line-height:1.2;margin:10px 0}.camera-side-panel p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.shot-progress{display:flex;gap:8px;margin:22px 0}.shot-progress i{width:28px;height:7px;border-radius:999px;background:#e7e0d8;transition:background-color .25s,transform .25s}.shot-progress i.done{background:var(--coral)}.shot-progress i.current{background:#ffb3a1;transform:scaleY(1.35)}.camera-side-details{display:grid;gap:11px;padding-top:18px;border-top:1px solid var(--line)}.camera-side-details span{font-size:10px;color:var(--muted)}.camera-side-details strong{font-size:13px;margin-top:-8px}.camera-tip{display:flex;gap:9px;padding:13px;border-radius:16px;background:#fff8f4;color:#8a5142;font-size:10px;line-height:1.5}.camera-tip b{font-size:15px}.camera-error{max-width:680px;margin:0 auto}.capture-flash{position:absolute;inset:0;z-index:5;background:#fff;animation:camera-flash .18s ease-out both}.countdown-overlay{position:absolute;inset:0;z-index:6;display:grid;place-content:center;text-align:center;background:#0a090847;color:#fff}.countdown-overlay strong{font:800 clamp(86px,14vw,180px)/.9 Manrope;text-shadow:0 8px 30px rgba(0,0,0,.28)}.countdown-overlay span{font-size:12px;font-weight:800;letter-spacing:.2em;margin-top:18px}.capturing-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:#0a090840;color:#fff;font-weight:800;letter-spacing:.1em}@keyframes camera-flash{0%{opacity:.95}to{opacity:0}}@keyframes count{0%{transform:scale(1.3);opacity:0}30%{opacity:1}to{transform:scale(.85);opacity:.8}}.camera-stage{align-self:start!important;min-height:0!important}.camera-page{min-height:100vh;padding:clamp(18px,3.5vw,48px);background:var(--camera-bg,#f5f0e8);display:grid;place-items:center;overflow:hidden}.camera-shell{width:min(1320px,100%);display:grid;gap:22px}.camera-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.camera-heading h1{font-size:clamp(28px,4vw,50px);line-height:1.08;letter-spacing:-.04em;margin:8px 0}.camera-heading p{color:var(--muted);margin:0}.camera-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.camera-status-chip{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:#ffffffb3;border:1px solid var(--line);font-size:11px;font-weight:800}.camera-status-chip i{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.camera-status-chip i.loading{background:#f59e0b}.camera-tools{display:flex;align-items:center;gap:8px}.camera-tools select{height:45px;max-width:190px;border:1px solid var(--line);border-radius:999px;padding:0 15px;background:#ffffffb3;font-size:11px}.camera-reconnect{min-height:45px!important;padding:0 17px!important;font-size:11px!important}.camera-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:stretch}.camera-stage{min-height:min(72vh,720px);position:relative;overflow:hidden;border-radius:30px;background:#1b1917;box-shadow:0 30px 70px #1d171233;isolation:isolate}.camera-stage video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.camera-stage video.mirrored{transform:scaleX(-1)}.camera-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,8,.52),transparent 28%,transparent 62%,rgba(10,9,8,.76));z-index:1;pointer-events:none}.camera-stage-top{position:absolute;z-index:4;inset:20px 22px auto;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em}.camera-stage-top>span{opacity:.72;letter-spacing:.04em}.live-label{display:flex;align-items:center;gap:8px}.live-label i{width:7px;height:7px;border-radius:50%;background:#ff6b4a;box-shadow:0 0 0 5px #ff6b4a38}.camera-lighting{position:absolute;inset:0;z-index:2;mix-blend-mode:screen;opacity:.12;pointer-events:none;transition:background-color .3s}.camera-preview-state{position:absolute;inset:0;z-index:3;display:grid;place-content:center;text-align:center;gap:8px;background:radial-gradient(circle,#221c1761,#0a0908c7);color:#fff}.camera-preview-state strong{font-size:19px}.camera-preview-state small{font-size:11px;color:#d6d0cb}.camera-preview-icon{font-size:42px;color:var(--coral)}.camera-quick-options{display:flex;gap:8px}.camera-quick-options button{min-height:42px;padding:0 14px;border:1px solid rgba(23,23,23,.14);border-radius:12px;background:#ffffffbf;color:var(--ink);font-size:12px;font-weight:800}.camera-quick-options button.selected{background:var(--ink);border-color:var(--ink);color:#fff}.camera-quick-options button:disabled{opacity:.5}.camera-stage{aspect-ratio:var(--capture-ratio, 4 / 3);width:min(100%,calc(min(72vh,720px) * var(--capture-ratio, 1.333)));min-height:0;justify-self:center}.live-crop-preview{position:absolute;inset:0;width:100%;height:100%;display:block;-o-object-fit:fill;object-fit:fill;z-index:0}.camera-layout-picker{padding:14px;border:1px solid rgba(23,23,23,.08);border-radius:18px;background:#ffffff94}.camera-layout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:230px;overflow:auto;padding:2px}.camera-layout-options button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:7px 4px 6px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);text-align:center}.camera-layout-options button:hover:not(:disabled){background:#ff6b4a0f}.camera-layout-options button.selected{border-color:var(--coral);box-shadow:0 0 0 1px #ff6b4a1f;background:#fff}.camera-layout-options button:disabled{opacity:.55;cursor:not-allowed}.camera-layout-options strong{font-size:10px;line-height:1.15;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.camera-layout-options small{font-size:9px;color:var(--muted)}.camera-layout-mini{position:relative;width:58px;height:58px;border:0;background:#e8e8e8;border-radius:9px;overflow:hidden;flex:none}.camera-layout-mini.landscape{width:58px;height:58px}.camera-layout-mini i{position:absolute;background:#a6a6a6;border:1px solid #f7f7f7}.camera-layout-options button.selected .camera-layout-mini i{background:#999}.camera-layout-options button:focus-visible{outline:2px solid var(--coral);outline-offset:1px}@media(max-width:900px){.camera-layout{grid-template-columns:1fr}.camera-side-panel{display:grid;grid-template-columns:1fr auto;align-items:center}.camera-side-panel>.camera-side-copy{grid-row:span 2}.shot-progress{margin:0;grid-column:2}.camera-side-details{grid-column:2;grid-template-columns:auto auto;gap:4px 10px}.camera-side-details span{grid-column:1/-1}.camera-side-details strong{margin:0}.camera-tip{grid-column:1/-1}}@media(max-width:640px){.camera-page{padding:14px;overflow:visible}.camera-header{display:grid;align-items:start}.camera-header-actions{justify-content:flex-start}.camera-tools{width:100%}.camera-tools select{flex:1;max-width:none}.camera-layout{gap:12px}.camera-stage{min-height:67vh;border-radius:24px}.camera-stage-top{inset:16px 16px auto}.camera-bottom{left:16px;right:16px;bottom:16px;grid-template-columns:1fr}.camera-bottom-meta{display:none}.flip-link{justify-self:center}.camera-side-panel{padding:20px;display:flex}.camera-side-panel h2{font-size:21px}.result-page{padding:22px 15px}.result-header{display:grid;align-items:start}.result-session-badge{text-align:left}.result-grid{grid-template-columns:1fr}.final-preview{min-height:360px;height:58vh}.result-footer{align-items:flex-start;flex-direction:column}.result-footer .btn{width:100%}.qr-share{padding:20px}.qr-frame canvas{width:210px;height:210px}.booth-screen{min-height:100dvh}}.camera-page{color:var(--ink)}.camera-heading p{color:#625e59;line-height:1.6}.camera-stage{background:#181512}.camera-preview-state{z-index:5;background:#14110ed1;color:#fff}.camera-preview-state small{color:#e3ddd5}.camera-error{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:24px;background:#14110ed6;color:#171717}.camera-error .error-panel{width:min(100%,560px)}.camera-status-chip i:not(.ready){background:#f59e0b}.camera-status-chip i.denied,.camera-status-chip i.unavailable,.camera-status-chip i.disconnected,.camera-status-chip i.error{background:#dc2626;box-shadow:0 0 0 4px #dc26261f}.review-page{height:100dvh;min-height:680px;padding:clamp(24px,4vw,56px);background:#f5f0e8;color:var(--ink);overflow:auto}.review-page>.review-header{width:min(1180px,100%);margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;text-align:left}.review-header h1{margin:8px 0;font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.035em}.review-header p{margin:0;color:#625e59;font-size:15px;line-height:1.65}.review-count{flex:0 0 auto;min-width:150px;padding:16px 20px;border:1px solid rgba(23,23,23,.12);border-radius:20px;background:#ffffffb8;display:grid;text-align:right}.review-count strong{font-size:30px;line-height:1}.review-count small{margin-top:5px;color:#716e69;font-size:10px;font-weight:700}.review-grid{width:min(1180px,100%);margin:clamp(26px,4vh,48px) auto;display:grid;grid-template-columns:repeat(var(--review-columns,4),minmax(0,1fr));gap:16px}.review-count-1{grid-template-columns:minmax(0,420px);justify-content:center}.review-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid .review-photo{min-width:0;max-height:none;aspect-ratio:auto;margin:0;overflow:hidden;border:1px solid rgba(23,23,23,.1);border-radius:20px;background:#ffffffc7;box-shadow:0 12px 30px #2f261e17}.review-photo-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(135deg,#e8e1d8,#cfc7bd)}.review-photo-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 22%,transparent 72%,rgba(0,0,0,.2));pointer-events:none}.review-photo img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .25s ease,transform .35s ease}.review-photo.ready img{opacity:1;transform:scale(1)}.review-photo-number{position:absolute;z-index:2;top:12px;left:12px;min-width:34px;height:34px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:#14110eb8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:800}.review-image-state{position:absolute;z-index:1;inset:0;display:grid;place-items:center;padding:16px;color:#625e59;font-size:11px;font-weight:700;text-align:center}.review-photo.ready .review-image-state{display:none}.review-photo.error .review-image-state{color:#b91c1c}.review-photo figcaption{position:static;min-height:62px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:inherit;border-radius:0;background:none}.review-photo figcaption>span{display:grid;gap:3px}.review-photo figcaption b{font-size:12px}.review-photo figcaption small{color:#716e69;font-size:9px}.review-actions{width:min(1180px,100%);margin:auto auto 0;padding-top:22px;border-top:1px solid rgba(23,23,23,.1);display:flex;align-items:center;justify-content:flex-end;gap:10px}.review-actions>div{margin-right:auto;display:grid;gap:4px}.review-actions>div strong{font-size:13px}.review-actions>div small{color:#716e69;font-size:10px}.review-actions .btn{min-height:48px}.editor-page{color:var(--ink)}.canvas-wrap{background:#d8d2ca;transition:background .2s}.canvas-wrap:before{content:"";position:absolute;inset:20px;border:1px dashed rgba(23,23,23,.16);border-radius:16px;pointer-events:none}.canvas-wrap canvas{position:relative;z-index:1;background:#eee9e2}.canvas-wrap.preview-loading canvas{opacity:.35}.preview-state{position:absolute;z-index:3;inset:0;display:grid;place-items:center;pointer-events:none}.canvas-wrap:not(.preview-loading):not(.preview-error) .preview-state{display:none}.preview-state span{padding:10px 16px;border-radius:999px;background:#ffffffe6;color:#625e59;box-shadow:0 8px 24px #1717171f;font-size:11px;font-weight:700}.canvas-wrap.preview-error .preview-state span{color:#b91c1c}@media(max-width:960px){.review-page{height:auto;min-height:100dvh}.review-actions{flex-wrap:wrap}.review-actions>div{width:100%;margin:0 0 8px}}@media(max-width:680px){.review-page{padding:24px 16px}.review-header{align-items:flex-start}.review-header p{font-size:13px}.review-count{min-width:86px;padding:12px;border-radius:16px}.review-count strong{font-size:24px}.review-grid{--review-columns:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;margin:24px auto;overflow:visible}.review-photo{border-radius:15px}.review-photo figcaption{min-height:54px;padding:9px 10px}.review-photo figcaption>small{display:none}.review-actions{display:grid;grid-template-columns:1fr 1fr}.review-actions>div{grid-column:1/-1}.review-actions .btn:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.review-photo img{transition:none}}.editor-page{min-height:100svh!important;height:100svh;padding:clamp(16px,2.2vw,32px) clamp(16px,3.5vw,56px);background:radial-gradient(circle at 8% 8%,rgba(255,184,161,.28),transparent 26%),radial-gradient(circle at 92% 88%,rgba(211,198,255,.32),transparent 28%),#f1ede7;overflow:hidden}.editor-header{margin-bottom:clamp(12px,1.6vw,22px);align-items:center}.editor-header>div:first-child{display:grid;gap:2px}.editor-header .eyebrow{color:#a55340;font-size:10px;letter-spacing:.16em}.editor-header h1{font-size:clamp(26px,2.4vw,38px);letter-spacing:-.045em;margin:0}.editor-header>div:last-child{gap:8px!important}.editor-header .btn{min-height:46px}.editor-header .btn-ghost{color:#6d665e}.editor-workspace{grid-template-columns:minmax(0,1fr) minmax(350px,390px);gap:20px}.canvas-wrap{border-radius:30px;padding:clamp(30px,4vw,54px);background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 38%),radial-gradient(circle at 50% 40%,#403b36,#1d1a18 72%);box-shadow:0 28px 70px #30271f2e,inset 0 1px #ffffff14;isolation:isolate}.canvas-wrap:before{inset:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px}.canvas-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 20%,transparent 72%,rgba(0,0,0,.22));pointer-events:none;z-index:0}.canvas-wrap canvas{z-index:1;max-width:92%;max-height:92%;border-radius:6px;box-shadow:0 28px 55px #00000061,0 0 0 8px #ffffff0a}.editor-stage-toolbar{position:absolute;z-index:4;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#ffffffb8;font-size:9px;font-weight:800;letter-spacing:.16em;pointer-events:none}.editor-stage-toolbar span{display:flex;align-items:center;gap:8px}.editor-stage-toolbar i{width:7px;height:7px;border-radius:50%;background:#ff7659;box-shadow:0 0 0 5px #ff765929}.editor-stage-hint{position:absolute;z-index:3;bottom:18px;left:50%;transform:translate(-50%);padding:8px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#1916148a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffad;font-size:10px;white-space:nowrap;pointer-events:none}.canvas-wrap.preview-loading .editor-stage-hint{opacity:0}.editor-tools{border:1px solid rgba(23,23,23,.08);border-radius:28px;background:#ffffffdb;box-shadow:0 20px 55px #2f261e1a;grid-template-columns:92px 1fr}.editor-tools nav{padding:14px 8px;background:linear-gradient(180deg,#fbfaf8,#f2eee8);border-right:1px solid rgba(23,23,23,.07);gap:6px}.editor-tools nav button{min-height:64px!important;padding:8px 3px;border-radius:16px;color:#746c64;font-size:9px;text-transform:none;letter-spacing:0;display:grid;place-items:center;gap:5px;transition:background .18s,color .18s,transform .18s}.editor-tools nav button:hover{background:#ffffffe6;transform:translateY(-1px)}.editor-tools nav button.active{background:#201c19;color:#fff;box-shadow:0 8px 18px #201c192e}.editor-tools nav button:focus-visible{outline:3px solid #ff8b70;outline-offset:2px}.tool-icon{font-family:Georgia,serif;font-size:22px;line-height:1;font-weight:400}.editor-tools nav button span:last-child{max-width:74px;text-align:center;line-height:1.25}.tool-panel{padding:24px 20px 22px;background:#ffffffad}.tool-panel h3{font-family:inherit;font-size:21px;letter-spacing:-.03em;margin-bottom:7px}.tool-panel>p{margin:0 0 16px;color:#81776d;font-size:12px;line-height:1.6}.category-filter{gap:7px;padding:3px 1px 12px;margin-bottom:9px;background:transparent;position:static}.category-pill{min-height:36px;padding:0 12px;font-size:11px;border-radius:999px;background:#f7f4ef;color:#70685f}.category-pill.active{background:#ff7355;border-color:#ff7355;box-shadow:0 6px 14px #ff735538}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:none;overflow:visible}.asset-grid button,.filter-list button{min-height:104px;border:1px solid rgba(23,23,23,.08);border-radius:16px;background:#fbfaf8;padding:10px;color:#554e47;transition:transform .18s,box-shadow .18s,border-color .18s}.asset-grid button:hover,.filter-list button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2f261e17}.asset-grid button.selected,.filter-list button.selected{outline:3px solid #ff7355;outline-offset:2px;border-color:transparent;background:#fff8f5}.asset-grid img{height:64px}.filter-list{gap:10px}.filter-list button{min-height:112px;font-size:11px}.filter-list img{height:78px;border-radius:10px}.mini-controls{border:1px solid rgba(23,23,23,.08)!important;background:#faf8f4!important;border-radius:16px!important;padding:16px!important}.mini-controls label,.tool-panel>label{font-size:11px;gap:7px;color:#554e47}.text-input,.tool-panel select{background:#fff;border-color:#1717171f;min-height:46px!important}.photo-picker{flex-wrap:wrap}.photo-picker button{min-width:52px!important;min-height:42px!important;border-radius:12px!important;background:#f7f4ef}.photo-picker button.selected{background:#201c19;box-shadow:0 5px 12px #201c1929}.preview-state span{font-size:12px;background:#fffffff0;padding:11px 17px}.editor-processing{background:#1d1916d1;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.editor-processing .loader{color:#fff}.canvas-stage-box{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:92%;max-height:92%;border-radius:6px;box-shadow:0 28px 55px #00000061,0 0 0 8px #ffffff0a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-stage-box canvas{display:block;border-radius:6px;max-width:100%;max-height:100%;box-shadow:none!important}.canvas-interactive-overlay{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:5}.interactive-item{position:absolute;pointer-events:auto;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transform-origin:center center;transition:box-shadow .12s ease}.interactive-item:active{cursor:grabbing}.interactive-item.selected{outline:2px dashed #ff7355;outline-offset:4px;border-radius:4px}.transform-handle{position:absolute;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:pointer;box-shadow:0 4px 10px #0000004d;z-index:20}.handle-scale{right:-13px;bottom:-13px;background:#ff7355;color:#fff;cursor:nwse-resize}.handle-rotate{top:-34px;left:50%;transform:translate(-50%);background:#201c19;color:#fff;cursor:grab}.handle-rotate:before{content:"";position:absolute;top:24px;left:50%;transform:translate(-50%);width:2px;height:10px;background:#201c19}.handle-delete{top:-13px;right:-13px;background:#ef4444;color:#fff}.handle-duplicate{bottom:-13px;left:-13px;background:#3b82f6;color:#fff}.handle-flip{top:-13px;left:-13px;background:#8b5cf6;color:#fff}.floating-element-toolbar{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:6px;background:#1c1917eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 14px;border-radius:999px;box-shadow:0 10px 30px #00000059;color:#fff;white-space:nowrap}.floating-toolbar-btn{background:transparent;border:0;color:#fff;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .15s}.floating-toolbar-btn:hover{background:#ffffff2e}.floating-toolbar-btn.danger:hover{background:#ef444459;color:#fca5a5}.font-family-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px}.font-pill{padding:10px 8px;border:1px solid rgba(23,23,23,.1);border-radius:12px;background:#fff;color:#26221f;text-align:center;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:2px}.font-pill:hover{transform:translateY(-1px);border-color:#ff7355}.font-pill.selected{outline:2px solid #ff7355;border-color:transparent;background:#fff8f5}.font-pill-preview{font-size:18px;line-height:1.2}.font-pill-name{font-size:9px;color:#78716c}.style-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.style-pill{padding:8px 4px;border:1px solid rgba(23,23,23,.1);border-radius:10px;background:#fff;font-size:11px;font-weight:700;cursor:pointer;text-align:center;transition:all .15s}.style-pill:hover{border-color:#ff7355}.style-pill.selected{background:#201c19;color:#fff;border-color:#201c19}.color-palette-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.color-swatch-dot{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 6px #0000002e;cursor:pointer;transition:transform .15s,outline .15s}.color-swatch-dot:hover{transform:scale(1.15)}.color-swatch-dot.selected{outline:3px solid #ff7355;outline-offset:1px;transform:scale(1.1)}@media(max-width:900px){.editor-page{height:auto;min-height:100svh;overflow:auto;padding:14px}.editor-workspace{grid-template-columns:1fr;grid-template-rows:minmax(420px,1fr) auto;overflow:visible}.canvas-wrap{min-height:52svh}.editor-tools{grid-template-columns:1fr;grid-template-rows:auto minmax(220px,auto)}.editor-tools nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(23,23,23,.07);padding:8px;gap:5px}.editor-tools nav button{min-width:76px;min-height:58px!important}.tool-panel{max-height:330px;overflow:auto}}@media(max-width:620px){.editor-header{align-items:flex-start;gap:10px}.editor-header>div:last-child{flex-wrap:wrap;justify-content:flex-end;max-width:235px}.editor-header .btn-secondary{display:none}.editor-header .btn{min-height:42px;padding:0 13px;font-size:12px}.editor-header .btn-primary{min-width:110px!important}.editor-workspace{grid-template-rows:minmax(300px,52svh) auto}.canvas-wrap{min-height:300px;border-radius:22px;padding:28px 18px}.canvas-wrap:before{inset:12px;border-radius:16px}.editor-stage-toolbar{top:16px;left:17px;right:17px;font-size:8px}.editor-stage-hint{bottom:12px;font-size:9px;max-width:calc(100% - 36px);overflow:hidden;text-overflow:ellipsis}.editor-tools{border-radius:22px}.editor-tools nav button{min-width:70px;min-height:55px!important;font-size:9px}.tool-icon{font-size:19px}.tool-panel{padding:18px 15px;max-height:360px}.category-filter{overflow-x:auto}}@media(prefers-reduced-motion:reduce){.editor-tools nav button,.asset-grid button,.filter-list button{transition:none}}.result-page{min-height:100svh!important;height:100svh!important;padding:clamp(20px,4vw,56px)!important;background:#171513!important;color:#f8f3ed!important;display:grid!important;place-items:center!important;overflow:hidden!important}.result-shell{width:min(1400px,calc(100vw - 80px));height:100%;grid-template-rows:auto minmax(0,1fr) auto!important;gap:18px!important}.result-header{align-items:flex-end!important}.result-header h1{font-size:clamp(42px,6vw,82px)!important;line-height:.98!important;letter-spacing:-.075em!important;margin:10px 0 14px!important}.result-header p{font-size:15px;color:#bdb3aa!important}.result-header .eyebrow{color:#ff8366!important;letter-spacing:.18em}.result-session-badge{min-width:132px!important;padding:13px 0!important;text-align:right!important;border:0!important;background:transparent!important;color:#f8f3ed!important}.result-session-badge strong{font-size:30px!important;line-height:1!important;font-weight:500!important;letter-spacing:-.04em}.result-shot-label{font-size:10px;color:#a69b91;letter-spacing:.15em;text-transform:uppercase}.result-grid{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;gap:20px!important;min-height:0!important}.result-photo-card,.qr-share{border-radius:28px!important;box-shadow:0 24px 70px #0000003d!important}.result-photo-card{padding:10px!important;background:#f4eee7!important;color:#171513!important}.final-preview{height:100%!important;min-height:0!important;border-radius:20px!important;transform:none!important;background:#d8d0c7!important}.final-preview:after{content:"รูปของคุณ"!important;left:16px!important;top:16px!important;font-size:9px!important;letter-spacing:.12em!important;background:#171513b8!important;color:#fff!important}.result-photo-meta{padding:16px 8px 7px!important;margin-top:0!important}.result-photo-meta .eyebrow{color:#9d5d4c!important}.result-photo-meta strong{font-size:17px!important;font-weight:700}.qr-share{padding:clamp(20px,3.5vw,42px)!important;display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:20px!important;background:#f4eee7!important;color:#171513!important;position:relative!important;overflow:hidden!important;min-height:0!important}.qr-share:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-100px;background:#ffc2ae;opacity:.8}.qr-share>*{position:relative;z-index:1}.qr-wrap{gap:13px!important}.qr-step{align-self:flex-start;color:#b86650;font:700 12px/1 Georgia,serif;letter-spacing:.1em}.qr-frame{padding:18px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 32px #2c211b29!important}.qr-frame canvas{width:min(255px,100%)!important;height:auto!important;aspect-ratio:1!important}.qr-wrap>span{font-size:11px!important;text-align:center;color:#71675f!important;font-weight:700}.qr-copy{padding-top:4px}.qr-copy .eyebrow{color:#b86650!important;letter-spacing:.16em}.qr-copy h2{font-size:clamp(30px,3.2vw,46px)!important;line-height:1!important;letter-spacing:-.065em!important;margin:10px 0 13px!important}.qr-copy p{font-size:13px!important;line-height:1.7!important;margin-bottom:18px!important;color:#71675f!important;max-width:300px}.qr-ready{display:flex;align-items:center;gap:8px;color:#3d7657;font-size:11px;font-weight:800}.qr-ready i{width:8px;height:8px;border-radius:50%;background:#52a477;box-shadow:0 0 0 5px #52a47721}.result-footer{margin-top:0!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.16)!important}.result-footer .btn{min-height:54px!important;min-width:210px!important;background:#ff7658!important;color:#fff!important;box-shadow:0 10px 28px #ff76583d!important}.result-footer>span{font-size:12px!important;color:#a69b91!important}@media(max-width:560px){.result-page{height:auto!important;min-height:100svh!important;padding:20px 15px!important;place-items:start center!important;overflow:auto!important}.result-shell{width:100%;height:auto;grid-template-rows:auto!important}.result-header{align-items:flex-start!important;display:grid!important;gap:14px!important}.result-session-badge{text-align:left!important;display:flex!important;align-items:flex-start!important;width:-moz-max-content;width:max-content;padding:0!important}.result-grid{grid-template-columns:1fr!important}.final-preview{height:48svh!important;min-height:270px!important}.qr-share{grid-template-columns:1fr!important;text-align:center!important;gap:16px!important}.qr-copy{display:grid;justify-items:center}.qr-copy p{max-width:310px}.result-footer{flex-direction:column!important;align-items:stretch!important;text-align:center}.result-footer .btn{width:100%!important}}@media(min-width:561px)and (max-height:780px){.result-page{padding-top:22px!important;padding-bottom:22px!important}.result-header h1{font-size:clamp(34px,5vw,64px)!important}.result-grid{gap:14px!important}.qr-share{padding:20px!important;gap:12px!important}.qr-frame{padding:12px!important}.qr-frame canvas{width:min(205px,100%)!important}}.receive-page{min-height:100svh;overflow-y:auto;background:#151311 radial-gradient(circle at 80% 20%,rgba(255,107,74,.08),transparent 50%);color:#f8f3ed;padding:clamp(16px,2.5vw,36px) clamp(20px,4vw,64px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.receive-shell{width:min(1360px,100%);display:flex;flex-direction:column;gap:clamp(16px,2.2vw,28px);margin:auto}.receive-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}.receive-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:.03em}.receive-brand-mark{width:36px;height:36px;border-radius:12px;background:#ff6b4a;color:#fff;display:grid;place-items:center;font:700 20px Georgia,serif;transform:rotate(-6deg);box-shadow:0 8px 20px #ff6b4a47}.receive-count{display:grid;justify-items:end;gap:2px;color:#a69b91}.receive-count span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.receive-count strong{font-size:18px;color:#f8f3ed;font-weight:700}.receive-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr);gap:clamp(20px,3vw,42px);align-items:stretch}.receive-photo-side{min-width:0;display:flex;flex-direction:column;gap:16px}.receive-kicker{display:inline-block;color:#ff8063;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}.receive-heading h1{font-size:clamp(38px,4.8vw,68px);line-height:.98;letter-spacing:-.06em;margin:6px 0 10px;font-weight:800}.receive-heading h1 em{font-family:Georgia,serif;font-weight:400;color:#ff8063;font-style:italic}.receive-heading p{margin:0;color:#bdb3aa;font-size:14px;line-height:1.6}.receive-photo-frame{position:relative;flex:1;min-height:380px;max-height:calc(100svh - 260px);display:flex;align-items:center;justify-content:center;padding:clamp(12px,1.6vw,22px);border-radius:28px;background:#eee7de;box-shadow:0 25px 70px #00000059;overflow:hidden}.receive-photo-frame:before{content:"";position:absolute;inset:10px;border:1px solid rgba(23,21,19,.12);border-radius:20px;pointer-events:none;z-index:1}.receive-photo-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:14px;box-shadow:0 8px 30px #00000024}.receive-photo-label{position:absolute;z-index:2;left:24px;top:24px;padding:6px 12px;border-radius:999px;background:#171513c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:9px;letter-spacing:.15em;font-weight:800}.receive-qr-side{position:relative;border-radius:28px;padding:clamp(24px,3vw,42px);background:#f4ede4;color:#1d1916;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2vw,24px);overflow:hidden;box-shadow:0 25px 70px #00000047}.receive-qr-side:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-160px;top:-150px;background:radial-gradient(circle,#ffcdbe,transparent 70%);pointer-events:none}.receive-qr-side:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;left:-120px;bottom:-100px;background:radial-gradient(circle,#ddd4ff,transparent 70%);pointer-events:none}.receive-qr-side>*{position:relative;z-index:1}.receive-qr-intro{width:100%;display:flex;align-items:flex-start;gap:16px}.receive-step{color:#b76851;font:700 13px Georgia,serif;padding-top:2px}.receive-qr-intro h2{font-size:clamp(28px,2.8vw,44px);line-height:1;letter-spacing:-.06em;margin:6px 0 0;font-weight:800}.receive-qr-box{padding:clamp(14px,1.8vw,20px);background:#fff;border-radius:24px;line-height:0;box-shadow:0 16px 36px #32241c24}.receive-qr-box canvas{display:block;width:240px!important;height:240px!important;max-width:100%;aspect-ratio:1;image-rendering:pixelated}.receive-instructions{width:100%;display:flex;flex-direction:column;gap:8px;background:#ffffff8c;border:1px solid rgba(23,21,19,.06);border-radius:18px;padding:12px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.receive-instruction-item{display:flex;align-items:center;gap:12px;font-size:13px;color:#554d46;line-height:1.4}.receive-instruction-item .step-num{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ff6b4a;color:#fff;font-size:11px;font-weight:800;flex-shrink:0}.receive-instruction-item b{color:#1d1916;font-weight:700}.receive-qr-status{display:flex;align-items:center;gap:8px;color:#2d6a4f;font-size:11px;font-weight:800;letter-spacing:.04em}.receive-qr-status i{width:8px;height:8px;border-radius:50%;background:#40916c;box-shadow:0 0 0 5px #40916c29;animation:pulse-dot 1.8s infinite}@keyframes pulse-dot{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}.receive-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:#a69b91;font-size:13px}.receive-footer-info span{font-weight:600;color:#d1c8c0}.receive-next-btn{min-height:52px;min-width:220px;background:#ff6b4a!important;color:#fff!important;font-size:16px!important;font-weight:800!important;border-radius:999px;box-shadow:0 12px 30px #ff6b4a52!important;transition:transform .18s,box-shadow .18s!important}.receive-next-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #ff6b4a66!important}.receive-next-btn:active{transform:scale(.98)}.receive-next-btn b{font-size:18px;margin-left:6px}.receive-waiting{max-width:520px;background:#1e1b18cc;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:40px 32px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 70px #0006}.receive-waiting h2{font-size:28px;margin:10px 0 14px;color:#f8f3ed;letter-spacing:-.04em}.receive-waiting p{color:#bdb3aa;font-size:14px;line-height:1.6;margin-bottom:24px}@media(max-width:960px){.receive-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:20px}.receive-heading h1{font-size:clamp(34px,4vw,52px)}}@media(max-width:720px){.receive-page{padding:18px 16px;height:auto;min-height:100svh}.receive-shell{gap:20px}.receive-layout{grid-template-columns:1fr;gap:20px}.receive-photo-frame{min-height:300px;max-height:48svh}.receive-qr-box canvas{width:min(220px,60vw)!important;height:min(220px,60vw)!important}.receive-footer{flex-direction:column-reverse;align-items:stretch;text-align:center;gap:14px}.receive-next-btn{width:100%}}.receive-page{height:100svh;min-height:0;overflow:hidden}.receive-shell{height:100%;min-height:0}.receive-layout{min-height:0;overflow:hidden}.receive-photo-side,.receive-qr-side{min-height:0}.receive-photo-frame{min-height:0;max-height:none;overflow:hidden}.receive-footer{flex:0 0 auto;position:relative;z-index:5;background:#151311}@media(max-width:720px){.receive-layout{overflow-y:auto;padding-bottom:4px}.receive-footer{padding:14px 0 2px}}.share-guest-page{min-height:100svh;background:#fbf7f2;color:#1a1715;font-family:inherit;display:flex;flex-direction:column;align-items:center;padding:0 0 48px;box-sizing:border-box}.share-guest-container{width:min(640px,100%);padding:0 16px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.share-guest-header{position:sticky;top:0;z-index:20;width:100%;background:#fbf7f2eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(26,23,21,.08);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.share-guest-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:.02em}.share-guest-brand-mark{width:32px;height:32px;border-radius:10px;background:#ff6b4a;color:#fff;display:grid;place-items:center;font:700 18px Georgia,serif;transform:rotate(-6deg);box-shadow:0 4px 12px #ff6b4a40}.share-guest-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#eaf5ee;color:#2b7a4b;font-size:11px;font-weight:700}.share-guest-badge i{width:7px;height:7px;border-radius:50%;background:#34a853}.share-guest-hero{text-align:center;padding:12px 8px 4px}.share-guest-eyebrow{display:inline-block;color:#ff6b4a;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.share-guest-hero h1{font-size:clamp(26px,6vw,36px);line-height:1.15;letter-spacing:-.04em;margin:0 0 8px;font-weight:800;color:#1a1715}.share-guest-hero p{margin:0;color:#787068;font-size:13px;line-height:1.5}.share-guest-tabs{display:flex;background:#1a17150f;padding:4px;border-radius:999px;gap:4px}.share-guest-tab{flex:1;border:0;background:transparent;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#787068;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:6px}.share-guest-tab.active{background:#fff;color:#1a1715;box-shadow:0 2px 10px #00000014}.share-guest-card{position:relative;background:#fff;border-radius:24px;padding:14px;box-shadow:0 16px 45px #28201a17;border:1px solid rgba(26,23,21,.06);display:flex;flex-direction:column;align-items:center;overflow:hidden}.share-guest-preview-wrap{width:100%;display:flex;align-items:center;justify-content:center;background:#f7f2ea;border-radius:18px;padding:12px;box-sizing:border-box;cursor:pointer;position:relative}.share-guest-preview-wrap img{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:12px;box-shadow:0 8px 24px #0000001f;transition:transform .2s}.share-guest-preview-wrap:active img{transform:scale(.99)}.share-guest-zoom-hint{position:absolute;bottom:18px;right:18px;background:#1a1715bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;pointer-events:none;display:flex;align-items:center;gap:4px}.share-guest-tip{width:100%;box-sizing:border-box;background:#fff8f5;border:1px solid #ffe3db;border-radius:16px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#7a4336}.share-guest-tip-icon{font-size:16px;line-height:1}.share-guest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.share-guest-grid-item{position:relative;background:#fff;border-radius:18px;padding:8px;box-shadow:0 6px 18px #0000000d;border:1px solid rgba(26,23,21,.06);display:flex;flex-direction:column;gap:8px;cursor:pointer}.share-guest-grid-item img{width:100%;aspect-ratio:var(--shot-aspect, 3 / 4);-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.share-guest-grid-item-bar{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:12px;font-weight:700;color:#554e48}.share-guest-grid-item-bar button,.share-guest-grid-item-bar a{border:0;background:#f0ebe4;color:#1a1715;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}.share-guest-actions{display:flex;flex-direction:column;gap:10px;width:100%}.share-guest-btn-primary{width:100%;min-height:52px;border:0;border-radius:999px;background:#ff6b4a;color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #ff6b4a52;text-decoration:none;transition:transform .18s,box-shadow .18s;box-sizing:border-box}.share-guest-btn-primary:active{transform:scale(.98)}.share-guest-btn-row{display:flex;gap:10px;width:100%}.share-guest-btn-secondary{flex:1;min-height:48px;border:1px solid rgba(26,23,21,.12);border-radius:999px;background:#fff;color:#1a1715;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;transition:background .18s;box-sizing:border-box}.share-guest-btn-secondary:active{background:#f0ebe4}.share-guest-footer{text-align:center;color:#9c948b;font-size:11px;line-height:1.6;padding:12px 16px 0}.share-guest-lightbox{position:fixed;inset:0;z-index:100;background:#0f0d0cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;padding:16px;box-sizing:border-box}.share-guest-lightbox-header{display:flex;align-items:center;justify-content:space-between;color:#fff;padding-bottom:12px}.share-guest-lightbox-close{background:#ffffff2e;border:0;color:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;cursor:pointer}.share-guest-lightbox-body{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.share-guest-lightbox-body img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:12px}.share-guest-lightbox-footer{padding-top:12px;display:flex;gap:12px;justify-content:center}.share-guest-center{min-height:80svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:16px}.share-guest-card-loading{background:#fff;border-radius:24px;padding:40px 24px;box-shadow:0 16px 45px #28201a14;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:360px;width:100%;box-sizing:border-box}.share-guest-card-loading h2{font-size:20px;margin:0;color:#1a1715}.share-guest-card-loading p{margin:0;color:#787068;font-size:13px;line-height:1.5}.review-photo-image{background:#e8e1d8}.review-photo-image img,.camera-side-panel img,.final-preview img,.filter-list img,.share-guest-grid-item img,.share-media img{-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center;object-position:center;background:#e8e1d8}.camera-stage video,.portrait-guide video{-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center;object-position:center;background:#1b1917}.review-photo-image img{transform:none!important}.share-guest-grid-item img{aspect-ratio:auto;min-height:150px}.receive-photo-frame img,.share-guest-preview-wrap img,.share-guest-lightbox-body img{-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center;object-position:center}.pb-credit{margin:0;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--muted);opacity:.75}.pb-credit b{color:var(--coral);font-weight:800}.receive-credit{padding:9px 0 11px;text-align:center}.receive-credit .pb-credit{color:#8d847b;opacity:1}.receive-credit .pb-credit b{color:#ff8a6d}@media(max-width:640px){.pb-credit{font-size:9px;letter-spacing:.04em}}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded{border-radius:.25rem}.border{border-width:1px}.outline{outline-style:solid}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Noto Sans Thai,Leelawadee UI,Tahoma,ui-sans-serif,system-ui,sans-serif;color:#171717;background:#f5f0e8;font-synthesis:none;--ink:#171717;--cream:#f5f0e8;--coral:#ff6b4a;--line:rgba(23,23,23,.12);--muted:#716e69}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-width:320px}body{overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.5}.muted{color:var(--muted)}.btn{min-height:52px;border:0;border-radius:999px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;letter-spacing:0;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#fff;background:var(--ink);box-shadow:0 10px 25px #00000029}.btn-secondary{background:#fff;border:1px solid var(--line)}.btn-ghost{background:transparent;color:#514d48}.btn-danger{background:#fee2e2;color:#991b1b}.brand{display:flex;align-items:center;gap:13px;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.04em}.brand small{display:block;font-size:9px;letter-spacing:.04em;margin-top:3px;color:#777}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--coral);color:#fff;font-size:20px;transform:rotate(-6deg);box-shadow:0 7px 16px #ff6b4a47}.operator-chip{border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:0}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px #16a34a1f;margin-right:8px}.launcher{min-height:100vh;background:var(--cream);padding:32px 5vw;display:flex;flex-direction:column;gap:28px}.launcher>header{display:flex;justify-content:space-between;align-items:center}.launcher-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(26px,4vw,46px);max-width:880px}.launcher-panel .eyebrow{color:var(--coral)}.launcher h1{font:800 clamp(34px,5vw,54px)/1.1 inherit;letter-spacing:-.03em;margin:10px 0 14px}.launcher .lede{max-width:54ch;font-size:16px;line-height:1.7;color:#5f5b56;margin:0}.launcher-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.launcher-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:880px}.launcher-facts>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.launcher-facts span{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a837a}.launcher-facts strong{display:block;font:800 19px inherit;margin-top:7px}.launcher>footer{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:36px;align-items:center;font-size:12px;font-weight:700;color:#6f6a63;flex-wrap:wrap}.launcher>footer a{margin-left:auto}.loader{display:flex;align-items:center;justify-content:center;gap:7px;min-height:100px;color:#777}.loader span{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:bounce 1s infinite}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}.loader p{font-size:14px;margin-left:8px}.error-panel{max-width:620px;background:#fff1f0;border:1px solid #fec5c0;border-radius:22px;padding:24px;color:#991b1b}.error-panel p{margin:8px 0 18px}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translate(-50%);max-width:min(90vw,680px);background:#171717;color:#fff;border-radius:16px;padding:15px 50px 15px 20px;box-shadow:0 18px 60px #1c19171f;font-size:14px}.toast button{position:absolute;right:14px;top:12px;border:0;background:none;color:#fff;font-size:24px}.booth-root{min-height:100vh}.booth-page{min-height:100vh;padding:4vh 5vw;display:flex;flex-direction:column;transition:background .3s}.step-header{display:flex;gap:20px;align-items:flex-start;max-width:1300px;width:100%;margin:0 auto 3vh}.step-header h1,.camera-top h1,.editor-header h1,.review-page h1{font:800 clamp(36px,4vw,62px)/1.12 inherit;letter-spacing:-.025em;margin:7px 0}.step-header p,.camera-top p,.review-page header p{color:#625e59;margin:0;line-height:1.7}.back-touch{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#fff9;font-size:25px}.booth-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;bottom:0;background:#f5f0e8e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.booth-footer>span{font-size:12px;font-weight:800;letter-spacing:0}.inline-error{position:fixed;bottom:20px;left:20px;background:#fee2e2;color:#991b1b;padding:15px;border-radius:14px}.result-page{min-height:100vh;background:#f7f2ea;padding:5vh 6vw;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:28px;align-items:center}.result-main{display:flex;flex-direction:column;gap:18px}.final-preview{height:60vh;min-height:380px;border-radius:28px;padding:16px;background:#fff;transform:rotate(-2deg);box-shadow:0 30px 80px #1412101f;display:grid;place-items:center}.final-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px;display:block}.qr-share{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px 22px;background:#ffffffb3;border:1px solid rgba(23,23,23,.08);border-radius:28px;box-shadow:0 20px 45px #1e19140f}.qr-share .qr-wrap{display:grid;place-items:center;padding:18px;background:#fff;border-radius:24px;box-shadow:inset 0 0 0 1px #1717170f}.result-page footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:10px}.result-page footer span{font-size:12px;color:#625e59}.result-page header{display:flex;flex-direction:column;gap:10px}.result-page h1{font:800 clamp(40px,4vw,72px)/1.04 inherit;letter-spacing:-.055em;margin:12px 0}.result-page p{margin:0;line-height:1.6}.qr-share h2{font-size:26px;letter-spacing:-.04em;margin:4px 0 8px}.qr-share canvas{display:block;width:180px!important;height:180px!important;border-radius:18px}