
.order-page{background:linear-gradient(155deg,#f4eefb,#fbf8f5 55%);padding:48px 0 85px}.order-wrap{width:min(1060px,calc(100% - 34px));margin:0 auto}.return-link{display:inline-block;color:#725ac2;font-size:12px;font-weight:800;margin-bottom:25px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px;align-items:start}.order-panel{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #e8dff1;box-shadow:0 17px 50px #26203d0a}.order-panel-head{background:#1b1934;color:white;padding:31px 34px}.order-panel-head .eyebrow{color:#bfaeff}.order-panel-head h1{font:800 clamp(31px,4.1vw,45px)/1.18 Manrope,system-ui;margin:13px 0 9px;letter-spacing:-.05em}.order-panel-head p{font-size:13px;color:#d4d0e5;max-width:580px;margin:0}.order-inner{padding:28px 32px 33px}.step-title{font:800 20px Manrope,system-ui;margin:8px 0 15px;letter-spacing:-.035em}.step-mark{color:#775ed9;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-box{margin-bottom:17px}.form-box label{font-size:12px;font-weight:800;color:#454054;display:block;margin:0 0 7px}.form-box label small{font-weight:500;color:#87818e}.form-box textarea{resize:vertical;min-height:172px;line-height:1.75}.form-box input,.form-box select,.form-box textarea{width:100%;border:1px solid #ded7e2;padding:13px 14px;border-radius:12px;background:#fff;font:13px/1.5 'DM Sans',system-ui;color:#30283f}.form-box input:focus,.form-box select:focus,.form-box textarea:focus{outline:2px solid #a58cff;outline-offset:1px}.example-box{background:#f7f3ff;border:1px solid #e6dcff;border-radius:14px;padding:16px 19px;margin:0 0 23px}.example-box summary{cursor:pointer;font-size:12px;color:#7055c4;font-weight:800}.example-box p{font-size:12px;line-height:1.83;color:#585168;margin:14px 0 4px}.rec-mini{display:flex;gap:11px;align-items:center;flex-wrap:wrap;background:#faf8ff;border:1px solid #ebe2fb;border-radius:15px;padding:16px 18px;margin:10px 0 22px}.rec-mini .rec-text{flex:1;min-width:180px}.rec-mini strong{display:block;font-size:13px}.rec-mini small{display:block;color:#847b8d;font-size:11px}.rec-mini button{border:0;border-radius:11px;background:#e8ddff;color:#6447b7;padding:10px 14px;font-weight:800;font-size:12px;cursor:pointer}.rec-mini button:disabled{opacity:.55;cursor:default}.rec-mini audio{width:100%;height:42px}.rec-mini .rec-readout{font-size:11px;color:#695780;max-width:100%}.rec-mini input[type=file]{width:100%;font-size:11px}.step-divider{border:0;border-top:1px solid #eee9ef;margin:28px 0}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-card{border:1px dashed #c3b3df;background:#fbf9ff;border-radius:15px;padding:16px}.upload-card strong{display:block;font-size:12px;margin-bottom:7px}.upload-card p{font-size:11px;line-height:1.65;color:#80788f;margin:0 0 8px}.upload-card input{background:white;width:100%;border:1px solid #ede5f4;border-radius:9px;font-size:11px;padding:7px}.upload-preview{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.upload-preview img{width:64px;height:64px;object-fit:cover;border-radius:9px;border:1px solid #d8d0e8}.inst-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 18px}.inst-grid label{font-size:11px;font-weight:700;color:#5d5569;display:flex;gap:5px;align-items:center;padding:9px;border-radius:10px;border:1px solid #e7e0ea;background:#fff;cursor:pointer}.inst-grid input{accent-color:#916aff}.club-terms{background:#f5f0ff;border:1px solid #e0d7fa;border-radius:12px;padding:14px 16px;color:#685b7d;font-size:12px;line-height:1.7;margin-bottom:16px}.order-checkbox{font-size:12px;color:#625e6d;display:flex;align-items:flex-start;gap:9px;line-height:1.6}.order-checkbox input{margin-top:4px;accent-color:#8465d4;flex:none}.action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:25px}.action-row .btn{white-space:normal}.small-note{color:#827b89;font-size:11px;line-height:1.6}.summary-box{background:#1c1a36;color:white;border-radius:22px;padding:25px;position:sticky;top:18px}.summary-box .eyebrow{color:#bdacff}.summary-box h2{font:800 24px Manrope,system-ui;margin:12px 0 9px;letter-spacing:-.03em}.summary-box p{font-size:12px;color:#c5bed8}.summary-box .sum-line{display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff23;padding:13px 0;font-size:12px}.summary-box .sum-line span:first-child{color:#bbb4ce}.summary-box .sum-line strong{text-align:right}.summary-box .sum-price{font:800 36px Manrope,system-ui;letter-spacing:-1px;margin-top:18px}.summary-box .sum-foot{font-size:11px;color:#c1bad8}.summary-box .btn{width:100%;margin-top:16px}.summary-box .stripe-notice{font-size:11px;color:#c7bddd;line-height:1.65;margin-top:12px}.summary-box .stripe-notice strong{color:#fff}.story-approval{border-left:3px solid #9e89ff;background:#f4efff;padding:14px 17px;margin-top:17px;border-radius:3px 13px 13px 3px;font-size:12px;line-height:1.7;color:#665d78}.order-modal{position:fixed;inset:0;z-index:90;background:#161327bb;display:grid;place-items:center;padding:20px}.order-modal.hidden{display:none}.order-modal article{max-width:630px;width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:27px}.order-modal header{display:flex;justify-content:space-between;gap:12px;align-items:start;background:white;color:#28263a;border:0}.order-modal header button{border:0;background:#eee9f2;border-radius:9px;padding:6px 12px;font-size:22px}.order-modal pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 'DM Sans',system-ui;background:#faf7ff;padding:15px;border-radius:11px;max-height:44vh;overflow:auto}.order-modal .action-row{margin-top:15px}.order-modal p{font-size:12px;color:#6f687a}.pay-state{color:#766089;font-size:12px;margin-top:13px}.order-terms{font-size:11px;color:#817985;margin-top:14px}.file-alert{font-size:11px;color:#a43554;padding-top:5px;display:none}
@media(max-width:830px){.order-layout{grid-template-columns:1fr}.summary-box{position:static;order:-1}.order-page{padding-top:30px}}
@media(max-width:530px){.order-inner{padding:22px 18px}.order-panel-head{padding:27px 20px}.form-row,.reference-grid{grid-template-columns:1fr}.inst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rec-mini{padding:14px}.order-page{padding-bottom:50px}}

.order-checkbox input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;min-height:0!important;padding:0!important;margin-top:3px!important;flex:0 0 18px!important}

.word-count{font-size:11px;color:#81778b;text-align:right;margin:-11px 2px 16px}.word-count.limit{color:#b73458;font-weight:800}.song-layout-box{margin-top:19px}.song-layout-box textarea{min-height:85px;margin-top:10px}.song-layout-box .small-note{margin:6px 0 4px}
