.miko-cosmetic-studio{max-width:1180px;margin:28px auto;padding:24px;border:1px solid #dce9f7;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(24,70,120,.09);color:#173e70}.miko-cosmetic-studio>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 4px 22px}.miko-cosmetic-studio header span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#1683ed}.miko-cosmetic-studio h2{margin:4px 0;font-size:30px;color:#102f55}.miko-cosmetic-studio header p{margin:0;color:#71849a}.miko-cosmetic-studio header strong{display:grid;gap:2px;min-width:150px;padding:13px 16px;border-radius:18px;background:#f1f8ff;text-align:right;font-size:21px}.miko-cosmetic-studio header strong small{font-size:11px;color:#6e8298}.miko-cosmetic-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px}.miko-cosmetic-layout aside{padding:22px;border-radius:24px;background:linear-gradient(160deg,#f5faff,#edf6ff);text-align:center}.miko-cosmetic-preview{display:grid;place-items:center;min-height:210px}.miko-cosmetic-avatar{position:relative;display:inline-grid;place-items:center;width:160px;height:160px}.miko-cosmetic-avatar-img,.miko-cosmetic-avatar>img:first-child{width:132px;height:132px;border-radius:50%;object-fit:cover;box-shadow:0 8px 30px rgba(14,65,116,.15)}.miko-cosmetic-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;pointer-events:none}.miko-cosmetic-main nav{display:flex;gap:8px;padding:5px;background:#f2f7fc;border-radius:16px}.miko-cosmetic-main nav button{flex:1;border:0;border-radius:12px;padding:11px;background:transparent;color:#526d88;font-weight:800;cursor:pointer}.miko-cosmetic-main nav button.is-active{background:#fff;color:#0879e8;box-shadow:0 3px 12px rgba(34,81,128,.1)}.miko-cosmetic-pane{display:none;padding-top:18px}.miko-cosmetic-pane.is-active{display:block}.miko-cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.miko-cosmetic-nft{overflow:hidden;border:1px solid #e0ebf6;border-radius:18px;background:#fff}.miko-cosmetic-nft>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.miko-cosmetic-nft div{display:grid;gap:2px;padding:10px 12px}.miko-cosmetic-nft small{color:#7890a8}.miko-cosmetic-nft button,.miko-upload-card>button,.miko-remove-frame{width:calc(100% - 20px);margin:0 10px 10px;padding:10px;border:0;border-radius:12px;background:#0879e8;color:#fff;font-weight:800;cursor:pointer}.miko-upload-card{padding:22px;border:1px solid #e0ebf6;border-radius:20px;background:#fbfdff}.miko-upload-card input{display:block;width:100%;margin:14px 0;padding:14px;border:1px dashed #aac8e7;border-radius:14px;background:#fff}.miko-upload-fee{display:grid;gap:4px;margin:14px 0;padding:15px;border-radius:15px;background:#eef7ff}.miko-upload-fee b{font-size:20px;color:#0879e8}.miko-upload-fee small{color:#647e98}.miko-upload-card>button{width:100%;margin:0}.miko-remove-frame{width:auto;margin:0 0 14px;background:#edf4fb;color:#315d87}.miko-cosmetic-status{min-height:24px;margin-top:12px;font-weight:700}.miko-cosmetic-status.is-error{color:#b42318}.miko-cosmetic-status.is-ok{color:#087a55}.miko-cosmetic-empty{padding:24px;text-align:center;color:#758aa0}.miko-cosmetic-avatar[data-global-frame]{width:1em;height:1em}
@media(max-width:900px){.miko-cosmetic-layout{grid-template-columns:220px minmax(0,1fr)}.miko-cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.miko-cosmetic-studio{margin:18px 10px;padding:16px;border-radius:22px}.miko-cosmetic-studio>header{align-items:flex-start}.miko-cosmetic-studio h2{font-size:24px}.miko-cosmetic-studio header strong{min-width:118px;font-size:17px}.miko-cosmetic-layout{grid-template-columns:1fr}.miko-cosmetic-layout aside{padding:14px}.miko-cosmetic-preview{min-height:175px}.miko-cosmetic-main nav{overflow-x:auto}.miko-cosmetic-main nav button{min-width:110px;white-space:nowrap}.miko-cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.miko-cosmetic-studio>header{display:grid}.miko-cosmetic-studio header strong{width:100%;text-align:left}.miko-cosmetic-grid{grid-template-columns:1fr 1fr;gap:9px}.miko-cosmetic-nft div{padding:8px}.miko-cosmetic-nft button{font-size:12px}}
@media(max-width:360px){.miko-cosmetic-studio{margin-inline:6px;padding:12px}.miko-cosmetic-main nav button{min-width:102px;font-size:12px}.miko-cosmetic-grid{grid-template-columns:1fr}}