/* Real platform layer — retains MIDNIGHT LOT's original black/gold identity. */
:root{--bg:#090b0e;--card:#12161b;--line:#313338;--gold:#e9bc70}
body{overflow-x:hidden}
.sidebar{z-index:7}.navbtn{gap:12px}.navbtn .sym{width:19px;display:grid;place-items:center;font-size:17px}.brandmark{letter-spacing:-3px}
.topbrand{text-decoration:none}.statuschip{display:inline-flex;border:1px solid #6c5432;border-radius:7px;font-size:10px;letter-spacing:.7px;padding:7px 9px;color:#f3cf8f;background:#281f14;white-space:nowrap}.top-auth{padding:9px 12px;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.nav-subtitle{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#9aa0a6;display:block;margin:25px 10px 8px}
.app-banner{background:linear-gradient(117deg,#161b1d,#14120f);border:1px solid #534328;color:#e5d3ac;padding:11px 15px;border-radius:11px;line-height:1.6;font-size:12px;margin-bottom:18px}
.app-banner strong{color:#ffe0a3}.side-caption{color:#9398a1;font-size:11px;line-height:1.7;padding:10px 12px}
.pulse-dot{display:inline-block;width:7px;height:7px;background:#8adcac;border-radius:100%;box-shadow:0 0 6px #8adcac55;margin-right:7px}
.hero{min-height:345px}.heroimg{right:0;width:76%;background-image:url('assets/hero.webp')}.herobody{max-width:555px}
.hero em{font-style:normal;color:var(--gold)}
.how-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.how-card{padding:19px;min-height:130px}.how-card .number{color:var(--gold);font-size:18px}.how-card h3{margin:8px 0;font-size:14px}.how-card p{font-size:12px;color:#adb1b9;line-height:1.6;margin:0}
.card-image-button{all:unset;cursor:pointer;display:block;width:100%}.card-image-button img{object-fit:contain!important;background:radial-gradient(ellipse at 53% 56%,#36291a,#101316 64%);padding:8px}.card-image-button:focus-visible{outline:2px solid #deb470;outline-offset:-3px}
.clicktitle{background:transparent;border:none;color:#f0f0e9;font-weight:750;font-size:13px;text-align:left;padding:0;cursor:pointer;line-height:1.5}.clicktitle:hover{text-decoration:underline}.modelcard{display:flex;flex-direction:column}.modelcard .cardbody{display:flex;flex-direction:column;flex:1}.modelcard .cardbottom{margin-top:auto;padding-top:10px}
.modelphoto{height:205px}.modelcard .cardtitle{min-height:39px}.cardbottom small{font-size:10px;color:#c7ac77}.modelcard .tags{margin:0 0 8px}
.search-hint{font-size:11px;color:#969ca7;margin:6px 0}.notice{line-height:1.8}
.formlayout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px}.formpanel{padding:21px}.formpanel h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:2px 0 12px}
.formpanel h3{font-size:13px;color:#edc58c;margin:18px 0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}
.flabel{display:flex;flex-direction:column;gap:7px;color:#c8cbd0;font-size:11px;font-weight:700}.finput{min-height:43px;background:#1c2026;color:#f6f4ed;border:1px solid #424449;border-radius:9px;padding:10px 13px;outline:none;font-size:13px;width:100%}.finput:focus{border-color:#e0ad68}textarea.finput{min-height:100px;resize:vertical}
.uploadbox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 12px;text-align:center;min-height:192px;border-radius:12px;border:1px dashed #b58a51;background:linear-gradient(#0a0c10d9,#0a0c10e8),url('assets/hero2.webp') center/cover;cursor:pointer}
.uploadbox span{font-size:38px;color:#f3d59d}.uploadbox strong{font-size:14px}.uploadbox small{font-size:11px;color:#b9bcbf}.uploadbox input{display:none}
.thumbrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.thumb{background:#1e2228;border:1px solid #3b424a;border-radius:9px;position:relative;overflow:hidden;cursor:pointer}.thumb.active{border-color:#ecc47c;box-shadow:inset 0 0 0 2px #e1b671}.thumb img{width:100%;height:120px;object-fit:contain;display:block}.thumb-label{font-size:10px;padding:7px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb .coverflag{position:absolute;left:5px;top:5px;background:#c79b53;color:#1a130b;padding:3px 5px;border-radius:4px;font-size:10px;font-weight:800}
.studio{background:radial-gradient(ellipse at 50% 70%,#51412a,#15191f 44%,#080a0e 75%);border:1px solid #70512b;border-radius:12px;min-height:270px;padding:33px 15px 40px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.studio::after{content:'MIDNIGHT LOT  /  STUDIO';position:absolute;bottom:12px;left:15px;color:#c5a46d;letter-spacing:1.6px;font-size:9px}.studio img{display:block;max-width:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 14px 11px #000a)}.studio.gridstudio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:22px 18px 32px;align-content:center}.studio.gridstudio img{width:100%;height:152px;object-fit:contain;min-width:0;min-height:0;border:1px solid #5d4a32;border-radius:6px;background:#10111388}
.original-caption{color:#939da7;font-size:11px;line-height:1.7;margin-top:11px}.photo-strip{display:flex;gap:7px;overflow-x:auto;margin-top:9px;padding-bottom:5px}.photo-strip button{border:1px solid #3d4246;border-radius:8px;background:#1b1d20;padding:4px;min-width:80px}.photo-strip button.selected{border-color:#e0b871}.photo-strip img{width:90px;height:75px;object-fit:contain;display:block}.no-photo{font-size:12px;color:#9ca3ab}
.detail-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:15px}.big-media{padding:12px}.big-media .studio{min-height:370px}.big-media .studio img{max-height:380px}.detailside{padding:25px}.detailside h1{font:400 32px Georgia,serif;margin:8px 0 11px}.detailside .price{font-size:32px;margin:17px 0}.meta-table{margin-top:18px}.meta-table div{border-top:1px solid #393c42;padding:10px 0;display:flex;gap:14px;justify-content:space-between;font-size:12px}.meta-table span{color:#9fa5ac}.meta-table strong{text-align:right}.seller-link{font-size:12px;color:#dfc698;border-top:1px solid #414043;padding-top:15px;margin-top:18px}
.garage-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.garage-piece{background:#15191d;border:1px solid #383e42;border-radius:11px;padding:18px;min-height:180px}.garage-piece h3{font-size:15px;margin:11px 0}.garage-piece p{font-size:12px;color:#9da5ac}.garage-piece .badge{margin-top:10px}
.wanteditem{background:#171a1e;border:1px solid #3b3f44;padding:16px;border-radius:10px;display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:10px}.wanteditem strong{font-size:14px}.wanteditem small{font-size:11px;color:#a6aab1;display:block;margin-top:7px}
.mailitem{display:block;width:100%;background:#171b20;border:1px solid #30383b;color:#f8f4ee;text-align:left;padding:15px;border-radius:10px;margin:8px 0}.mailitem:hover{border-color:#b99354}.mailitem small{display:block;color:#aeb2b6;font-size:11px;margin-top:6px}.messagechat{min-height:100px;max-height:370px;overflow-y:auto;margin-bottom:13px;padding:8px 3px}.bubble{padding:11px 13px;background:#20262a;border:1px solid #353c41;border-radius:10px;max-width:85%;margin:8px 0;color:#e4e5e0;font-size:12px;line-height:1.6}.bubble.mine{margin-left:auto;background:#382c1d;border-color:#7e5d33}.bubble small{color:#a7abb3;font-size:10px;display:block;margin-top:5px}
.modal-back{position:fixed;inset:0;background:#000d;backdrop-filter:blur(7px);z-index:30;display:grid;place-items:center;padding:14px}.modal{width:min(525px,100%);max-height:93vh;overflow:auto;border:1px solid #937042;border-radius:17px;padding:25px;background:#15181e;box-shadow:0 30px 80px #000a}.modal h2{font:400 26px Georgia,serif;margin:5px 0 10px}.modal p{font-size:12px;color:#b9bec5;line-height:1.6}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.modal-close{float:right;background:transparent;border:0;color:#ede1d0;font-size:25px}.auth-tabs{display:flex;gap:7px;margin:16px 0}.auth-tabs button{flex:1;background:#252930;color:#b8bcbf;border:1px solid #46494d;padding:10px;border-radius:7px}.auth-tabs button.active{border-color:#e4b571;background:#3b2b19;color:#f4d6a1}.modal .flabel{margin:11px 0}
.empty-panel{padding:45px 18px;text-align:center;color:#a4aab0;background:#15181b;border:1px dashed #484848;border-radius:12px}.empty-panel h3{color:#eee;font:400 23px Georgia,serif}.empty-panel .goldbtn{margin-top:10px}
.stepper{display:flex;gap:8px;margin:0 0 16px;align-items:center;flex-wrap:wrap}.stepper span{font-size:10px;color:#b3b7bc;padding:8px;border:1px solid #3d3f44;border-radius:7px}.stepper span.on{border-color:#c49757;color:#f2cb92;background:#362719}
.toast{position:fixed;z-index:51;bottom:30px;right:25px;background:#292217;color:#f2d8ad;border:1px solid #b28a4e;box-shadow:0 12px 36px #0008;padding:14px 20px;border-radius:11px;max-width:85vw;font-size:12px}
.submitbusy{opacity:.7;pointer-events:none}.footercopy{opacity:.8}
button:disabled{opacity:.45;cursor:not-allowed}.twobtn{display:flex;gap:9px;flex-wrap:wrap}.linkmuted{color:#c6a16a;background:none;border:none;cursor:pointer;text-decoration:underline;font-size:12px}.mode-warning{font-size:11px;color:#e4bc8d;padding:9px 12px;border:1px solid #5f492b;border-radius:8px;margin:12px 0}
@media(max-width:1160px){.formlayout,.detail-main{grid-template-columns:1fr}.garage-items{grid-template-columns:repeat(2,minmax(0,1fr))}.how-row{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.statuschip{font-size:8px;padding:4px 6px}.top-auth{padding:7px;font-size:10px;max-width:92px}.global-search{min-width:0}.modelphoto{height:155px}.how-row{grid-template-columns:1fr}.formpanel,.detailside{padding:15px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.garage-items{grid-template-columns:1fr}.hero{min-height:365px}.heroimg{width:100%;height:75%;mask-image:linear-gradient(0deg,transparent 0%,black 70%)}.big-media .studio{min-height:270px}.studio.gridstudio img{height:118px}.topbar{padding:0 10px}.global-search{flex:1}.topbrand{display:none}.mobile-nav button{padding:4px 2px}.mailitem{font-size:12px}}
