/* BagoBooth — charcoal, warm gold, and the supplied glossy wordmark. */
:root{
 color-scheme:dark;--accent:#ffce21;--accent-hover:#ffdf65;--accent-soft:#30280f;
 --ink:#f4f0e6;--muted:#aaa79e;--line:#323136;--surface:#171719;--surface-raised:#1e1e21;
 --studio-ink:var(--ink);--studio-ink-soft:#d2cec3;--studio-line:var(--line);
 --studio-accent:var(--accent);--studio-accent-light:var(--accent-soft);--studio-cream:#0d0d0f;
 --studio-shadow:0 10px 30px #0002;background:#0d0d0f;color:var(--ink);
}
body{background:#0d0d0f;color:var(--ink)}
.brand-logo{display:block;object-fit:cover;object-position:50% 48%;aspect-ratio:4.85;width:100%;height:auto;flex-shrink:0}
.brand{padding:0 2px;margin-bottom:38px;display:block}
.brand>.brand-logo{width:100%;max-width:192px;margin:0 auto}
.brand-caption{display:block;margin-top:12px;text-align:center;font-size:8px;letter-spacing:2.7px;color:#a3997b;font-weight:600}
.mobile-brand{display:none}
.review-brand{width:175px}.review-brand>.brand-logo{width:100%}
.booth-footer-brand{display:block;width:140px}.booth-footer-brand>.brand-logo{width:100%}
.sidebar{background:#101012;border-color:#2b2922}
.topbar{background:#111113;border-color:var(--line)}
.workspace{background:radial-gradient(ellipse at 90% 0%,#bb8b0710,transparent 45%),#0d0d0f}
.nav-caption,.event-switcher>span{color:#979185}
.nav-item{color:#b1afa8}
.nav-item:hover{background:#242116;color:#ffe288}
.nav-item.active{background:linear-gradient(100deg,#423613,#2b2517);color:#ffe071;border:1px solid #75602155}
.side-help{background:#19191b;border-color:#343129}
.side-help strong,.side-foot strong{color:#e4dfcf}
.side-help p,.side-foot small{color:#a29c8e}
.side-foot{border-color:#343129}
.top-icon,.icon-button,.event-action{background:#232326;border:1px solid #3c3a34;color:#c7c2b6}
.breadcrumb{color:#8f8b80}.breadcrumb b{color:#d4cfc2}
.event-switcher select{background:#111113;color:#e5dfcd}
.avatar{background:#3c3218;color:#ffe17e}
.eyebrow,.studio-crumb{color:#c2a45a}
.page-title,.section-title,.studio-intro h1,.panel-heading,.event-library-heading h2{color:var(--ink)}
.subheading,.studio-intro p,.note,.orientation-note,.local-storage-note{color:#aaa69b}
.btn-primary,.btn-warm,.custom-upload-action{
 background:linear-gradient(180deg,#ffe76a 0%,#ffd12c 45%,#efb914 100%);color:#211a04;
 border:1px solid #ffdf54;box-shadow:inset 0 1px 0 #fff5,0 4px 15px #eab30816;
}
.btn-primary:hover,.btn-warm:hover{background:linear-gradient(180deg,#fff09b,#ffda48 55%,#f6c52f);color:#211a04}
.btn-outline,.btn-outline:hover{background:#202023;border-color:#464138;color:#e3dccb}
.btn-soft{background:#332b14;color:#ffdc6a}
.btn-danger{background:#3d2224;color:#ffaaa4;border-color:#6a3436}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
.btn:focus-visible,.nav-item:focus-visible,.layout-choice:has(input:focus-visible){outline-color:#ffe27a}
.workspace-footer{border-color:#2f2d27;color:#8e887c}.workspace-footer>span:first-child{color:#c8b56d}
.backup-actions .btn{background:transparent;border-color:#3c3931;color:#aaa294}
.panel,.stat-card,.step-card,.gallery-card,.event-card,.empty{background:var(--surface);border-color:var(--line);color:var(--ink)}
.stat-card h2{color:var(--ink)}.stat-card p,.stat-card small{color:#aaa398}.stat-icon{background:#302813;color:#f6d267}
.event-launch-panel{background:linear-gradient(115deg,#1d1b15,#171719 70%);border-color:#5f4e27}
.event-launch-copy h2{color:#faf3de}.event-launch-copy>p,.launch-kicker{color:#afa58f}
.launch-specs{color:#c1b8a4}.launch-specs .ico{color:#b59b53}
.launch-kicker .dot{background:#ffd33e;box-shadow:0 0 0 3px #ffce2118}
.launch-print-preview{background:radial-gradient(ellipse at 65% 30%,#4b3b18,transparent 80%),#292216;border-color:#57451d}
.launch-print-preview>span{color:#d1b96e}
.event-library-heading h2>span{background:#302b1d;color:#e6ce80}
.event-search{background:#1a1a1d;border-color:#3a3832;color:#c8bb98}
.event-search input{color:#eee7d6}.event-search input::placeholder{color:#938d80}
.event-library-meta,.event-meta{color:#a6a093}
.event-card.is-selected{border-color:#c3a044}.event-card-title h3{color:#eee9dd}
.event-card-title .event-action{background:#292722;color:#d3c49b}
.event-selected-label{background:#ffe28a;color:#35290b}
.new-event-card{border-color:#65583b;color:#c6b785;background:#1b191380}
.new-event-card>span{background:#29251a;border-color:#554622;color:#e2c15b}
.new-event-card small{color:#aaa08b}.new-event-card:hover{background:#2b2514;color:#ffe17d;border-color:#d5af3e}
.hero-panel{background:linear-gradient(135deg,#37301c,#151516)}
.hero-label{background:#e9bd2c15;border-color:#e9bd2c30;color:#ffe187}
.hero-panel p{color:#c4bcaa}.mini-feature{background:#24231f}.mini-feature span{color:#c2b9a3}
.event-row{border-color:#34312a}.event-details p,.step-card p{color:#aca395}
.event-tag,.designer-save-status,.preview-indicator{background:#213429;color:#a6d9b6}
.tip-banner{background:#292313;border-color:#594721;color:#e0c98b}
.settings-panel h3,.studio-section-heading h2,.studio-preview-heading h2{color:#ece6d6}
.field label,.designer-field{color:#c8c0ad}
.field input,.field select,.field textarea,.control-select,
.designer-field input:not([type=color]):not([type=range]),.designer-field select,.color-picker-control{
 background:#202022;border-color:#413c32;color:#f0e8d7;
}
.designer-field input:focus,.designer-field select:focus{background:#26231b;border-color:#d8b54b}
.field-note,.field-hint,.studio-section-heading p,.studio-preview-heading p,.studio-context div span{color:#a59c8a}
.form-divider{border-color:#39362e}.theme-choice{background:#22211f;border-color:#4b4333;color:#d9cfb5}
.theme-choice.selected{border-color:#f4ce4a}.preview-card,.settings-panel .preview-card{background:#25221a}
.studio-context,.studio-tools,.studio-preview-panel{background:#19191b;border-color:#39352b}
.studio-context-icon,.section-n{background:#352c14;color:#ffe078}
.studio-section{border-color:#373329}.frame-editor-section{background:#19191b}
.custom-layout-section{background:#19191b}.editor-mini-label{color:#c9b87d}
.studio-preview-stage{background:#141416}
.studio-preview-stage:before{background-image:radial-gradient(#bda15f35 1px,transparent 1px)}
.studio-form-actions{background:#151516}.studio-dot,.designer-field output{color:#ffda57}
.layout-choice{background:#202021;border-color:#464035}
.layout-choice:hover{background:#272319;border-color:#b9983c}
.layout-choice.is-selected{background:#302813;border-color:#e5bf40;box-shadow:0 0 0 2px #ffce2110}
.layout-choice-body strong{color:#e6ddc8}.layout-choice-body small{color:#ada18a}
.layout-choice-check{background:#ffd34a;color:#2a2108}
.color-picker-control code{color:#d2c6aa}
.designer-theme-preset.is-selected{border-color:#e7c556}
.photo-edit-tabs button{background:#242421;border-color:#423d31;color:#c1b7a1}
.photo-edit-tabs button.is-active{background:#3a3015;border-color:#c5a33b;color:#ffe17f}
.frame-select-row button{background:#262521;border-color:#49402e;color:#c7bda5}
.frame-select-row button.is-active{background:#f1c52d;border-color:#f1c52d;color:#231d0a}
.selected-frame-header{border-color:#403a2e}.selected-frame-header strong{color:#eadfc6}
.frame-mode-note,.frame-editor-tip{color:#afa48e}.frame-control-field output,.frame-reset-button{color:#e3c46a}
.custom-layout-dropzone{background:#252113;border-color:#6f5d2e}
.custom-layout-dropzone:hover,.custom-layout-dropzone.is-dragover,.custom-layout-dropzone:focus-within{background:#312916;border-color:#e2be50}
.custom-layout-dropzone strong,.custom-template-info strong{color:#f2e5bf}.custom-layout-dropzone small{color:#b6aa8c}
.custom-layout-upload-icon,.custom-template-thumb{background:#3a3015;color:#ffe178}
.custom-template-current{background:#24221c;border-color:#51462e}.custom-template-info small,.custom-template-size{color:#b6aa8e}
.custom-option{color:#c8bea5}.custom-template-tip{background:#27251e;color:#bfb49c}
.print-preview-bottom{border-color:#3b362b}.print-preview-bottom strong{color:#eee2c4}
.designer-hint{color:#b2a98f}.designer-hint svg{color:#f2ce67}
.designer-save-status.is-dirty{background:#3b3013;color:#f8d46a}
.gallery-preview{background:#111113}.gallery-details h4{color:#ece4d2}.gallery-details p{color:#aaa18d}
.gallery-tools .note{color:#a79f8c}.gallery-type{background:#18160ee8;color:#ffe390}
.modal{background:#1b1b1d;color:#f0eadc;border:1px solid #51452b}.modal p{color:#b3a88f}
.modal-backdrop{background:#000a}.toast{background:#302a1a;border:1px solid #725a27;color:#fff0be}
.toast.error{background:#54292a;color:#ffd8d1;border-color:#945252}
.booth,.review{background:#0c0c0e;color:var(--ink)}
.booth-header{background:#121214;border-color:#363025}
.booth-back{background:#24221b;border-color:#51452e;color:#e7d4a3}
.booth-title{color:#f5eedb}.booth-subtitle{color:#b1a48b}
.booth-header-right>.cam-tool{background:#24221c;border-color:#54472d;color:#e5cb87}
.booth-device-toolbar .btn{background:#24221d;border-color:#4f422a;color:#ddcba1}
.live-pill{color:#b4ab95}.live-pill.is-ready{color:#acd4b9}
.camera-stage{background:radial-gradient(ellipse at 50% 85%,#6e521e48,transparent 70%),#171719}
.camera-tag{color:#e4d2a3;background:#ffce210b;border-color:#b6923540}
.camera-welcome-icon{background:#ffd4300a;border-color:#e8c14e45}.camera-welcome-icon .ico{color:#ffdd69}
.camera-welcome p{color:#b9af9b}.camera-welcome h2{color:#fff4da}.welcome-kicker{color:#dbc271}
.camera-privacy{color:#a99b7e}.camera-welcome .btn{background:linear-gradient(180deg,#ffe568,#f0bc19);color:#261e07}
.cam-tool{color:#f1dda9;background:#18160fc0;border-color:#ccb16e45}
.capture-panel{background:#171719;border-color:#453b28}
.capture-control-label{color:#b1a383}.mode-tab{color:#beb5a0}.mode-tab.active{background:#3c3114;color:#ffe37f}
.shutter{background:linear-gradient(145deg,#ffe782,#ffcf25 60%,#d99c05);color:#241b04;border-color:#19191b;outline-color:#cfa737;box-shadow:0 0 0 4px #ffe07712}
.shutter.recording{background:#d95d54;color:#fff;outline-color:#d95d54}
.shutter-wrap>span,.capture-summary>span{color:#a99c81}.capture-summary strong{color:#d0bea0}
.capture-countdown>div{border-color:#ffe89c90;background:#17140cd4}.countdown-number{color:#ffe69a}.countdown-label{color:#ead49a}
.booth-footer{color:#a0916e}.booth-mini-actions button{color:#c6b58b}
.footer-divider{color:#756239}.capture-slot{border-color:#e5c77050;color:#e5c77070}
.review-preview{background:#1c1b18;border-color:#51452b}.review-content .eyebrow{color:#f3cf61}.review-content p{color:#b8ad97}
.review-actions .btn-outline{background:#26221a;border-color:#66522c;color:#ead7a9}
.device-settings-panel{background:#1a1a1c;color:#f2e9d1;border-color:#52462b}
.device-settings-grid select{background:#23221e;color:#eee1bd;border:1px solid #51452e}
.cloud-gallery-item,.cloud-gallery-row{background:#25231d;border-color:#4c422c;color:#eee3c4}
.cloud-gallery-details small{color:#bcb096}

/* Subscription and free-trial screens use the same brand system. */
.activation-page{background:radial-gradient(ellipse at 15% 25%,#9b771117,transparent 48%),#0d0d0f;color:#f5f0e1}
.activation-header{height:100px;border-color:#373027}
.activation-brand{display:block;width:260px;max-width:52vw}.activation-brand .brand-logo{width:100%}
.activation-header>a:last-child{color:#c2b48c}
.activation-kicker{color:#c5aa60}.activation-intro h1{color:#fff4d2;letter-spacing:-1.7px}
.activation-intro>p,.activation-intro .activation-terms{color:#b5a990}
.activation-plan{background:linear-gradient(155deg,#23211b,#19191b);border-color:#544b35;color:#c9b98e}
.activation-plan strong{color:#fff0bd}.activation-plan small{color:#b8a67c}
.activation-plan.is-selected{background:linear-gradient(135deg,#4b3b13,#2b2415);border-color:#e6bf45;box-shadow:0 0 0 1px #e6bf45}
.activation-plan.is-selected>span{color:#ffe17c}
.activation-features{color:#ccc1a5}.activation-features li:before{color:#f7cd4e}
.activation-intro .activation-contact-note{color:#b5a78b}.activation-contact-note strong{color:#f1d681}
.activation-card{background:linear-gradient(145deg,#1c1b18,#151517 50%);border-color:#4e4229;box-shadow:0 24px 80px #0003}
.activation-lock{background:#352c15;color:#ffe17c}
.activation-card h2,.activation-step h3{color:#f3e8cb}
.activation-card-heading p,.activation-step p{color:#b0a38a}
.activation-trial{background:linear-gradient(130deg,#393016,#292318);border-color:#82703b}
.activation-trial>span{color:#dfbd61}.activation-trial h3{color:#fff0bc}.activation-trial>p{color:#c7b58e}
.activation-label{color:#c2b38f}.activation-step>span{border-color:#746033;color:#f8d269}
.installation-copy{background:#23211b;border-color:#4f442c}
.installation-copy input{color:#e0cf9e}.installation-copy button{background:#302919;border-color:#5c4a25;color:#ffe17d}
.activation-copy-request{color:#f2cf68}
#activation-key{background:#111113;color:#f0e5c9;border-color:#54472c}
.activation-state{background:#302818;border-color:#766036;color:#ead3a0}
.activation-bottom,.activation-footer{border-color:#423b2b}
.activation-bottom button{color:#b0a181}.activation-bottom button:last-child{color:#ffdb6b}
.activation-storage-note,.activation-footer{color:#a79b81}
.activation-error,.activation-trial>.activation-error{color:#ffaba0}.activation-feedback{color:#a5d3aa}
.subscription-banner{background:#222619;border-color:#414b2d;color:#b5c89f}
.subscription-banner button{color:#f4d477}.subscription-banner.needs-activation{background:#2c2516;border-color:#67562c;color:#dbc58c}
@media(max-width:760px){
 .sidebar{background:#121214;border-color:#504323;box-shadow:0 -8px 25px #0005}
 .nav-item.active{background:#443615;color:#ffe283;border:0}.nav-item:hover{background:#2b2517;color:#ffe283}
 .activation-header{height:83px}.activation-brand{width:192px;max-width:54vw}
 .activation-header>a:last-child{color:#c5b389;font-size:9px;max-width:124px}
 .mobile-brand{display:block;width:114px;flex-shrink:0}.topbar>.breadcrumb{display:none}.topbar .event-switcher{max-width:140px}
}
@media(max-width:360px){.mobile-brand{width:100px}.topbar .event-switcher{max-width:110px}}

/* Existing subscribers get a concise account view with optional renewal tools. */
.subscription-content{max-width:940px;margin:45px auto 65px}
.subscription-back{background:transparent;color:#e2cc8b;font-size:12px;padding:12px 0;flex-shrink:0}
.subscription-page-heading{margin-bottom:28px}.subscription-page-heading h1{font-size:34px;font-weight:650;letter-spacing:-1px;margin:9px 0}
.subscription-page-heading>p{font-size:13px;color:#b5a990;line-height:1.7}
.subscription-summary{border:1px solid #65532c;border-radius:18px;padding:30px;background:radial-gradient(ellipse at 100% 0%,#d4a62012,transparent 65%),linear-gradient(145deg,#242016,#161618 65%)}
.subscription-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}
.subscription-eyebrow{font-size:9px;letter-spacing:1.7px;color:#d5b965;font-weight:650}
.subscription-summary h2{font-size:28px;font-weight:650;letter-spacing:-.6px;margin:8px 0}
.subscription-summary-heading p{font-size:12px;color:#c0b293;line-height:1.7}
.subscription-status{padding:8px 13px;border:1px solid #93743b;background:#3a2e18;color:#f5d08b;border-radius:30px;font-size:11px;font-weight:650;white-space:nowrap}
.subscription-status.is-active{background:#252f1e;border-color:#536541;color:#c1dbac}
.subscription-facts{display:grid;grid-template-columns:1.3fr .8fr 1.3fr;gap:20px;padding-top:27px;margin-top:24px;border-top:1px solid #53442a}
.subscription-facts>div{min-width:0}.subscription-facts span{display:block;font-size:11px;color:#ac9f83;margin-bottom:9px}
.subscription-facts strong{display:block;font-size:14px;font-weight:600;line-height:1.65;color:#f6e9c7}
.subscription-time-track{height:5px;border-radius:8px;background:#423820;overflow:hidden;margin-top:22px}
.subscription-time-track span{display:block;height:100%;background:linear-gradient(90deg,#d6a518,#ffe386);border-radius:inherit}
.subscription-access-note{color:#bdb193;font-size:12px;line-height:1.8;margin-top:18px}
.subscription-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}
.subscription-actions .btn{min-height:43px;font-size:12px}
.subscription-refresh{padding:10px 0;background:transparent;color:#d6bf80;font-size:11px;margin-left:auto}
.subscription-action-panel{border:1px solid #51442c;border-radius:14px;padding:26px 30px;margin-top:20px;background:#19191b}
.subscription-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}
.subscription-section-heading h2{font-size:18px;letter-spacing:-.3px;font-weight:600}
.subscription-section-heading button{padding:8px;background:transparent;color:#d1bb83;font-size:11px}
.subscription-action-panel>p{font-size:12px;line-height:1.8;color:#b9ad92}
.subscription-action-panel .activation-plans{margin-top:20px;max-width:none}
.subscription-action-panel .activation-contact{margin-top:9px}
.subscription-action-panel .activation-copy-request{display:block;margin-top:8px}
.subscription-action-panel #license-form{margin-top:20px}
.subscription-action-panel .subscription-fine-print,.subscription-fine-print{font-size:10px;line-height:1.8;color:#a99c80;margin-top:14px}
.subscription-identifiers{border:1px solid #3e382a;border-radius:12px;background:#151517;margin-top:24px;padding:18px 20px}
.subscription-identifiers summary{cursor:pointer;color:#d6c8a5;font-size:12px}
.subscription-identifiers[open] summary{margin-bottom:19px}
.subscription-identifiers>p{font-size:10px;color:#aa9f86;line-height:1.8;margin-top:13px}
.subscription-identifiers code{display:block;overflow-wrap:anywhere;color:#d2c39e;font-size:10px}
.subscription-support{display:inline-block;color:#d5bd7e;font-size:11px;padding:20px 0}
.subscription-page button:focus-visible,.subscription-page a:focus-visible,.subscription-identifiers summary:focus-visible{outline:2px solid #ffe17c;outline-offset:4px}
@media(max-width:700px){
 .subscription-content{margin:30px auto 40px}.subscription-page-heading h1{font-size:28px}
 .subscription-summary{padding:22px 20px}.subscription-summary h2{font-size:23px}
 .subscription-summary-heading{align-items:flex-start;flex-direction:column;gap:14px}
 .subscription-facts{grid-template-columns:1fr;gap:20px;padding-top:22px;margin-top:22px}
 .subscription-facts strong{font-size:14px}.subscription-status{font-size:10px}
 .subscription-actions{align-items:stretch;flex-direction:column;gap:10px}
 .subscription-refresh{margin:0;min-height:40px}.subscription-action-panel{padding:22px 20px}
 .subscription-action-panel .activation-contact{width:100%;padding:0 12px;gap:5px;font-size:11px}
 .subscription-back{font-size:10px}.subscription-identifiers{padding:17px}
}
.camera-setup-ribbon{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 28px;background:#191919;border-bottom:1px solid #443b28;font-size:11px;color:#cabb96}
.camera-setup-ribbon .btn{min-height:35px;font-size:11px}
.camera-source-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 15px}
.camera-source-fields label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#d4c39b}
.camera-source-fields select{width:100%;min-width:0;padding:11px;background:#23221d;border:1px solid #584c30;border-radius:7px;color:#f2e5c5;font-size:12px}
.camera-source-fields label[hidden]{display:none}
.native-camera-tools{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.native-camera-tools button[hidden]{display:none}
#native-camera-status,#native-camera-note{line-height:1.8;margin:9px 0;font-size:11px;color:#d1c18d}
#native-camera-status.camera-error{color:#ffb5a8}
.native-test-photo{max-width:260px;max-height:200px;object-fit:contain;border-radius:8px;border:1px solid #554729;margin:15px 0}
.camera-help{font-size:11px;line-height:1.8;color:#bcb195;margin:16px 0;padding:12px 14px;border:1px solid #443b29;border-radius:8px}
.camera-help summary{cursor:pointer;color:#ddca8b}.camera-help p{margin-top:11px}.camera-help a{color:#ffda73}
@media(max-width:700px){.camera-source-fields{grid-template-columns:1fr}.camera-setup-ribbon{padding:10px 15px}.camera-setup-ribbon>span{font-size:10px}.native-camera-tools .btn{font-size:10px;min-height:38px;padding:0 12px}.device-settings-panel{margin-inline:12px;padding:20px 15px}}