@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f6f3;--paper:#fff;--ink:#172124;--muted:#788486;--line:#e8ece8;--dark:#111a1d;--lime:#d9fa69;--green:#1e6d55;--radius:22px;font-family:Manrope,'DM Sans',system-ui,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:none;background:#11191c;color:#f9fcf8;padding:30px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;padding:0 10px;font-size:23px;font-weight:800;letter-spacing:-1.1px}.brand-mark{background:var(--lime);color:#15231b;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-size:25px}.brand-accent{color:var(--lime)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#81928e;margin-top:-2px}.sidebar-caption{color:#71807e;font-size:10px;letter-spacing:1.7px;font-weight:800;margin:58px 14px 16px}.nav{border:0;background:none;color:#98a7a5;text-align:left;padding:14px 16px;border-radius:13px;margin:3px 0;font-size:13px;font-weight:700;display:flex;align-items:center;gap:14px}.nav span{font-size:21px;width:22px;text-align:center}.nav b{font-size:10px;margin-left:auto;background:#243135;padding:3px 7px;border-radius:9px}.nav.active,.nav:hover{background:#263431;color:#e9fae7}.nav.active span{color:var(--lime)}.sidebar-bottom{margin:auto 6px 0;border-top:1px solid #2b3436;padding:22px 8px 0;display:flex;align-items:flex-start;gap:9px;color:#eef5ee;font-size:11px;font-weight:700;line-height:1.6}.sidebar-bottom small{font-weight:500;color:#82918c}.pulse{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#95ee9c;box-shadow:0 0 0 4px #2b4c39}.main{min-width:0;flex:1;max-width:1440px;margin:auto;padding:0 44px 70px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.7px;font-weight:800;color:#8a9693}.live{display:flex;align-items:center;gap:8px;color:#338366}.live i{width:7px;height:7px;border-radius:50%;background:#35ad72;box-shadow:0 0 0 4px #daf3e2}.view{display:none;animation:appear .25s ease}.view.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{margin-top:30px;min-height:310px;background:var(--dark);border-radius:28px;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden;position:relative}.hero-copy{padding:44px 0 44px 46px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#619f82}.hero .eyebrow{color:var(--lime)}h1,h2,p{margin:0}.hero h1{font-size:clamp(35px,4vw,60px);line-height:1.12;letter-spacing:-3px;margin:14px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{color:#a9b7b4;max-width:490px;font-size:13px;line-height:1.75;margin-bottom:25px}.button{border:0;border-radius:12px;padding:14px 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;font-weight:800}.button.primary{background:var(--lime);color:#1c2c24}.button.primary:hover{background:#c9f04e}.button.compact{padding:11px 14px}.button.wide{width:100%;margin-top:25px}.button span{font-size:18px;line-height:0}.hero-art{position:relative;min-height:310px}.orbit{border:1px solid #3c544d;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:310px;height:310px}.orbit-two{width:230px;height:230px}.art-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);width:155px;height:200px;background:linear-gradient(140deg,#f1ffe5,#a7dfad);border:7px solid #e7f7cf;border-radius:25px;box-shadow:20px 24px 0 #263f32,0 30px 80px #030909;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#264c38}.art-card span{font-size:75px;line-height:1}.art-card b{font-size:20px;letter-spacing:7px;margin-top:8px}.art-card small{font-size:7px;letter-spacing:2px}.art-spark{position:absolute;color:var(--lime)}.art-spark.one{top:45px;left:15px;font-size:22px}.art-spark.two{bottom:35px;right:55px;font-size:36px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 40px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:21px 24px}.stat>span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#92a09d}.stat strong{display:block;font-size:34px;letter-spacing:-2px;margin:8px 0 1px}.stat small{font-size:11px;color:#8d9997}.section-head,.toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-head h2{font-size:25px;letter-spacing:-1px;margin-top:4px}.text-button{border:0;background:none;color:#296d55;font-weight:800;font-size:12px}.text-button span{font-size:16px;margin-left:4px}.rule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.rule-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:22px;cursor:pointer;transition:transform .16s,box-shadow .16s}.rule-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px #17212412}.rule-top{display:flex;justify-content:space-between;align-items:center}.rule-icon{width:40px;height:40px;background:#ecf7e3;color:#387c5b;border-radius:12px;display:grid;place-items:center;font-size:25px}.rule-active{color:#318264;font-size:10px;font-weight:800;letter-spacing:1px}.rule-card h3{font-size:18px;margin:20px 0 5px;letter-spacing:-.6px}.rule-card p{font-size:11px;color:#8b9694;min-height:34px}.rule-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.chip{border-radius:6px;padding:5px 7px;background:#f0f4f1;font-size:10px;font-weight:800;color:#5d7468}.chip.accent{background:#e7f8b9;color:#35573b}.rule-foot{border-top:1px solid var(--line);margin-top:19px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#85928d}.rule-foot b{color:#296d55}.empty{background:var(--paper);border:1px dashed #dce3dc;border-radius:19px;padding:35px;text-align:center;grid-column:1/-1}.empty span{font-size:38px}.empty h3{margin:10px 0 5px}.empty p{color:var(--muted);font-size:12px;margin-bottom:15px}.page-heading{padding:34px 0 29px}.page-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-2.5px;margin:6px 0 8px}.period{color:#7bb766}.page-heading p{color:#889390;font-size:12px}.toolbar{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 17px;margin-bottom:18px;font-size:11px;font-weight:800;color:#718078}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.editor-main{display:grid;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px}.step-head{display:flex;gap:14px;margin-bottom:24px;align-items:center}.step-number{width:38px;height:38px;border-radius:11px;background:#e9f9c4;color:#3f6a47;display:grid;place-items:center;font-size:12px;font-weight:800}.step-head h2,.summary h2{font-size:17px;letter-spacing:-.5px}.step-head p{color:#8c9894;font-size:11px;margin-top:2px}.optional{font-size:10px;color:#9baa9f;font-weight:600}.field-label{font-size:11px;font-weight:800;display:block;margin-bottom:9px}.input{width:100%;padding:13px 14px;border:1px solid #dfe6df;border-radius:11px;background:#fcfdfb;outline:0;color:var(--ink);font-size:12px}.input:focus,.input-wrap:focus-within{border-color:#82bb78;box-shadow:0 0 0 3px #eafaec}.collection-list{display:flex;gap:8px;flex-wrap:wrap;max-height:158px;overflow:auto;margin-top:12px}.collection-item,.pill-button{border:1px solid #e1e8df;border-radius:9px;padding:8px 10px;background:#fff;font-size:11px;font-weight:700;color:#4d615a}.collection-item:hover,.pill-button:hover{border-color:#b1d8a2}.collection-item.selected,.pill-button.selected{background:#e9f9c4;border-color:#bee47e;color:#36563d}.model-toolbar{display:flex;gap:9px}.model-toolbar .pill-button{white-space:nowrap}.model-status{color:#98a4a0;font-size:10px;margin:12px 0}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;max-height:390px;overflow:auto}.model-card{padding:0;border:1px solid #e7ece7;border-radius:12px;background:#fafcf9;overflow:hidden;text-align:left;color:var(--ink);position:relative}.model-card.selected{border:2px solid #86be68;background:#f2fbe7}.model-image{aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(145deg,#ecf3e9,#d9e7dd);font-size:39px;overflow:hidden}.model-image img{height:100%;width:100%;object-fit:contain}.model-card strong{font-size:10px;display:block;padding:7px 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-card small{font-size:8px;color:#95a399;display:block;padding:2px 8px 8px}.model-check{position:absolute;top:6px;right:6px;background:#87c971;color:#fff;border-radius:50%;width:18px;height:18px;display:none;place-items:center;font-size:12px}.model-card.selected .model-check{display:grid}.fields{display:grid;gap:17px}.fields label>span{display:block;font-size:11px;font-weight:800;margin-bottom:8px}.fields label small{font-size:10px;font-weight:500;color:#97a29e;margin-left:5px}.input-wrap{border:1px solid #dfe6df;border-radius:11px;display:flex;align-items:center;background:#fcfdfb;overflow:hidden}.input-wrap input{border:0;background:none;outline:0;width:100%;padding:13px 14px;font-size:12px;min-width:0}.input-wrap b{font-size:9px;color:#94a099;white-space:nowrap;padding-right:12px}.info-note{margin-top:20px;background:#f2f7ed;color:#638367;border-radius:10px;padding:12px;font-size:10px;line-height:1.6}.summary{position:sticky;top:22px}.summary h2{font-size:20px;margin:5px 0 15px}.summary-gift{height:140px;border-radius:15px;display:grid;place-items:center;font-size:75px;color:#488467;background:radial-gradient(circle,#ecfae6,#d9eecf)}.summary-line{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:13px 0;font-size:10px}.summary-line span{color:#9aa59f}.summary-line b{text-align:right;max-width:145px;overflow-wrap:anywhere}.market-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.market-tags span{background:#e9f8c5;color:#476b41;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:800}.centered{display:block;margin:15px auto 0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:#182523;color:#fff;border-radius:11px;padding:12px 18px;font-size:12px;box-shadow:0 12px 30px #0003;transition:.2s;pointer-events:none;z-index:10;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
@media(max-width:900px){.sidebar{width:205px}.main{padding:0 24px 50px}.editor-layout{grid-template-columns:1fr}.summary{position:static}.hero-copy{padding:35px}.hero-art{transform:scale(.8)}}
@media(max-width:650px){.sidebar{display:none}.main{padding:0 16px calc(95px + env(safe-area-inset-bottom));width:100%}.topbar{height:57px}.topbar-label{font-size:9px}.live{font-size:8px}.hero{grid-template-columns:1fr;margin-top:18px;min-height:0}.hero-copy{padding:30px 25px 25px}.hero h1{font-size:37px;letter-spacing:-1.8px}.hero p{font-size:11px}.hero-art{height:130px;min-height:130px;transform:none}.orbit-one{width:185px;height:185px}.orbit-two{width:120px;height:120px}.art-card{width:90px;height:114px;border-width:4px;border-radius:16px;box-shadow:9px 10px 0 #263f32}.art-card span{font-size:40px}.art-card b{font-size:10px;letter-spacing:3px}.art-card small{font-size:4px}.stats{gap:8px;margin:11px 0 30px}.stat{padding:15px 10px;border-radius:13px}.stat>span{font-size:7px;letter-spacing:.6px}.stat strong{font-size:24px}.stat small{font-size:8px}.rule-grid{grid-template-columns:1fr}.page-heading{padding:26px 0 20px}.page-heading h1{font-size:36px}.panel{padding:19px}.editor-layout{gap:14px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9;background:#fff;border-top:1px solid var(--line);padding:7px 10px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;font-size:9px;font-weight:700;color:#9ba7a1}.mobile-nav button span{font-size:24px}.mobile-nav button.active{color:#277253}#toast{bottom:90px}}
.collection-list{display:grid;grid-template-columns:1fr;gap:0;max-height:296px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:0}
.collection-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;padding:10px 11px;min-height:60px;color:var(--ink)}
.collection-item:last-child{border-bottom:0}.collection-item.selected{background:#f4faeb;border:0;border-bottom:1px solid var(--line)}
.collection-icon{flex:none;width:40px;height:40px;background:#e9f2e7;border-radius:10px;display:grid;place-items:center;color:#49795b;font-size:20px;overflow:hidden}.collection-icon img{width:100%;height:100%;object-fit:contain}
.collection-name{min-width:0;flex:1}.collection-name b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-name small,.collection-floor small{display:block;color:#98a69f;font-size:9px;font-weight:500;margin-top:2px}
.collection-floor{font-size:11px;font-weight:800;text-align:right;white-space:nowrap}.collection-radio{flex:none;width:16px;height:16px;border:1.5px solid #b7c5b7;border-radius:50%;margin-left:2px}.collection-item.selected .collection-radio{border:5px solid #6aaa56}
.model-card{min-width:0}.model-card small{white-space:normal;overflow-wrap:anywhere;line-height:1.3;min-height:26px}.model-image img{padding:4px}
@media(max-width:650px){.main{padding-top:env(safe-area-inset-top)}.collection-list{max-height:290px}.collection-item{min-height:66px}.collection-icon{width:46px;height:46px}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}.model-toolbar{align-items:stretch}.model-toolbar .pill-button{font-size:10px;padding:0 8px}.model-card strong{font-size:10px}.model-card small{font-size:8px}.model-image{font-size:31px}.model-status{margin:11px 0}.fields label>span small{display:block;margin:2px 0 0}.summary{margin-bottom:12px}}
@media(max-width:350px){.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-label{font-size:8px}}

/* Clear actions and larger touch targets for filters. */
.topbar-brand{display:none}
.rule-card{cursor:default;display:flex;flex-direction:column;min-width:0}
.rule-card:hover{transform:none}
.rule-card h3{margin:16px 0 6px;overflow-wrap:anywhere}
.rule-card p{line-height:1.5;overflow-wrap:anywhere}
.rule-chip-row{margin-bottom:4px}
.rule-foot{margin-top:auto;padding-top:16px;border:0;font-size:10px;letter-spacing:.4px}
.rule-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.rule-action{min-height:43px;padding:10px 15px;border:1px solid #d9e6dc;border-radius:11px;background:#f2f8ed;color:#28644a;font-size:12px;font-weight:800;text-align:center}
.rule-action.edit{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rule-action.edit span{font-size:17px}
.rule-action.delete{background:#fff;color:#a7514a;border-color:#edddda}
.rule-action:hover{filter:brightness(.97)}
.rule-action:focus-visible,.button:focus-visible,.mobile-nav button:focus-visible,.collection-item:focus-visible,.model-card:focus-visible{outline:3px solid #65ab72;outline-offset:2px}
.dialog-open{overflow:hidden}
.dialog-backdrop{position:fixed;inset:0;z-index:30;background:#101b1caa;display:grid;place-items:center;padding:18px}
.dialog-backdrop[hidden]{display:none}
.confirm-dialog{width:min(100%,420px);background:#fff;border-radius:23px;padding:27px;box-shadow:0 24px 80px #0b151c45}
.confirm-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#fff0eb;color:#bd5348;font-size:19px;font-weight:800}
.confirm-dialog h2{font-size:22px;letter-spacing:-.7px;margin:18px 0 7px}
.confirm-dialog p{font-size:13px;line-height:1.6;color:#6f7e79}
.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}
.button.secondary{background:#f1f5f1;color:#385449}.button.danger{background:#b94f45;color:#fff}
.confirm-actions .button{min-height:46px;gap:0;font-size:12px}
.delete-edit:not([hidden]){display:block;margin:14px auto 0;color:#a7514a;min-height:40px}

/* Keep collection and model labels readable at phone widths. */
.collection-item{min-width:0}
.collection-name small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.model-card{display:flex;flex-direction:column}
.model-card strong{line-height:1.35}
.model-card small{margin-top:auto;color:#65756d}
.model-check{width:25px;height:25px;top:7px;right:7px;font-size:14px;box-shadow:0 2px 8px #0002}

@media(max-width:650px){
  :root{--bg:#f3f5ef}
  .main{padding:0 14px calc(90px + env(safe-area-inset-bottom));}
  .topbar{height:66px;gap:8px}
  .topbar-brand{display:flex;align-items:center;gap:8px;min-width:0;font-size:17px;letter-spacing:-.7px}
  .topbar-brand .brand-mark{width:29px;height:29px;border-radius:9px;font-size:20px}
  .topbar-brand strong span{color:#4b9a65}
  .topbar-label{display:none}
  .live{font-size:9px;letter-spacing:.6px;white-space:nowrap}
  .hero{margin-top:14px;border-radius:21px;display:block}
  .hero-copy{padding:27px 23px 25px}
  .hero .eyebrow{font-size:9px;letter-spacing:1.2px}
  .hero h1{font-size:clamp(30px,9vw,43px);letter-spacing:-1.8px;margin:11px 0}
  .hero p{font-size:12px;line-height:1.6;margin:0 0 20px}
  .hero .button{min-height:46px;font-size:13px}
  .hero-art{display:none}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 28px}
  .stat{min-width:0;padding:12px 10px}
  .stat>span{display:block;min-height:20px;font-size:8px;line-height:1.25;letter-spacing:.25px}
  .stat strong{font-size:25px;margin:6px 0 0}
  .stat small{display:block;font-size:9px;line-height:1.3}
  .section-head{align-items:center}
  .section-head h2{font-size:23px}
  .text-button{min-height:42px}
  .page-heading{padding:25px 3px 19px}
  .page-heading h1{font-size:32px;letter-spacing:-1.5px}
  .page-heading p{font-size:12px;line-height:1.5}
  .toolbar{gap:10px;padding:12px;margin-bottom:13px}
  .toolbar .button{min-height:42px;gap:4px;font-size:11px}
  .rule-grid{gap:11px}
  .rule-card{padding:17px;border-radius:16px}
  .rule-card h3{font-size:17px}
  .rule-card p{font-size:12px;min-height:0}
  .rule-active{font-size:9px}
  .rule-chip-row{margin-top:15px}
  .chip{font-size:11px;padding:6px 9px}
  .rule-actions{gap:8px}
  .rule-action{min-height:45px;font-size:12px}
  .panel{padding:17px;border-radius:17px}
  .step-head{margin-bottom:19px;align-items:flex-start}
  .step-number{width:40px;height:40px;flex:none}
  .step-head h2{font-size:17px}
  .step-head p{font-size:12px;line-height:1.4;margin-top:4px}
  .field-label,.fields label>span{font-size:12px}
  .input,.input-wrap input{font-size:16px;min-height:48px}
  .collection-list{max-height:min(44vh,365px);border-radius:12px}
  .collection-item{min-height:72px;padding:9px 10px;gap:9px}
  .collection-icon{width:48px;height:48px}
  .collection-name b{font-size:13px}
  .collection-name small,.collection-floor small{font-size:10px}
  .collection-floor{font-size:11px;max-width:98px;overflow:hidden;text-overflow:ellipsis}
  .collection-radio{margin-left:0}
  .model-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .model-toolbar .pill-button{min-height:48px;padding:0 12px;font-size:11px}
  .model-status{font-size:11px;line-height:1.5}
  .model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:min(54vh,500px);overflow-y:auto;overscroll-behavior:contain;padding:1px 3px 3px 1px}
  .model-card{border-radius:13px}
  .model-card strong{font-size:11px;padding:8px 8px 2px;white-space:normal;overflow:visible;overflow-wrap:anywhere}
  .model-card small{font-size:10px;line-height:1.35;padding:2px 8px 9px;min-height:0}
  .model-image{aspect-ratio:1;background:#edf4eb}
  .fields{gap:18px}
  .fields label small{font-size:11px;line-height:1.4}
  .input-wrap b{font-size:11px;padding-right:14px}
  .info-note{font-size:11px;line-height:1.5}
  .summary{margin-bottom:14px}
  .summary-gift{height:100px;font-size:55px}
  .summary-line{font-size:12px}
  .summary-line b{max-width:65%}
  .summary .button{min-height:50px;font-size:13px}
  .mobile-nav{padding:7px 12px calc(7px + env(safe-area-inset-bottom));gap:5px;box-shadow:0 -7px 24px #2035280c}
  .mobile-nav button{min-height:49px;flex:1;font-size:10px;border-radius:11px}
  .mobile-nav button span{font-size:22px}
  .mobile-nav button.active{background:#eef8e3}
  #toast{width:max-content;max-width:calc(100vw - 34px);font-size:12px;text-align:center}
}
@media(max-width:430px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:350px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats .stat:last-child{grid-column:1/-1}.stat small{font-size:9px}.collection-floor{max-width:78px}.model-toolbar .pill-button{padding:0 7px}}

/* Optional selectors stay compact until opened. */
.collapsible{padding:0;overflow:hidden}.collapsible>summary{cursor:pointer;list-style:none;padding:22px;margin:0;align-items:center}.collapsible>summary::-webkit-details-marker{display:none}.collapsible .step-head>div{min-width:0;flex:1}.collapsible .collapse-cue{margin-left:auto;color:#557461;font-size:24px;line-height:1;transition:transform .2s}.collapsible[open] .collapse-cue{transform:rotate(180deg)}.collapsible-body{padding:0 22px 22px}.collapsible:not([open])>summary{min-height:80px}.backdrop-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:7px;max-height:190px;overflow:auto;margin:12px 0;overscroll-behavior:contain}.backdrop-option{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 11px;border:1px solid #e2e9df;border-radius:10px;background:#fbfdf9;color:#40544b;text-align:left;font-size:11px;font-weight:700}.backdrop-option span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backdrop-option.selected{border-color:#8dc46e;background:#e9f8ce;color:#2b583b}.backdrop-dot{color:#80ae77}.backdrop-check{margin-left:auto}.backdrop-clear{margin-top:4px}.all-collections{border-color:#c6dfad;background:#f4fbe9}.all-collections .collection-icon{font-size:25px}.collection-name{min-width:0}.collapsible .optional{white-space:nowrap}
@media(max-width:600px){.collapsible>summary{padding:17px}.collapsible-body{padding:0 17px 18px}.backdrop-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(27vh,220px)}.backdrop-option{min-height:42px;font-size:11px}.collapsible .step-head p{line-height:1.35}}

/* RED-inspired dark palette: navy surfaces, clear white type and scarlet actions. */
:root{
  color-scheme:dark;
  --bg:#111927;
  --paper:#1c2738;
  --ink:#f4f6fa;
  --muted:#a0acc0;
  --line:#344155;
  --dark:#101824;
  --lime:#f12432;
  --green:#f12432;
  --red-soft:#492630;
}
body{background:radial-gradient(circle at 10% 0%,#3b1c29 0,#111927 32%,#101724 100%);color:var(--ink)}
.sidebar{background:#0b121e;color:var(--ink);border-right:1px solid #253146}
.brand-mark{background:#ed202f;color:#fff;box-shadow:0 4px 16px #ed202f36}
.brand-accent,.topbar-brand strong span{color:#ff3b48}
.brand small,.sidebar-caption,.nav,.nav b,.sidebar-bottom small{color:#a1adbf}
.nav b{background:#263245}
.nav.active,.nav:hover{background:#302433;color:#fff}
.nav.active span{color:#ff3542}
.sidebar-bottom{border-top-color:#293548;color:#e2e7ee}
.pulse,.live i{background:#f02b39;box-shadow:0 0 0 4px #f02b3925}
.topbar{color:#a0acc0}
.live{color:#e4a7ae}
.eyebrow,.hero .eyebrow,.period{color:#ff4854}
.hero{background:linear-gradient(115deg,#191f30 4%,#141e2c 60%,#421821 120%);border:1px solid #344054}
.hero h1 em{color:#ff3946}
.hero p{color:#b7c0cf}
.hero::before{content:"";position:absolute;inset:auto -13% -88% auto;width:440px;height:440px;border-radius:50%;background:#e91f2a18;filter:blur(45px);pointer-events:none}
.button.primary{background:#ed202e;color:#fff;box-shadow:0 6px 18px #ed202e32}
.button.primary:hover{background:#ff3846}
.orbit{border-color:#5b3341}
.art-card{background:linear-gradient(145deg,#fa3040,#b90e21);border-color:#fa3b49;box-shadow:20px 24px 0 #331f2d,0 30px 80px #06080e;color:#fff}
.art-spark{color:#ff4b56}
.stat,.rule-card,.panel,.toolbar,.confirm-dialog{background:var(--paper);border-color:var(--line);color:var(--ink)}
.stat>span,.stat small,.rule-card p,.rule-foot,.page-heading p,.step-head p,.optional,.summary-line span,.model-status,.collection-name small,.collection-floor small{color:var(--muted)}
.rule-card:hover{box-shadow:0 14px 35px #050a1470}
.rule-icon,.step-number{background:#4a2630;color:#ff5863}
.rule-active,.rule-foot b,.text-button{color:#ff5b66}
.chip{background:#2b394d;color:#c7d0dd}
.chip.accent,.market-tags span{background:#4b2733;color:#ffbbc0}
.empty{background:var(--paper);border-color:#465169}
.toolbar{color:var(--muted)}
.input,.input-wrap,.collection-item,.pill-button,.model-card,.backdrop-option{background:#131d2c;border-color:#39465a;color:var(--ink)}
.input::placeholder,.input-wrap input::placeholder{color:#8492a7}
.input-wrap input{color:var(--ink)}
.input-wrap b,.fields label small{color:#a5b0c0}
.input:focus,.input-wrap:focus-within{border-color:#f13b48;box-shadow:0 0 0 3px #f13b4828}
.collection-list{border-color:var(--line)}
.collection-item{border-color:var(--line)}
.collection-item:hover,.pill-button:hover{background:#263245;border-color:#e94450}
.collection-item.selected,.pill-button.selected,.all-collections.selected{background:#492633;border-color:#f04450;color:#fff}
.collection-icon{background:#28374a;color:#ff6973}
.all-collections{background:#1b2a3b;border-color:#4d3b4b}
.collection-radio{border-color:#8797ab}
.collection-item.selected .collection-radio{border-color:#f04753}
.model-card{background:#172232;border-color:#35445a}
.model-card.selected{background:#462632;border-color:#f34250}
.model-image,.model-image img{background:#233044}
.model-card small{color:#a2aec1}
.model-check{background:#ef2937;color:#fff}
.info-note{background:#292e40;color:#c3cad7}
.summary-gift{background:radial-gradient(circle,#542632,#222e40);color:#ff606c}
.backdrop-option:hover{background:#263245;border-color:#e94450}
.backdrop-option.selected{background:#4b2633;border-color:#f04450;color:#fff}
.backdrop-dot{color:#ff5965}
.collapsible .collapse-cue{color:#ff5661}
.rule-action{background:#2e2939;color:#ffc3c7;border-color:#704050}
.rule-action.delete{background:#201c29;color:#ff8890;border-color:#5c3541}
.rule-action:hover{filter:brightness(1.15)}
.rule-action:focus-visible,.button:focus-visible,.mobile-nav button:focus-visible,.collection-item:focus-visible,.model-card:focus-visible,.backdrop-option:focus-visible,.pill-button:focus-visible{outline:3px solid #ff5a66;outline-offset:2px}
.dialog-backdrop{background:#070c16d9}
.confirm-icon{background:#492633;color:#ff6671}
.confirm-dialog p{color:#b0bbca}
.button.secondary{background:#303c4f;color:#eef1f6}
.button.danger{background:#df2533;color:#fff}
.delete-edit:not([hidden]){color:#ff818a}
.mobile-nav{background:#111927;border-top-color:#344155}
.mobile-nav button{color:#9caabc}
.mobile-nav button.active{color:#ff5762}
.mobile-nav button.active span{color:#ff5762}
#toast{background:#e82c39;color:#fff;box-shadow:0 12px 30px #050a1680}
@media(max-width:650px){
  :root{--bg:#111927}
  .mobile-nav{background:#111927;box-shadow:0 -7px 24px #050b1880}
  .mobile-nav button.active{background:#3f2532}
  .model-image{background:#233044}
}