:root{--ink:#100b19;--panel:#191222;--line:#ffffff18;--pink:#fa5bd7;--purple:#9b6cff;--soft:#c8bfd0}*{box-sizing:border-box}body{margin:0;background:#0c0812;color:#fff;font-family:'DM Sans',sans-serif}.login{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 100%,#7a2875,transparent 45%),#0c0812}.login-card{width:min(480px,100%);padding:55px;background:#17101f;border:1px solid #ffffff20;text-align:center;box-shadow:0 25px 80px #0008}.login-card h1{font:400 4.2rem/.82 Italiana,serif;margin:15px}.login-card h1 em{color:#e4b7ff}.login-card p{color:var(--soft);line-height:1.6}.login-card input,.login-card button{width:100%;padding:16px;border-radius:7px;margin-top:12px}.login-card input{background:#0d0913;border:1px solid #ffffff28;color:#fff}.login-card button,.publish{background:linear-gradient(120deg,var(--pink),var(--purple));border:0;color:#fff;font-weight:700;cursor:pointer}.login-card small{display:block;margin-top:18px;color:#746b7c}.admin-gem{color:#ff9fe9;font-size:2rem;text-shadow:0 0 30px #ff50d8}.kicker{text-transform:uppercase;letter-spacing:.25em;font-size:.62rem;color:#e5a5f5;margin:0}.admin-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.admin-shell aside{background:#100b17;border-right:1px solid var(--line);padding:28px 18px;position:sticky;top:0;height:100vh}.admin-logo{display:grid;grid-template-columns:45px 1fr;color:#fff;text-decoration:none;align-items:center;margin:0 10px 45px}.admin-logo>span{grid-row:1/3;width:36px;height:36px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;font-family:Italiana}.admin-logo b{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.admin-logo small{color:#897f91}.admin-shell nav button,.signout{display:flex;gap:12px;width:100%;padding:13px 14px;margin:5px 0;border:0;border-radius:8px;background:transparent;color:#9990a3;cursor:pointer;text-align:left}.admin-shell nav button.active,.admin-shell nav button:hover{background:#ffffff0d;color:#fff}.signout{position:absolute;bottom:25px}.admin-shell main{padding:0 5vw 70px}.admin-shell header{display:flex;justify-content:space-between;align-items:center;min-height:125px;border-bottom:1px solid var(--line)}.admin-shell header h1{font:400 2.2rem Italiana;margin:7px 0}.header-actions{display:flex;align-items:center;gap:12px}.header-actions span{font-size:.7rem;color:#8e8497}.secondary,.publish{padding:12px 17px;border-radius:100px;cursor:pointer}.secondary{background:transparent;color:#fff;border:1px solid #ffffff36}.panel{display:none;padding-top:55px}.panel.active{display:block}.panel-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.panel-title h2{font:400 3rem Italiana,serif;margin:8px 0}.panel-title>p{color:#958b9e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label,.design-grid label{display:flex;flex-direction:column;gap:9px;color:#aaa0b2;font-size:.72rem}.form-grid .wide{grid-column:1/3}input,textarea,select{width:100%;background:#17101f;border:1px solid #ffffff1c;border-radius:7px;color:#fff;padding:13px;outline:none}input:focus,textarea:focus,select:focus{border-color:#d75fd0}.upload-row{display:grid;grid-template-columns:1fr auto auto;gap:8px}.upload-row input[type=file]{max-width:230px}.upload-row button{background:#33233f;color:#fff;border:0;border-radius:7px;padding:0 18px}.editor-list{display:grid;gap:12px}.editor-card{display:grid;grid-template-columns:35px 1.3fr 1fr .6fr 1.3fr auto;gap:10px;align-items:center;padding:16px;background:#17101f;border:1px solid var(--line);border-radius:9px}.editor-card.video{grid-template-columns:35px 1fr 1fr 1.2fr 1.2fr auto}.editor-card .drag{color:#6d6375}.remove{border:0;background:#311724;color:#ff92ad;width:35px;height:35px;border-radius:50%;cursor:pointer}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.design-grid input[type=color]{height:90px;padding:8px}.look-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.look-card{background:#17101f;border:1px solid var(--line);padding:14px;border-radius:10px}.look-card .look-image{aspect-ratio:4/5;background:#0b0810 center/cover;border-radius:6px;margin-bottom:13px}.look-card input,.look-card textarea{margin:5px 0}.look-card-actions{display:flex;gap:8px;margin-top:8px}.look-card-actions input{font-size:.65rem}.look-card-actions button{padding:9px;border:0;border-radius:5px}.status-pill{position:fixed;right:20px;bottom:20px;background:#2e1535;padding:13px 18px;border-radius:50px;z-index:10}#toast{display:none;position:fixed;right:25px;bottom:25px;background:#fff;color:#1b1220;padding:14px 20px;border-radius:8px;z-index:99;box-shadow:0 15px 40px #0006}#toast.show{display:block}
@media(max-width:800px){.admin-shell{grid-template-columns:1fr}.admin-shell aside{position:sticky;height:auto;z-index:5;padding:12px;display:flex;align-items:center}.admin-logo{margin:0 auto 0 0}.admin-logo small{display:none}.admin-shell nav{display:flex}.admin-shell nav button{width:42px;padding:12px}.admin-shell nav span,.signout{display:none}.admin-shell main{padding:0 18px 50px}.admin-shell header{display:block;padding:25px 0}.header-actions{flex-wrap:wrap}.form-grid,.design-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.editor-card,.editor-card.video{grid-template-columns:25px 1fr}.editor-card .remove{grid-column:2}.look-editor{grid-template-columns:1fr}.panel-title{align-items:flex-start;gap:15px}.panel-title h2{font-size:2.4rem}.upload-row{grid-template-columns:1fr}.login-card{padding:35px 24px}}
.editor-card{grid-template-columns:62px 76px 1.3fr 1fr .6fr 1.3fr auto}.editor-card.video{grid-template-columns:62px 76px 120px 1fr 1fr 1.2fr 1.2fr auto}.order-buttons{display:flex;gap:5px}.order-buttons button{width:34px;height:34px;border:1px solid #ffffff2c;border-radius:7px;background:#2d2037;color:#fff;font-size:1rem;cursor:pointer}.order-buttons button:disabled{opacity:.25;cursor:default}.look-order{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#b9afc0;font-size:.72rem}
@media(max-width:800px){.editor-card,.editor-card.video{grid-template-columns:25px 76px 1fr}.editor-card input{grid-column:2/4}.editor-card .remove{grid-column:3}.look-order .order-buttons{margin-left:auto}}
.form-divider{margin:18px 0 4px;border-top:1px solid #ffffff1c;padding-top:24px}.form-divider span{font:400 1.35rem Italiana,serif;color:#e7b4ef}
.visibility{padding:12px 17px;border-radius:100px;font-weight:700;cursor:pointer}.visibility.public{background:#153b2d;border:1px solid #3bc58a;color:#8ff0c2}.visibility.private{background:#3c1c29;border:1px solid #ec6b9b;color:#ff9cbe}
.song-upload{grid-column:2/-1;display:grid;grid-template-columns:minmax(190px,1fr) auto auto;gap:10px;align-items:center;padding-top:10px;border-top:1px solid #ffffff12}.song-upload input{font-size:.7rem}.song-upload button{padding:12px 16px;border:1px solid #b85ac0;background:#3b1f48;color:#fff;border-radius:7px;cursor:pointer}.song-upload button:disabled{opacity:.55}.song-upload small{color:#9e93a6;font-size:.64rem}@media(max-width:800px){.song-upload{grid-column:2/4;grid-template-columns:1fr}.song-upload button{min-height:44px}}
.drop-zone{min-height:112px;margin:0 0 26px;padding:22px 26px;border:1.5px dashed #a96dbe;background:linear-gradient(135deg,#24152f,#17101f);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:18px;text-align:left;color:#fff;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.drag-over{border-color:#ff77df;background:linear-gradient(135deg,#3e1b47,#1d1229);box-shadow:0 0 0 4px #e85cd315;outline:none}.drop-zone.drag-over{transform:scale(1.01)}.drop-zone.uploading{pointer-events:none;opacity:.7}.drop-zone .drop-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple));font-size:1.25rem;box-shadow:0 8px 25px #d74fc744}.drop-zone b,.drop-zone small{display:block}.drop-zone b{font-size:.95rem}.drop-zone small{margin-top:5px;color:#a99faf;font-size:.68rem}.drop-zone.compact{margin:0;min-height:88px;justify-content:flex-start}.reorder-hint{margin:9px 0 0;color:#9c91a5;font-size:.72rem}.drag-handle{min-width:54px;padding:7px 6px;border:1px solid #ffffff20;border-radius:8px;background:#261a31;color:#d8cde0;display:flex;align-items:center;justify-content:center;gap:6px;cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle span{letter-spacing:-4px;color:#d66ed2;font-size:1rem}.drag-handle b{font-size:.68rem}.sortable-card{transition:border-color .18s,transform .18s,opacity .18s}.sortable-card.dragging{opacity:.42;transform:scale(.985);border-color:#e570d8}.sortable-card.drop-target{border-color:#ff78df;box-shadow:0 0 0 3px #ff78df22}.touch-sorting{user-select:none;overflow:hidden}.look-order .drag-handle{margin-right:8px}.look-order>b{margin-right:auto}.look-editor .drop-target{transform:translateY(-3px)}
@media(max-width:800px){.drop-zone{padding:18px;min-height:100px}.drop-zone .drop-icon{width:42px;height:42px}.editor-card,.editor-card.video{grid-template-columns:58px 76px 1fr}.drag-handle{min-height:42px}.look-order{gap:6px}}
.admin-media-preview{position:relative;overflow:hidden;background:#0a0710;border:1px solid #ffffff18;border-radius:9px;color:#8d8295}.admin-media-preview img,.admin-media-preview video,.admin-media-preview iframe{width:100%;height:100%;display:block;object-fit:cover;transition:transform .15s}.home-preview{width:min(560px,100%);aspect-ratio:16/9;margin:10px 0}.video-thumb{width:120px;aspect-ratio:16/10}.media-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:6px;color:#c56fc1}.media-placeholder small{font-size:.58rem;color:#776d7f}.thumb-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#100a18cc;color:#fff;font-size:.6rem}.thumb-badge{position:absolute;right:5px;bottom:5px;padding:3px 6px;border-radius:4px;background:#e33232;color:#fff;font-size:.5rem;font-weight:700}.media-adjusters{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;padding:13px;background:#0f0a16;border:1px solid #ffffff14;border-radius:9px}.media-adjusters label{display:grid!important;grid-template-columns:1fr auto;gap:7px!important;align-items:center;font-size:.62rem!important}.media-adjusters input[type=range]{grid-column:1/3;padding:0;accent-color:var(--pink)}.media-adjusters output{color:#ee9ede}.media-adjusters select{grid-column:1/3;padding:8px}.item-media-controls{grid-column:3/-1}.look-card .item-media-controls{grid-template-columns:1fr 1fr;margin:10px 0}.look-card .look-image{overflow:hidden;background-image:none!important}.look-card .look-image img{width:100%;height:100%;display:block;object-fit:cover}@media(max-width:1100px){.media-adjusters{grid-template-columns:1fr 1fr}.editor-card.video{grid-template-columns:62px 76px 120px 1fr 1fr}.editor-card.video .item-media-controls{grid-column:3/-1}}@media(max-width:800px){.editor-card.video .video-thumb{grid-column:2/4;width:160px}.home-preview{width:100%}.media-adjusters{grid-template-columns:1fr 1fr}.item-media-controls{grid-column:2/4}}