*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#eaf4ff;color:#f4fff4}body{overflow:hidden}.mg-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10px}.mg-shell{width:min(100vw,400px);height:min(100vh,640px);background:linear-gradient(180deg,#04250f 0%,#001307 100%);border:1px solid #12a022;border-radius:20px;box-shadow:0 18px 44px rgba(0,0,0,.25);position:relative;display:flex;flex-direction:column;overflow:hidden}.mg-wide .mg-shell{width:min(100vw,520px);height:min(100vh,720px)}.mg-head{flex:0 0 auto;background:linear-gradient(180deg,#073918,#052813);border-bottom:1px solid rgba(55,255,75,.24);padding:10px 10px 8px}.mg-top{display:grid;grid-template-columns:40px 1fr 44px 40px;gap:8px;align-items:center}.mg-round{height:38px;border-radius:999px;background:#00190a;border:1px solid #20e9e4;color:#bfffff;font-weight:800;cursor:pointer}.mg-mini-brand{font-size:10px;line-height:1;font-weight:900;color:#51ff32;letter-spacing:.02em}.mg-title{font-size:23px;font-weight:950;line-height:1.05;color:#fff}.mg-sub{font-size:12px;line-height:1.28;color:#e8fff0;margin-top:2px}.mg-tabs{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.mg-tabs::-webkit-scrollbar{display:none}.mg-tab{flex:0 0 auto;border-radius:999px;border:1px solid #28c336;background:#001c0b;color:#f1fff1;min-height:32px;padding:0 12px;font-weight:900;cursor:pointer;font-size:13px}.mg-tab.is-on,.mg-pill.is-on{background:linear-gradient(180deg,#fff08a,#e2c64a);color:#0b1308;border-color:#f8e871}.mg-main{flex:1 1 auto;overflow:auto;padding:12px 10px 86px;scrollbar-width:thin;scrollbar-color:#f1d75a #03200e}.mg-main::-webkit-scrollbar{width:6px}.mg-main::-webkit-scrollbar-thumb{background:#f1d75a;border-radius:99px}.mg-section{display:none}.mg-section.is-on{display:block}.mg-card{background:rgba(25,70,42,.72);border:1px solid rgba(54,255,80,.55);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.mg-card h2{font-size:22px;line-height:1.14;margin:0 0 8px}.mg-card h3{font-size:15px;margin:14px 0 8px;color:#f8fbd0}.mg-card p{font-size:13px;line-height:1.55;margin:0 0 10px;color:#ecfff1}.mg-file{display:none}.mg-btn{border-radius:999px;min-height:38px;border:1px solid #28c336;background:#001b0a;color:#fff;font-weight:950;padding:0 16px;cursor:pointer}.mg-btn.gold{background:linear-gradient(180deg,#fff08a,#e2c64a);border-color:#f8e871;color:#071008}.mg-actions.one{display:grid;gap:8px}.mg-choice-grid,.mg-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.mg-product-grid{grid-template-columns:1fr 1fr}.mg-pill{min-height:38px;border-radius:14px;border:1px solid #22bf30;background:#001b0a;color:#fff;font-weight:900;cursor:pointer}.mg-preview{min-height:170px;border-radius:14px;background:#001607;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;text-align:center;color:#cffff0;font-weight:800;line-height:1.5;padding:10px;overflow:hidden;margin-top:10px}.mg-preview img{max-width:100%;max-height:280px;border-radius:12px;object-fit:contain}.mg-status{border-radius:12px;background:rgba(0,10,4,.48);border:1px solid rgba(255,255,255,.11);padding:10px;font-size:13px;line-height:1.55;white-space:pre-wrap;color:#f5fff2;font-weight:750}.mg-note{border-radius:12px;border:1px solid rgba(255,220,90,.65);background:rgba(0,0,0,.28);padding:10px;font-size:12px;line-height:1.55;color:#fff8d8}.mg-field{margin:10px 0}.mg-label{display:block;font-size:12px;font-weight:900;margin-bottom:5px;color:#f8fbd0}.mg-input,.mg-textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#001408;color:#fff;padding:10px 12px;font-size:14px;outline:none}.mg-textarea{min-height:86px;resize:vertical}.mg-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mg-result-grid a{display:block;background:#001607;border-radius:12px;border:1px solid rgba(255,255,255,.13);padding:6px}.mg-result-grid img{width:100%;height:150px;object-fit:contain;border-radius:8px;background:#fff}.mg-result-list{display:grid;gap:8px}.mg-output-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid rgba(75,255,75,.35);background:#001607;border-radius:12px;padding:10px}.mg-output-row b{display:block;color:#fff}.mg-output-row small{display:block;color:#cbf5d6;line-height:1.35}.mg-output-row a{border-radius:999px;background:#efd65d;color:#071008;text-decoration:none;font-weight:950;padding:9px 12px;white-space:nowrap}.mg-price,.mg-partner{border:1px solid #1dcf2f;border-radius:12px;padding:10px;margin-bottom:8px;background:#001607}.mg-price b,.mg-partner b{color:#fff2a3}.mg-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.mg-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#efd65d;color:#071008;font-weight:900;font-size:11px}.mg-hide{display:none}.mg-foot{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:84px 1fr 84px;gap:8px;align-items:center;padding:10px;background:linear-gradient(180deg,rgba(0,12,4,.1),rgba(0,10,4,.96));border-top:1px solid rgba(255,255,255,.1)}.mg-step{text-align:center;font-weight:950;color:#fff}.mg-toast{position:absolute;left:14px;right:14px;bottom:72px;border:1px solid #f4de62;border-radius:14px;background:rgba(0,0,0,.86);color:#fff;padding:11px 13px;font-weight:850;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.mg-toast.is-on{opacity:1;transform:translateY(0)}.mg-loading:after{content:"작업 중입니다...";position:absolute;inset:0;background:rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:950;color:#fff;z-index:30}@media(max-width:420px){.mg-page{padding:0}.mg-shell{width:100vw;height:100vh;border-radius:0}.mg-title{font-size:21px}.mg-sub{font-size:11px}.mg-card h2{font-size:20px}}

/* IMO_SUBPAGES_PREMIUM_FINAL_20260815 */
html,body{
  background:
    radial-gradient(circle at 50% 12%,#123a72 0,#071d43 47%,#020b1e 100%)
    fixed !important;
}
.mg-page{
  min-height:100dvh !important;
  padding:8px !important;
}
.mg-shell{
  width:min(100%,420px) !important;
  height:min(700px,calc(100dvh - 16px)) !important;
  border-radius:20px !important;
  box-shadow:0 28px 80px rgba(0,8,30,.58) !important;
}
.mg-head{
  padding:8px 9px 7px !important;
}
.mg-top{
  grid-template-columns:36px 1fr 42px 36px !important;
  gap:6px !important;
}
.mg-round{
  height:34px !important;
  min-height:34px !important;
  font-size:11px !important;
}
.mg-mini-brand{
  font-size:8.5px !important;
}
.mg-title{
  font-size:18px !important;
}
.mg-sub{
  font-size:10px !important;
  line-height:1.3 !important;
}
.mg-tabs{
  gap:4px !important;
  margin-top:7px !important;
}
.mg-tab{
  min-height:29px !important;
  padding:0 10px !important;
  font-size:10.5px !important;
}
.mg-main{
  padding:9px 8px 72px !important;
}
.mg-card{
  padding:11px !important;
  margin-bottom:8px !important;
  border-radius:13px !important;
}
.mg-card h2{
  font-size:17px !important;
  margin-bottom:6px !important;
}
.mg-card h3{
  font-size:13px !important;
}
.mg-card p{
  font-size:11px !important;
  line-height:1.45 !important;
}
.mg-btn,.mg-pill{
  min-height:33px !important;
  padding:5px 11px !important;
  font-size:11px !important;
}
.mg-preview{
  min-height:145px !important;
  font-size:11px !important;
}
.mg-status,.mg-note{
  padding:8px !important;
  font-size:10.5px !important;
}
.mg-input,.mg-textarea{
  padding:8px 9px !important;
  font-size:12px !important;
}
.mg-foot{
  padding:7px 9px !important;
  grid-template-columns:76px 1fr 76px !important;
}
@media(max-width:430px){
  .mg-page{padding:0 !important}
  .mg-shell{
    width:100vw !important;
    height:100dvh !important;
    border:0 !important;
    border-radius:0 !important;
  }
}

/* IMO_PWA_UX_FINAL_20260815 */
html,body,.mg-page{background:#06150d!important}.mg-sub{max-width:250px;line-height:1.25}.mg-card>p{margin:4px 0 10px;line-height:1.35}.mg-note{font-size:12px;line-height:1.35}.mg-product-grid,.mg-choice-grid{gap:7px}.mg-card{padding:14px!important}.mg-preview{min-height:180px!important}.mg-mini-brand{font-size:10px}.mg-tabs{scrollbar-width:none}