/* Micker workbench: real plans first, one quiet accent. */
:root{--beta-bg:#0c0913;--beta-panel:#171020;--beta-line:#49324e;--beta-ink:#faf5ff;--beta-muted:#beb2ca;--beta-accent:#ff4da6;--beta-cyan:#4de1ed;--beta-gold:#f2c866}
html{scroll-behavior:smooth}body{background:var(--beta-bg)!important;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important;color:var(--beta-ink)}
button,input,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--beta-accent)!important;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}
body>header{padding-top:22px!important}.app-home-hero{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important}.app-home-hero:before,.app-home-hero:after{display:none!important}
.beta-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.8fr);gap:64px;align-items:stretch;padding:30px 24px 34px}.beta-intro{max-width:730px}.beta-eyebrow{font:600 11px/1.5 system-ui;letter-spacing:2px;color:var(--beta-muted);display:flex;gap:16px;align-items:center}.beta-eyebrow>span{letter-spacing:0;border:1px solid var(--beta-line);padding:4px 8px;border-radius:5px;color:var(--beta-accent)}
.beta-intro h1{font-size:clamp(34px,4.3vw,60px)!important;line-height:1.2!important;font-weight:680!important;letter-spacing:-2px;margin:22px 0 16px!important;color:var(--beta-ink)!important;text-shadow:none!important}.beta-intro h1 em{font-style:normal;color:var(--beta-accent)}.beta-lead{font-size:15px!important;line-height:1.85!important;color:var(--beta-muted)!important;max-width:510px;margin-bottom:26px!important;font-weight:400!important}
.beta-search{position:relative;z-index:30}.beta-search>label{font-size:12px;font-weight:600;display:block;margin-bottom:9px;color:var(--beta-ink)}.beta-search>div:first-of-type{display:flex;align-items:center;gap:14px;padding:0 18px;background:#151f29;border:1px solid #394a58;border-radius:10px}.beta-search input{width:100%;min-width:0;height:54px;background:transparent!important;border:0!important;color:var(--beta-ink);font-size:15px;outline:none}.beta-search>div>span{font-size:28px;color:var(--beta-accent)}.beta-search input::placeholder{color:#8fa3b3}
.beta-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0 25px;font-size:12px;color:var(--beta-muted)}.beta-chips button{min-height:44px;padding:6px 10px;border:0;background:transparent;border-bottom:1px solid #35434e;color:#c5d5df;border-radius:0}.beta-chips button:hover{color:var(--beta-accent)}.beta-path{display:flex;align-items:center;gap:12px;color:#b2c1cd;font-size:12px}.beta-path b{color:var(--beta-accent);font-weight:500;margin-right:6px;font-variant-numeric:tabular-nums}.beta-path i{color:#465764;font-style:normal}.beta-path small{margin-left:auto;color:var(--beta-muted)}
.beta-plan{border:1px solid var(--beta-line);background:var(--beta-panel);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.beta-plan:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--beta-accent)}.beta-plan-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1px;color:var(--beta-muted)}.beta-plan-head>span:last-child{color:var(--beta-accent);letter-spacing:0}.beta-plan h2{font-size:20px;line-height:1.5;margin:23px 0 16px;font-weight:600}.beta-plan-items{flex:1;min-height:112px;color:var(--beta-muted);font-size:14px;line-height:1.8}.beta-plan-items>p{padding:18px 0;max-width:310px}.beta-plan-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--beta-line)}.beta-plan-row>span{font:12px monospace;color:var(--beta-accent)}.beta-plan-row strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--beta-ink)}
.beta-plan progress{width:100%;height:4px;appearance:none;margin:18px 0 9px;border:0;background:#31404c;border-radius:4px}.beta-plan progress::-webkit-progress-bar{background:#31404c;border-radius:4px}.beta-plan progress::-webkit-progress-value{background:var(--beta-accent);border-radius:4px}.beta-caption{font-size:11px!important;color:var(--beta-muted)!important;font-weight:400!important;line-height:1.7!important}.beta-plan-actions{display:flex;gap:10px;margin-top:18px}.beta-plan-actions button,.beta-btn{min-height:46px;border:1px solid var(--beta-line);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;background:transparent;color:var(--beta-ink)}.beta-primary{background:var(--beta-accent)!important;border-color:var(--beta-accent)!important;color:#12251f!important}.beta-plan-actions button:first-child{flex:1}
.beta-service-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--beta-line);border-bottom:1px solid var(--beta-line);margin:0 24px 20px;padding:10px 0;color:var(--beta-muted);font-size:12px}.beta-service-strip button{min-height:44px;color:var(--beta-accent);font-weight:650;white-space:nowrap}.home-start-panel{margin-top:0!important;background:transparent!important;border:0!important}.home-start-steps{display:none!important}.home-start-meta{margin-top:0!important}.shot-card{box-shadow:none!important}.shot-card button{min-height:44px}
.beta-dialog{width:min(850px,calc(100vw - 32px));max-height:90dvh;margin:auto;background:var(--beta-bg);color:var(--beta-ink);border:1px solid var(--beta-line);border-radius:18px;padding:0;box-shadow:0 30px 100px #0008}.beta-dialog::backdrop{background:#030910bf;backdrop-filter:blur(5px)}.beta-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid var(--beta-line);position:sticky;top:0;background:var(--beta-bg);z-index:2}.beta-dialog h2{font-size:22px;font-weight:600}.beta-close{width:44px;height:44px;border:1px solid var(--beta-line);border-radius:50%;font-size:24px}.beta-dialog-body{padding:24px 26px}.beta-notice{padding:14px 16px;background:#182720;border:1px solid #344b3e;border-radius:8px;color:#c7d9cc;font-size:13px;line-height:1.7;margin-bottom:20px}.beta-tabs{display:flex;gap:10px;margin-bottom:22px}.beta-tabs button{min-height:44px;padding:10px 16px;border:1px solid var(--beta-line);border-radius:7px;font-size:13px}.beta-tabs button[aria-selected=true]{background:var(--beta-ink);color:var(--beta-bg)}.beta-packages{display:grid;grid-template-columns:1fr 1fr;gap:16px}.beta-package{border:1px solid var(--beta-line);border-radius:12px;padding:22px;background:var(--beta-panel)}.beta-package h3{font-size:19px;margin-bottom:8px;font-weight:650}.beta-package p{font-size:13px;color:var(--beta-muted);line-height:1.8;margin-bottom:18px}.beta-price{font-size:36px;letter-spacing:-1px;margin:12px 0}.beta-price small{font-size:12px;color:var(--beta-muted);letter-spacing:0}.beta-package>button{width:100%}.beta-package select{background:var(--beta-bg);color:var(--beta-ink);border:1px solid var(--beta-line);border-radius:6px;padding:10px;width:100%;min-height:44px}.beta-order{border-bottom:1px solid var(--beta-line);padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.beta-order small{display:block;color:var(--beta-muted);font-size:11px;margin-top:5px;overflow-wrap:anywhere}.beta-payment{text-align:center;padding:16px}.beta-payment img{width:220px;height:220px;max-width:100%;margin:20px auto;padding:10px;background:white;border-radius:10px}.beta-payment p{margin:14px 0;overflow-wrap:anywhere;font-size:13px;line-height:1.8;color:var(--beta-muted)}.beta-legal{font-size:12px;color:var(--beta-muted);line-height:1.8;margin-top:22px}.beta-empty{padding:24px 0;color:var(--beta-muted);font-size:14px;line-height:1.8}.beta-legal a{text-decoration:underline;color:var(--beta-accent)}
@media(max-width:800px){.beta-hero{grid-template-columns:1fr;gap:28px;padding:10px 4px 24px}.beta-intro h1{font-size:38px!important;letter-spacing:-1px}.beta-lead{font-size:14px!important;margin-bottom:18px!important}.beta-plan{padding:18px}.beta-plan-items{min-height:60px}.beta-plan h2{font-size:18px;margin:16px 0 10px}.beta-plan-items>p{padding:6px 0}.beta-service-strip{margin:0 4px 14px;gap:12px}.beta-service-strip>span{max-width:220px;line-height:1.7}.beta-path{gap:8px;font-size:11px}.beta-path small{font-size:10px}.beta-dialog{width:calc(100vw - 16px);max-height:92dvh}.beta-dialog header{padding:16px}.beta-dialog-body{padding:18px}.beta-packages{grid-template-columns:1fr}.beta-dialog h2{font-size:19px}.beta-order{align-items:flex-start}.beta-eyebrow{font-size:10px;letter-spacing:1px}.beta-chips{gap:4px}}
#micker-wm-container{display:none!important}
@media(min-width:801px){.beta-hero{padding-top:12px;padding-bottom:22px;gap:48px}.beta-intro h1{font-size:48px!important;margin:15px 0 12px!important}.beta-lead{margin-bottom:16px!important}.beta-chips{margin-bottom:16px}.beta-plan h2{margin:18px 0 12px}.beta-plan-items{min-height:75px}}
@media(max-width:800px){.beta-plan.is-empty h2,.beta-plan.is-empty .beta-plan-items,.beta-plan.is-empty progress{display:none}.beta-plan.is-empty .beta-plan-actions{margin-top:10px}.beta-plan.is-empty .beta-caption{margin-top:12px}.beta-hero{gap:18px}.beta-chips{margin-bottom:14px}.beta-intro h1{font-size:32px!important;margin:16px 0 12px!important}.beta-intro h1 br{display:none}.beta-intro h1 em{display:block}.beta-service-strip>div{line-height:1.7}.beta-plan-head{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Owner reference: black-purple canvas, vivid pink, cyan and gold details. */
:root{--sr-accent:#4de1ed;--sr-pink:#ff4da6;--shot-ref-cyan:#4de1ed;--shot-ref-action:#ff4da6}
body{background:radial-gradient(ellipse at 15% 0%,#28102d 0,transparent 48%),linear-gradient(180deg,#100b19,#09070f 70%)!important}
.beta-intro h1 em{color:#ff4da6;text-shadow:0 3px 24px #ff4da622}
.beta-eyebrow,.beta-search>div>span,.beta-path b{color:var(--beta-cyan)}
.beta-search>div:first-of-type{background:#171020;border-color:#4b345b}
.beta-search input::placeholder{color:#b6a7c4}
.beta-chips button{color:#dcc7ec;border-color:#4b345b}
.beta-path{color:#cab9d9}.beta-path i{color:#856991}
.beta-plan{background:linear-gradient(145deg,#21122b,#120d1d)}
.beta-plan:before{background:linear-gradient(90deg,#ff4da6,#b779ff)}
.beta-plan progress,.beta-plan progress::-webkit-progress-bar{background:#3a2848}
.beta-primary{color:#21091c!important;background:linear-gradient(110deg,#ff65b3,#c695ff)!important;border-color:#e394de!important}
.beta-notice{background:#22142d;border-color:#573166;color:#efd5f2}
.beta-dialog::backdrop{background:#07030fc9}
.beta-tabs button[aria-selected=true]{background:#e9baff;color:#24102f}
.glass-panel::before{background:linear-gradient(90deg,#ff4da677,#b779ff66,transparent)}
#shots-grid{align-items:stretch;grid-auto-rows:auto}
#shots-grid>.shot-card{height:auto!important;min-height:0;min-width:0;background:#101420!important;border-color:#30323f!important}
#shots-grid .shot-card-content{flex:1;min-height:0;min-width:0}
#shots-grid .shot-queue-full{margin-top:auto}
#shots-grid .shot-card-actions{flex-shrink:0}
.shot-card-title{color:#faf2ff!important}
.shot-queue-full[aria-pressed="false"]{color:#79d1db!important;border-color:#365761!important;background:#15212c!important;box-shadow:none!important}
.shot-tag{color:#d6b8ff!important;border-color:#9670ca!important;background:#362043!important}
.shot-viral-star,.shot-viral-score{color:#b594f6!important}
.shot-section-cam .section-label{color:#9bccec!important}
.shot-section-act .section-label{color:#ed9cbd!important}
/* Restore the owner's reference cards: readable sections, natural mobile height. */
#shots-grid .shot-section{min-height:0;padding:14px 13px;border-radius:12px}
#shots-grid .section-body{min-height:0;display:block}
#shots-grid .section-text{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
#shots-grid .section-label{line-height:1.4;margin-bottom:7px}
#shots-grid .section-audio{position:absolute;right:-8px;top:-28px;width:44px;height:44px;opacity:.65;font-size:32px}
#shots-grid .shot-section-cam{background:#1a2232!important;border-left-color:#9bccec!important}
#shots-grid .shot-section-act{background:#2c1929!important;border-left-color:#df8bad!important}
#shots-grid .shot-note{min-height:0;padding:13px 14px;margin-top:8px}
#shots-grid .shot-bts{min-height:0;padding:14px;box-shadow:none}
#shots-grid .shot-extra-rows:empty{display:none}
@media(max-width:767px){#shots-grid .shot-card-content{flex:0 1 auto;gap:14px}#shots-grid .shot-queue-full{margin-top:2px}#shots-grid>.shot-card{padding:18px;border-radius:14px}}
/* Style library: quiet groups; selection carries the strongest accent. */
#filter-cat{display:block}
#filter-cat>.grid{gap:12px}
#filter-cat>.grid>.glass-panel{background:#13101c!important;border:1px solid #342b40!important;border-radius:10px;padding:14px;box-shadow:none!important}
#filter-cat>.grid>.glass-panel::before{display:none}
#filter-cat .style-group-heading{gap:8px;margin-bottom:10px;min-height:32px}
#filter-cat .style-group-heading>div{font-size:13px;font-weight:650}
#filter-cat .style-group-heading>span{font-size:11px;color:#9f91ae}
#filter-cat .filter-btn{min-height:36px;font-size:12px;padding:7px 11px;border-radius:7px;box-shadow:none;color:#c9bfd6;border-color:#44384f;background:#1b1524}
#filter-cat .filter-btn:hover{border-color:#bd83bc;color:#fff}
#filter-cat .filter-btn.active{color:#ffe0f0!important;border-color:#df88bc!important;background:#4a2543!important;box-shadow:none!important}
#style-directory-btn{font-size:12px;min-height:36px;background:transparent;border-color:transparent;color:#c6a4d5}
@media(max-width:767px){#filter-cat>.grid{gap:8px}#filter-cat>.grid>.glass-panel{padding:12px}#filter-cat .filter-btn{min-height:40px}#style-directory-panel{max-height:min(52dvh,420px);padding-right:5px;scrollbar-width:thin;scrollbar-color:#745080 transparent}}
