.booth-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;margin:32px 0 48px;display:grid}.booth-controls{border:1px solid var(--border);background:#fff;border-radius:24px;padding:28px}.booth-controls fieldset{border:0;min-width:0;margin:0 0 20px;padding:0}.booth-controls legend{margin-bottom:12px;font-size:18px;font-weight:700}.booth-options,.booth-slots{flex-wrap:wrap;gap:8px;display:flex}.booth-options button,.booth-slots button,.booth-secondary{border:1px solid var(--border);cursor:pointer;background:var(--bg);border-radius:12px;padding:10px 14px;font-size:14px}.booth-options button[aria-pressed=true],.booth-slots button[aria-pressed=true]{border-color:var(--brand-dark);background:var(--blush);color:#843456}.booth-slots{margin-bottom:16px}.booth-hint{color:var(--body-color);margin:10px 0 20px;font-size:14px;line-height:1.6}.booth-upload{border:1px dashed var(--secondary);background:var(--surface-subtle);border-radius:14px;padding:18px;font-weight:700;display:block}.booth-upload input{width:100%;margin-top:12px;font-size:14px;font-weight:400;display:block}.booth-upload input::file-selector-button{background:var(--dark-surface);color:#fff;border:0;border-radius:8px;margin-right:8px;padding:8px}.booth-caption{margin-top:16px;font-size:14px;display:block}.booth-caption input{border:1px solid var(--border);border-radius:10px;width:100%;margin-top:6px;padding:12px;font-size:16px;display:block}.booth-check{align-items:center;gap:10px;margin:16px 0;font-size:14px;display:flex}.booth-check input{width:18px;height:18px;accent-color:var(--brand-dark)}.booth-swatch{vertical-align:middle;border:1px solid #b7acbf;border-radius:50%;width:14px;height:14px;margin-right:7px;display:inline-block}.booth-slider{justify-content:space-between;gap:12px;margin:12px 0;font-size:14px;display:flex}.booth-slider input{width:50%;min-width:0;accent-color:var(--brand-dark)}.booth-preview{border:1px solid var(--border);text-align:center;background:#e7deed;border-radius:24px;padding:24px;position:sticky;top:90px}.booth-preview-label{letter-spacing:.08em;justify-content:space-between;margin-bottom:20px;font-size:12px;font-weight:700;display:flex}.booth-preview-label span{letter-spacing:0;font-weight:400}.booth-preview canvas{width:auto;max-width:100%;height:auto;max-height:690px;margin:auto;display:block;box-shadow:0 12px 30px #22183830}.booth-preview .booth-hint{margin-bottom:0}.booth-status{color:var(--body-color);margin:16px 0;font-size:14px;line-height:1.6}.booth-export{margin-top:16px}.booth-reset{color:var(--body-color);cursor:pointer;margin-top:18px;font-size:14px;text-decoration:underline;display:block}.booth-camera{margin:16px 0;position:relative}.booth-camera video{background:#1d1430;border-radius:16px;width:100%;margin-bottom:10px;transform:scaleX(-1)}.booth-countdown{color:#fff;text-shadow:0 2px 10px #000;font-size:64px;position:absolute;top:30%;left:45%}.booth-controls button:disabled{opacity:.5;cursor:not-allowed}.booth-controls :focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.ad-reservation{text-align:center;border:1px dashed var(--border);min-height:110px;color:var(--muted);letter-spacing:.08em;background:var(--surface);border-radius:12px;place-content:center;max-width:970px;margin:32px auto;font-size:12px;display:grid}.ad-reservation small{letter-spacing:0;margin-top:6px;font-size:11px}@media (max-width:760px){.booth-workspace{grid-template-columns:1fr;gap:24px}.booth-controls{padding:20px}.booth-preview{position:static}.booth-preview canvas{max-height:620px}.booth-preview-label{font-size:11px}}.template-library{margin-top:32px}.template-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.template-heading h2{letter-spacing:-.04em;font-size:26px;font-weight:700}.template-heading p{color:var(--body-color);margin-top:6px;font-size:16px}.template-heading>span{white-space:nowrap;color:var(--brand-dark);background:var(--blush);border-radius:30px;padding:8px 12px;font-size:13px}.template-filters{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.template-filters button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:24px;padding:9px 16px;font-size:14px}.template-filters button[aria-pressed=true]{background:var(--dark-surface);color:#fff;border-color:var(--dark-surface)}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;display:grid}.template-card{text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:15px;min-width:0;padding:7px;transition:border-color .15s,background .15s;display:block}.template-card[aria-pressed=true]{border-color:var(--brand-dark);background:#fff}.template-card:hover{background:#fff}.template-card:disabled{opacity:.6;cursor:wait}.template-art{aspect-ratio:3/4;background:#e6e1dd;border-radius:9px;justify-content:center;align-items:center;padding:14px;display:flex;position:relative;overflow:hidden}.template-art canvas{width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 5px 12px #29221d24}.template-badge{color:#42352e;background:#fffdf5ed;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:600;position:absolute;bottom:9px;right:9px}.template-card[aria-pressed=true] .template-badge{background:var(--brand-dark);color:#fff}.template-name{margin:12px 4px 3px;font-size:16px;font-weight:700;display:block}.template-meta{color:var(--body-color);margin:0 4px 6px;font-size:13px;display:block}.template-demo-note{color:var(--body-color);margin:12px 0;font-size:12px}.editor-heading{border-bottom:1px solid var(--border);margin-bottom:25px;padding-bottom:20px}.editor-heading>span{letter-spacing:.1em;color:var(--brand-dark);font-size:12px;font-weight:700}.editor-heading h2{margin:6px 0;font-size:28px;font-weight:700}.editor-heading p{color:var(--body-color);font-size:14px}.template-library :focus-visible{outline:3px solid var(--secondary);outline-offset:3px}@media (max-width:760px){.template-grid{scroll-snap-type:x mandatory;gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.template-card{scroll-snap-align:start;flex:0 0 46%}.template-heading h2{font-size:22px}.template-heading>span{display:none}.template-filters{gap:6px}.template-filters button{padding:8px 11px}.template-name{font-size:15px}.booth-preview{order:-1}.booth-preview canvas{max-height:480px}.booth-preview{padding:18px}}
