.platform-studio{max-width:1240px;margin:auto;padding:40px 24px 70px;color:#1b2553}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.studio-heading h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;margin:8px 0}.studio-heading p{max-width:650px;color:#60687e}.studio-heading a{color:#922477}.studio-wallet{padding:14px 18px;border:1px solid #ead6e6;border-radius:16px;background:white;white-space:nowrap}.studio-notice{padding:16px 20px;border:1px solid #e2d8ed;background:#f5f0fa;color:#5c436f;border-radius:14px;margin:20px 0;font-size:14px}.studio-grid{display:grid;grid-template-columns:minmax(290px,360px) 1fr;gap:24px}.studio-controls,.studio-canvas{background:white;border:1px solid #e9e5ee;border-radius:22px;padding:24px;box-shadow:0 8px 30px #1b255305}.studio-controls h2,.canvas-label{font-size:19px;margin:0 0 22px}.studio-controls label{display:block;font-weight:650;margin:20px 0 8px}.studio-controls select,.studio-controls textarea{width:100%;border:1px solid #dcd8e5;border-radius:12px;padding:12px;color:#1b2553;font:inherit;background:white}.studio-controls small{display:block;color:#737084;font-size:12px;line-height:1.6;margin-top:8px}.upload-target{text-align:center;border:1px dashed #bd91b0;padding:22px 12px;border-radius:16px;background:#fff8fd;cursor:pointer}.upload-target span{display:block;font-size:30px;color:#ba2886}.upload-target strong{display:block;font-size:14px}.studio-controls input[type=file]{width:100%;font-size:12px}.input-preview{max-height:180px;width:100%;object-fit:contain;margin-top:14px;border-radius:10px}.quote-summary{margin:24px 0 15px;padding:16px;background:#f8f6fb;border-radius:12px;overflow-wrap:anywhere}.quote-summary>div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.quote-summary strong{white-space:nowrap;font-size:16px}.studio-primary,.studio-secondary{display:inline-block;border:0;padding:13px 18px;border-radius:12px;font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer;text-align:center}.studio-primary{width:100%;background:linear-gradient(110deg,#ba2886,#8e5ca2);color:white}.studio-primary:disabled{opacity:.55;cursor:default}.studio-secondary{background:#f1edf6;color:#53385f;margin:10px 8px 10px 0}.studio-canvas{min-height:620px;text-align:center;background:linear-gradient(145deg,#fff,#fcfaff)}.canvas-label{display:flex;justify-content:space-between;gap:20px;text-align:start;font-size:15px}.canvas-label span{font-size:12px;color:#797181}.studio-empty{padding:24px 30px}.studio-empty>span{color:#ba2886;font-size:38px}.studio-empty h2{font-size:25px}.studio-empty p{color:#737084}.studio-empty img{display:block;width:75%;max-width:330px;max-height:310px;object-fit:contain;margin:20px auto;border-radius:16px}.studio-empty small,.sample-label{font-size:13px;color:#737084;display:block}.result-preview{width:100%;max-width:560px;max-height:540px;object-fit:contain;border-radius:16px}.studio-error{padding:15px;background:#fff0f2;color:#9c2543;border-radius:12px}.studio-canvas details{text-align:start;overflow-wrap:anywhere;background:#f8f6fb;border-radius:12px;padding:15px;font-size:12px;margin-top:18px}.wallet-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.wallet-balances>div{background:white;padding:24px;border:1px solid #ece6ef;border-radius:20px}.wallet-balances span{display:block;color:#777185}.wallet-balances strong{font-size:36px;color:#922477}.platform-table{overflow:auto}table{border-collapse:collapse}.platform-table table{width:100%;font-size:13px;text-align:start}.platform-table th,.platform-table td{padding:15px 12px;border-bottom:1px solid #f0ebf3;vertical-align:top;text-align:start}.platform-table th{color:#766c83;background:#fbf9fc}.platform-table details{max-width:320px;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #3a77bc;outline-offset:3px}@media(max-width:760px){.platform-studio{padding:24px 16px}.studio-heading{display:block}.studio-wallet{display:inline-block;margin-top:10px}.studio-grid{grid-template-columns:1fr}.studio-controls,.studio-canvas{padding:20px}.studio-canvas{min-height:460px}.wallet-balances{gap:8px}.wallet-balances>div{padding:16px 10px}.wallet-balances strong{font-size:25px}.wallet-balances span{font-size:12px}}
