:root{--pink:#f83f91;--pink2:#ff78b3;--berry:#5a2143;--cream:#fff7fb;--line:#eadde5;--muted:#6f6470;--ok:#198754;--warn:#b86b00;--danger:#c63b58;--shadow:0 18px 50px rgba(90,33,67,.12)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#2c2330;background:#f7f3f6}button,input,select,textarea{font:inherit}button{cursor:pointer}.studio-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#ffe6f3,transparent 38%),radial-gradient(circle at 85% 78%,#e7dcff,transparent 38%),#fff}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow);text-align:center}.login-logo{width:260px;max-height:90px;object-fit:contain;margin:auto}.login-card h1{color:var(--berry);font-size:2.2rem;margin:18px 0 8px}.login-card form{display:grid;gap:16px;text-align:left;margin-top:24px}.login-card label,.studio-form label{font-weight:800;color:var(--berry);display:grid;gap:7px}.login-card input,.login-card select,.studio-form input,.studio-form select,.studio-form textarea{width:100%;border:1px solid #d9cbd4;border-radius:12px;padding:12px;background:#fff}.login-card button,.primary{border:0;background:linear-gradient(135deg,var(--pink),#d92e77);color:#fff;border-radius:13px;padding:12px 18px;font-weight:850;box-shadow:0 10px 24px rgba(248,63,145,.24)}.secondary{border:1px solid var(--line);background:#fff;color:var(--berry);border-radius:12px;padding:10px 14px;font-weight:800}.danger{border:1px solid #efb8c4;background:#fff3f5;color:#93243d;border-radius:12px;padding:10px 14px;font-weight:800}.tiny{font-size:.8rem;color:var(--muted)}#login-status{min-height:22px;color:var(--danger);font-weight:700}.studio-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.studio-sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px}.studio-logo{width:200px;height:70px;object-fit:contain}.studio-nav{display:grid;gap:6px}.studio-nav button{border:0;background:transparent;color:#3c3039;border-radius:12px;padding:11px 13px;text-align:left;font-weight:750}.studio-nav button:hover,.studio-nav button.active{background:#ffe5f2;color:#bd276b}.studio-account{margin-top:auto;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--cream)}.studio-main{padding:28px}.studio-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.studio-topbar h1{margin:0;color:var(--berry);font-size:clamp(2rem,4vw,3rem)}.studio-grid{display:grid;gap:18px}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 8px 28px rgba(90,33,67,.06)}.studio-card h2,.studio-card h3{margin-top:0;color:var(--berry)}.quick-card{min-height:180px;display:flex;flex-direction:column}.quick-card button{margin-top:auto}.metric{font-size:2.2rem;font-weight:900;color:var(--pink)}.status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:850;text-transform:capitalize}.status-draft{background:#eee8f7;color:#654b88}.status-review{background:#fff2cf;color:#8a5b00}.status-published{background:#dcf7e9;color:#16663f}.status-sold-out{background:#ffe0e6;color:#8e263b}.status-archived{background:#ececec;color:#555}.table-wrap{overflow:auto}.studio-table{width:100%;border-collapse:collapse;min-width:680px}.studio-table th,.studio-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.studio-table th{color:var(--berry);background:#fff8fc}.studio-actions{display:flex;flex-wrap:wrap;gap:8px}.studio-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}.check-row{display:flex!important;align-items:center;gap:10px}.check-row input{width:auto}.helper{font-size:.86rem;color:var(--muted)}.notice{padding:14px 16px;border-radius:14px;background:#fff8df;border:1px solid #eed58e;color:#684608}.notice-pink{background:#fff0f7;border-color:#ffc8df;color:var(--berry)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.photo-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.photo-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#f3edf1}.photo-card .meta{font-size:.83rem;color:var(--muted)}.drop-preview{background:linear-gradient(135deg,#fff,#fff0f7);border:1px solid #ffc7df;border-radius:24px;padding:24px}.drop-preview img{width:100%;max-height:360px;object-fit:cover;border-radius:18px}.color-row{display:flex;gap:8px}.color-dot{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d2c4cd}.modal{position:fixed;inset:0;background:rgba(35,21,31,.55);display:grid;place-items:center;padding:20px;z-index:50}.modal-card{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#f1ebef;border-radius:999px;width:40px;height:40px;font-size:1.2rem}.toast{position:fixed;right:20px;bottom:20px;z-index:80;background:var(--berry);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:var(--shadow);max-width:360px}.logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.logo-card{border:2px solid var(--line);border-radius:16px;padding:12px;background:#fff}.logo-card.active{border-color:var(--pink);box-shadow:0 0 0 4px rgba(248,63,145,.12)}.logo-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#efefef;border-radius:10px}.flyer-frame{width:100%;height:70vh;border:1px solid var(--line);border-radius:16px;background:#eee}.empty{padding:28px;border:1px dashed #d7c8d1;border-radius:16px;text-align:center;color:var(--muted);background:#fff}.mobile-nav{display:none}.hidden{display:none!important}
@media(max-width:1050px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.studio-shell{display:block}.studio-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:14px}.studio-logo{height:54px}.studio-nav{display:flex;overflow:auto}.studio-nav button{white-space:nowrap}.studio-account{margin-top:0}.studio-main{padding:18px}.studio-topbar{align-items:flex-start;flex-direction:column}.cols-4,.cols-3,.cols-2,.form-grid,.logo-grid{grid-template-columns:1fr}.full{grid-column:auto}.modal-card{padding:18px}}