.ccx{--bg: #070A12;--panel: rgba(255,255,255,.08);--panel2: rgba(255,255,255,.06);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.6);--line: rgba(255,255,255,.12);--glow: rgba(87,168,255,.55);--radius: 22px;--shadow: 0 18px 40px rgba(0,0,0,.3);--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;color:var(--text);font-family:var(--font)}.ccx__wrap{max-width:1200px;margin:0 auto;padding:22px 16px}.ccx__top{margin-bottom:16px}.ccx__badge{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(90deg,#57a8ff2e,#ffffff0a);box-shadow:0 0 0 1px #57a8ff1a,0 10px 30px #0003;font-size:12px;letter-spacing:.2px}.ccx__h{margin:10px 0 4px;font-size:34px;line-height:1.1}.ccx__sub{margin:0 0 10px;color:var(--muted)}.ccx__notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,211,106,.18);background:#ffd36a14}.ccx__noticeIcon{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-size:12px;color:#0b1020;background:#ffd36af2}.ccx__noticeText{font-size:13px;color:#ffffffbf}.ccx__grid{display:grid;grid-template-columns:1.25fr .95fr;gap:16px}.ccx__panel{border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ccx__panel--controls,.ccx__panel--preview{padding:14px}.ccx__sticky{position:sticky;top:18px}.ccx__step{border-radius:18px;border:1px solid var(--line);background:var(--panel2);padding:14px;margin-bottom:14px}.ccx__stepHead{display:flex;gap:12px;align-items:center;margin-bottom:12px}.ccx__stepNo{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#57a8ff2e;border:1px solid rgba(87,168,255,.35)}.ccx__stepTitle{font-weight:800;letter-spacing:.2px}.ccx__stepDesc{font-size:13px;color:var(--muted);margin-top:2px}.ccx__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ccx__row--tight{margin-top:10px;grid-template-columns:1fr auto;align-items:center}.ccx__field{display:grid;gap:6px}.ccx__label{font-size:13px;color:#ffffffd9}.ccx__help{font-size:12px;color:var(--muted)}.ccx__inputWrap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:#0000002e;box-shadow:inset 0 0 0 1px #ffffff08}.ccx__input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font-size:16px}.ccx__unit{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;color:#ffffffbf}.ccx__toggle{display:inline-flex;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;overflow:hidden}.ccx__toggleBtn{padding:10px 14px;border:0;background:transparent;color:#ffffffbf;cursor:pointer}.ccx__toggleBtn.is-active{background:#57a8ff2e;color:#ffffffeb}.ccx__link{font-size:13px;color:#57a8fff2;text-decoration:none}.ccx__link:hover{text-decoration:underline}.ccx__pillGroup{display:grid;gap:8px}.ccx__pillLabel{font-size:12px;color:var(--muted)}.ccx__pillBtn{border:1px solid var(--line);background:#ffffff0d;color:#ffffffd1;padding:10px 12px;border-radius:14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.ccx__pillBtn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #00000040}.ccx__pillBtn.is-active{border-color:#57a8ff73;box-shadow:0 0 0 1px #57a8ff33}.ccx__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ccx__card{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;padding:14px;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.ccx__card:hover{transform:translateY(-2px);box-shadow:0 16px 35px #0000004d}.ccx__card.is-active{border-color:#57a8ff80;box-shadow:0 0 0 1px #57a8ff2e}.ccx__cardTitle{font-weight:900}.ccx__cardMeta{font-size:12px;color:var(--muted);margin-top:4px}.ccx__preview{border-radius:18px;border:1px solid var(--line);background:#ffffff0d;overflow:hidden}.ccx__previewTop{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.ccx__previewTitle{font-weight:900}.ccx__pill{font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(87,168,255,.3);background:#57a8ff24}.ccx__stage{padding:14px;height:170px;position:relative}.ccx__rail{height:10px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12)}.ccx__curtains{position:absolute;top:40px;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ccx__panelLeft,.ccx__panelRight{border-radius:14px;background:linear-gradient(180deg,#ffffff24,#ffffff0a);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #0000001a}.ccx__shadow{position:absolute;left:14px;right:14px;bottom:12px;height:16px;border-radius:999px;background:#00000040;filter:blur(6px)}.ccx__metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border-top:1px solid var(--line)}.ccx__metric{border-radius:16px;border:1px solid var(--line);background:#00000029;padding:10px 12px}.ccx__metricLabel{font-size:12px;color:var(--muted)}.ccx__metricValue{font-size:16px;font-weight:900;margin-top:4px}.ccx__summary{margin-top:12px;border-radius:18px;border:1px solid var(--line);background:#ffffff0d;padding:12px}.ccx__summaryHead{margin-bottom:10px}.ccx__summaryTitle{font-weight:900}.ccx__summaryMeta{font-size:12px;color:var(--muted)}.ccx__summaryRow{display:flex;justify-content:space-between;padding:10px 8px;border-top:1px solid rgba(255,255,255,.08)}.ccx__form{display:grid;gap:12px}.ccx__textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#0000002e;color:var(--text);padding:12px;outline:none}.ccx__btn{border:1px solid rgba(87,168,255,.45);background:linear-gradient(90deg,#57a8ff38,#ffffff0f);color:#ffffffeb;padding:12px 14px;border-radius:16px;cursor:pointer;font-weight:900;letter-spacing:.2px;transition:transform .12s ease,box-shadow .12s ease}.ccx__btn:hover{transform:translateY(-1px);box-shadow:0 18px 40px #00000047}.ccx__fine{font-size:12px;color:var(--muted);margin:0}@media(max-width:980px){.ccx__grid{grid-template-columns:1fr}.ccx__sticky{position:static}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/curtain-config.css.map */