/* ARIFE Market v226
   Cinema-aligned market surface: centred composition, clear actions and compact depth. */

body.market-v226{
  --market-226-lime:#4fd3ea;
  --market-226-lime-soft:#a4edf9;
  --market-226-cyan:#76cfff;
  --market-226-violet:#8d79ff;
  --market-226-bg:#060a0e;
  --market-226-panel:#0b1218;
  --market-226-panel-2:#101920;
  --market-226-line:#283944;
  --market-226-line-strong:#456174;
  --market-226-text:#edf4f8;
  --market-226-muted:#7f929f;
  background:
    radial-gradient(circle at 12% 0,rgba(63,142,188,.09),transparent 31rem),
    radial-gradient(circle at 91% 10%,rgba(79,211,234,.055),transparent 28rem),
    var(--market-226-bg)!important;
}

.market-v226 .market-page{
  padding:18px 0 80px!important;
  overflow:clip;
  background:
    linear-gradient(rgba(91,125,148,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,125,148,.025) 1px,transparent 1px);
  background-size:44px 44px;
}

.market-v226 .market-shell{
  width:min(1420px,calc(100vw - 48px))!important;
  margin-inline:auto!important;
}

/* Hero */
.market-v226 .market-hero{
  position:relative!important;
  min-height:292px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  padding:14px!important;
  overflow:hidden!important;
  border:1px solid var(--market-226-line)!important;
  border-radius:20px!important;
  background:
    linear-gradient(125deg,rgba(61,135,180,.08),transparent 38%),
    linear-gradient(155deg,#0c141b,#070d12 72%)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.045),
    0 6px 0 rgba(1,4,7,.72),
    0 24px 55px rgba(0,0,0,.22)!important;
}

.market-v226 .market-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.38!important;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(116,160,189,.08) 50%,transparent 50.2%),
    linear-gradient(transparent 49.8%,rgba(116,160,189,.065) 50%,transparent 50.2%)!important;
  background-size:72px 72px!important;
  pointer-events:none;
}

.market-v226 .market-hero-main{
  position:relative!important;
  z-index:1;
  min-width:0;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:34px 46px!important;
  overflow:visible!important;
}

.market-v226 .market-hero .kicker{
  min-height:25px;
  display:inline-flex!important;
  align-items:center!important;
  margin:0 0 14px!important;
  padding:0 9px!important;
  overflow:visible!important;
  border:1px solid rgba(79,211,234,.28)!important;
  border-radius:7px!important;
  background:rgba(79,211,234,.055)!important;
  color:var(--market-226-lime)!important;
  font:850 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.13em!important;
  white-space:nowrap;
}

.market-v226 .market-hero h1{
  max-width:720px!important;
  margin:0!important;
  overflow:visible!important;
  color:var(--market-226-text)!important;
  font-size:clamp(40px,3.5vw,56px)!important;
  font-weight:900!important;
  line-height:1.03!important;
  letter-spacing:-.055em!important;
  word-break:keep-all!important;
}

.market-v226 .market-hero h1 em{
  color:var(--market-226-lime)!important;
  font-style:normal!important;
  text-shadow:0 0 26px rgba(79,211,234,.14)!important;
}

.market-v226 .market-hero-copy{
  max-width:670px!important;
  margin:17px 0 0!important;
  overflow:visible!important;
  color:#899aa7!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.65!important;
  word-break:keep-all!important;
}

.market-v226 .market-hero-side{
  position:relative!important;
  z-index:1;
  min-width:0;
  min-height:262px!important;
  margin:0!important;
  padding:22px!important;
  overflow:hidden!important;
  border:1px solid #30414d!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 52% 48%,rgba(75,155,204,.13),transparent 36%),
    radial-gradient(circle at 73% 54%,rgba(141,121,255,.085),transparent 24%),
    linear-gradient(145deg,#121b22,#0a1016 75%)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.055),
    inset 0 -1px rgba(0,0,0,.5),
    0 12px 28px rgba(0,0,0,.22)!important;
}

.market-v226 .market-hero-side::before,
.market-v226 .market-hero-side::after{
  content:"";
  position:absolute;
  left:50%;
  top:52%;
  width:220px;
  height:82px;
  border:1px solid rgba(103,194,244,.18);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-9deg);
  box-shadow:0 0 30px rgba(76,166,220,.07);
  pointer-events:none;
}

.market-v226 .market-hero-side::after{
  width:116px;
  height:116px;
  border-color:rgba(79,211,234,.16);
  transform:translate(-50%,-50%) rotate(61deg);
}

.market-v226 .market-side-head{
  position:relative;
  z-index:3;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:15px!important;
  margin:0!important;
}

.market-v226 .market-side-head small,
.market-v226 .market-side-head strong{
  display:block!important;
  max-width:260px;
  overflow:visible!important;
}

.market-v226 .market-side-head small{
  color:#718696!important;
  font:800 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.13em!important;
}

.market-v226 .market-side-head strong{
  margin-top:7px!important;
  color:#e5edf2!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.42!important;
  letter-spacing:-.02em!important;
  word-break:keep-all;
}

.market-v226 .market-side-index{
  flex:none;
  color:#647887!important;
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.1em!important;
}

.market-v226 .market-hero-side>p{
  position:absolute!important;
  z-index:3;
  left:22px!important;
  right:22px!important;
  bottom:75px!important;
  margin:0!important;
  overflow:visible!important;
  color:#738692!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.5!important;
  word-break:keep-all;
}

.market-v226 .market-orbit{
  left:50%!important;
  top:49%!important;
  width:160px!important;
  opacity:.92;
}

.market-v226 .market-orbit__core{
  width:36%!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,rgba(218,244,255,.9),#75b9e2 32%,#7c67d8 63%,#111a21 86%)!important;
  box-shadow:
    inset -10px -12px 20px rgba(2,5,11,.48),
    inset 7px 6px 12px rgba(255,255,255,.24),
    0 18px 45px rgba(61,137,184,.28)!important;
}

.market-v226 .market-hero-actions{
  position:absolute;
  z-index:4;
  left:22px;
  right:22px;
  bottom:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:8px;
}

.market-v226 .market-hero-side>a.button{
  display:none!important;
}

.market-v226 .market-hero-action{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:9px!important;
  margin:0!important;
  padding:0 8px 0 13px!important;
  overflow:visible!important;
  border:1px solid #344754!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#18232b,#101820)!important;
  color:#c5d1d9!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.07),
    0 3px 0 #05090c,
    0 9px 18px rgba(0,0,0,.18)!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transform:none!important;
  transition:transform .16s,border-color .16s,filter .16s,box-shadow .16s!important;
}

.market-v226 .market-hero-action.primary{
  border-color:#4fd3ea!important;
  background:linear-gradient(180deg,#4fd3ea,#3cc9e2)!important;
  color:#071006!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.76),
    0 4px 0 #0d6f81,
    0 12px 23px rgba(13,111,129,.17)!important;
}

.market-v226 .market-hero-action i,
.market-v226 .market-detail b,
.market-v226 #preview-to-contract b{
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  flex:none;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:8px!important;
  background:rgba(4,9,12,.23)!important;
  color:inherit!important;
  font-size:12px!important;
  font-style:normal!important;
  line-height:1!important;
}

.market-v226 .market-hero-action:hover,
.market-v226 .market-detail:hover,
.market-v226 #preview-to-contract:hover{
  filter:brightness(1.055)!important;
  transform:translateY(-2px)!important;
}

.market-v226 .market-hero-action:active,
.market-v226 .market-detail:active,
.market-v226 #preview-to-contract:active{
  transform:translateY(2px)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 1px 0 #4f7008!important;
}

/* Seller dock */
.market-v226 .market-role-dock{
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 118px 138px!important;
  gap:8px!important;
  align-items:center!important;
  margin:15px 0 0!important;
  padding:9px 10px 9px 16px!important;
  overflow:visible!important;
  border:1px solid var(--market-226-line)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#0d151b,#080e13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 5px 0 rgba(1,4,7,.64)!important;
}

.market-v226 .market-role-dock>div{
  min-width:0;
  overflow:visible!important;
}

.market-v226 .market-role-dock strong,
.market-v226 .market-role-dock small{
  display:block!important;
  overflow:visible!important;
  word-break:keep-all;
}

.market-v226 .market-role-dock strong{
  color:#e0e9ee!important;
  font-size:11px!important;
  line-height:1.3!important;
}

.market-v226 .market-role-dock small{
  margin-top:4px!important;
  color:#6f828f!important;
  font-size:11px!important;
  line-height:1.35!important;
}

.market-v226 .market-role-dock a{
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 10px!important;
  overflow:visible!important;
  border:1px solid #31434f!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#18222a,#10171d)!important;
  color:#aebdc7!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 3px 0 #05080b!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap;
}

.market-v226 .market-role-dock a:last-child{
  border-color:#4fd3ea!important;
  background:linear-gradient(180deg,#4fd3ea,#3cc9e2)!important;
  color:#071006!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 3px 0 #0d6f81!important;
}

/* Catalogue controls */
.market-v226 .market-catalogue{
  margin:0!important;
  padding:22px 0 100px!important;
}

.market-v226 .market-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px!important;
  gap:9px!important;
  align-items:center!important;
  margin:0 0 9px!important;
}

.market-v226 .market-search,
.market-v226 .market-sort{
  min-height:47px!important;
  height:47px!important;
  overflow:hidden!important;
  border:1px solid #2b3c48!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#121b22,#0c1319)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 4px 0 rgba(2,5,8,.5)!important;
}

.market-v226 .market-search::before{
  left:15px!important;
  color:var(--market-226-lime)!important;
  font-size:17px!important;
}

.market-v226 .market-search input{
  height:45px!important;
  padding:0 15px 0 42px!important;
  border:0!important;
  background:transparent!important;
  color:#e8eff3!important;
  font-size:11px!important;
  line-height:45px!important;
}

.market-v226 .market-search input::placeholder{
  color:#667987!important;
}

.market-v226 .market-sort{
  padding:0 36px 0 13px!important;
  color:#b5c2ca!important;
  font-size:12px!important;
  font-weight:750!important;
}

.market-v226 .market-search:focus-within,
.market-v226 .market-sort:focus{
  border-color:#668297!important;
  box-shadow:0 0 0 3px rgba(94,168,218,.08),0 4px 0 rgba(2,5,8,.5)!important;
}

.market-v226 .market-tags-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:13px!important;
  margin:0 0 17px!important;
  padding:7px 0 0!important;
  overflow:visible!important;
}

.market-v226 .market-tags{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  min-width:0;
  padding:0!important;
  overflow:visible!important;
}

.market-v226 .market-tag{
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 11px!important;
  overflow:visible!important;
  border:1px solid #2d3e49!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#121a21,#0b1217)!important;
  color:#8496a2!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 2px 0 rgba(1,4,7,.6)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-indent:0!important;
  -webkit-text-fill-color:currentColor!important;
}

.market-v226 .market-tag i{
  color:#6f8390;
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  font-style:normal;
}

.market-v226 .market-tag:hover{
  border-color:#526f82!important;
  color:#e2ebf0!important;
  transform:translateY(-1px)!important;
}

.market-v226 .market-tag.active{
  border-color:#4fd3ea!important;
  background:linear-gradient(180deg,#4fd3ea,#3cc9e2)!important;
  color:#071006!important;
  box-shadow:inset 0 1px rgba(255,255,255,.7),0 3px 0 #0d6f81!important;
}

.market-v226 .market-tag.active i{
  color:#476206;
}

.market-v226 .market-count{
  flex:none;
  min-height:25px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border:1px solid #2d3e49;
  border-radius:7px;
  background:#0c1319;
  color:#7790a0!important;
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  white-space:nowrap;
}

/* Cards */
.market-v226 .market-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start;
}

.market-v226 .market-card{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #2a3a45!important;
  border-radius:14px!important;
  background:linear-gradient(150deg,#111a21,#0a1016 74%)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.045),
    0 5px 0 rgba(1,4,7,.7),
    0 14px 30px rgba(0,0,0,.17)!important;
  transform:translateY(var(--card-lift,0)) perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg))!important;
  transform-style:preserve-3d;
  transition:transform .2s,border-color .2s,box-shadow .2s!important;
}

.market-v226 .market-card:hover{
  --card-lift:-4px;
  border-color:#4c687a!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.06),
    0 5px 0 rgba(1,4,7,.72),
    0 20px 40px rgba(0,0,0,.25)!important;
}

.market-v226 .market-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid #263640!important;
  background:
    radial-gradient(circle at 50% 48%,hsla(var(--market-hue),72%,62%,.19),transparent 31%),
    radial-gradient(circle at 78% 18%,rgba(117,207,255,.08),transparent 22%),
    linear-gradient(145deg,#0d1820,#050a0e 72%)!important;
  isolation:isolate;
}

.market-v226 .market-card[data-demo] .market-media::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:14%;
  border:1px solid rgba(122,178,211,.12);
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(113,170,203,.11) 50%,transparent 50.3%),
    linear-gradient(transparent 49.7%,rgba(113,170,203,.09) 50%,transparent 50.3%);
  box-shadow:inset 0 0 36px rgba(4,11,16,.65),0 0 30px hsla(var(--market-hue),70%,60%,.07);
  transform:perspective(700px) rotateX(1deg);
}

.market-v226 .market-card[data-demo] .market-media::after{
  content:"PREVIEW";
  position:absolute;
  z-index:4;
  left:11px;
  bottom:10px;
  color:rgba(188,208,220,.42);
  font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.16em;
}

.market-v226 .market-card[data-demo] .market-art{
  display:none!important;
}

.market-v226 .market-badges{
  z-index:8!important;
  left:10px!important;
  right:10px!important;
  top:10px!important;
  max-width:calc(100% - 20px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
}

.market-v226 .market-badge{
  min-height:23px!important;
  display:inline-flex!important;
  align-items:center!important;
  max-width:calc(100% - 80px)!important;
  padding:0 7px!important;
  overflow:hidden!important;
  border:1px solid rgba(180,209,226,.19)!important;
  border-radius:7px!important;
  background:rgba(5,11,15,.72)!important;
  color:#c8d6de!important;
  backdrop-filter:blur(8px);
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.market-v226 .market-badge.contract{
  max-width:none!important;
  margin-left:auto;
  border-color:rgba(79,211,234,.24)!important;
  background:rgba(79,211,234,.075)!important;
  color:var(--market-226-lime)!important;
}

.market-v226 .market-preview-trigger,
.market-v226 .market-media-play{
  position:absolute!important;
  z-index:10!important;
  inset:50% auto auto 50%!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:visible!important;
  border:1px solid rgba(211,232,244,.46)!important;
  border-radius:16px!important;
  background:
    linear-gradient(145deg,rgba(49,76,94,.96),rgba(8,15,20,.96))!important;
  color:#f5fbff!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.18),
    0 5px 0 rgba(2,6,9,.78),
    0 12px 25px rgba(0,0,0,.38),
    0 0 0 6px rgba(9,18,24,.26)!important;
  opacity:1!important;
  font-size:0!important;
  line-height:1!important;
  transform:translate(-50%,-50%)!important;
  transition:transform .16s,border-color .16s,background .16s!important;
}

.market-v226 .market-preview-trigger::after,
.market-v226 .market-media-play::after{
  content:"미리보기";
  position:absolute;
  left:50%;
  top:calc(100% + 10px);
  min-width:68px;
  padding:5px 7px;
  border:1px solid rgba(142,177,198,.18);
  border-radius:10px;
  background:rgba(5,11,15,.76);
  color:#aebfca;
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.04em;
  text-align:center;
  transform:translateX(-50%);
  backdrop-filter:blur(7px);
}

.market-v226 .market-preview-trigger span,
.market-v226 .market-media-play span{
  display:block!important;
  margin-left:2px!important;
  color:inherit!important;
  font-size:17px!important;
  line-height:1!important;
}

.market-v226 .market-preview-trigger:hover,
.market-v226 .market-media-play:hover{
  border-color:#a4edf9!important;
  background:linear-gradient(180deg,#4fd3ea,#3cc9e2)!important;
  color:#071006!important;
  transform:translate(-50%,-50%) scale(1.055)!important;
}

.market-v226 .market-card.is-media-playing .market-media-play{
  inset:auto 10px 10px auto!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:9px!important;
  transform:none!important;
}

.market-v226 .market-card.is-media-playing .market-media-play::after{
  display:none;
}

.market-v226 .market-card-body{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto auto!important;
  padding:13px!important;
  overflow:visible!important;
}

.market-v226 .market-seller{
  min-width:0;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 7px!important;
  color:#728593!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.25!important;
}

.market-v226 .market-seller span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.market-v226 .market-seller span:last-child{
  color:#7fbfe3!important;
}

.market-v226 .market-card h3{
  min-width:0;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  overflow:visible!important;
  color:#edf3f6!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.3!important;
  letter-spacing:-.025em!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}

.market-v226 .market-description{
  min-height:34px!important;
  height:auto!important;
  display:-webkit-box!important;
  margin:7px 0 11px!important;
  overflow:hidden!important;
  color:#788b98!important;
  font-size:12px!important;
  line-height:1.55!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.market-v226 .market-card-foot{
  min-width:0;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
  padding:9px 0 0!important;
  border-top:1px solid #25343e!important;
}

.market-v226 .market-card-foot>div{
  min-width:0;
}

.market-v226 .market-card-foot>div>span{
  display:none!important;
}

.market-v226 .market-card-foot strong{
  display:block!important;
  margin:0!important;
  overflow:visible!important;
  color:#f2f7fa!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
  white-space:normal;
}

.market-v226 .market-card-foot>span{
  min-height:21px;
  display:inline-flex!important;
  align-items:center;
  padding:0 6px;
  border:1px solid #2e404c;
  border-radius:6px;
  color:#718a99!important;
  font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  white-space:nowrap;
}

.market-v226 .market-price-notes{
  display:none!important;
}

.market-v226 .market-detail{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:40px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:9px!important;
  margin:11px 0 0!important;
  padding:0 7px 0 12px!important;
  overflow:visible!important;
  border:1px solid #4fd3ea!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#4fd3ea,#3cc9e2)!important;
  color:#071006!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.72),
    0 3px 0 #0d6f81,
    0 9px 18px rgba(13,111,129,.13)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  text-indent:0!important;
  white-space:nowrap!important;
  -webkit-text-fill-color:currentColor!important;
  transform:none!important;
}

.market-v226 .market-detail b{
  width:26px!important;
  height:26px!important;
  border-radius:7px!important;
}

/* Shared modal shell */
.market-v226 .market-preview-modal,
.market-v226 .contract-modal{
  padding:24px!important;
}

.market-v226 .market-preview-backdrop,
.market-v226 .contract-backdrop{
  background:rgba(2,5,8,.86)!important;
  backdrop-filter:blur(16px) saturate(.8)!important;
}

.market-v226 .market-preview-dialog,
.market-v226 .contract-dialog{
  border:1px solid #3a5363!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,rgba(64,109,136,.055),transparent 32%),
    #091016!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.06),
    0 7px 0 rgba(1,4,7,.78),
    0 34px 95px rgba(0,0,0,.62)!important;
}

/* Preview modal */
.market-v226 .market-preview-dialog{
  width:min(1060px,calc(100vw - 48px))!important;
  max-height:calc(100vh - 48px)!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  overflow:auto!important;
}

.market-v226 .market-preview-head{
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:15px 18px!important;
  overflow:visible!important;
  border-bottom:1px solid #293b47!important;
}

.market-v226 .market-preview-head>div{
  min-width:0;
  overflow:visible!important;
}

.market-v226 .market-preview-head .kicker{
  min-height:0!important;
  margin:0 0 5px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--market-226-lime)!important;
  font:850 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.13em!important;
}

.market-v226 .market-preview-head h2{
  margin:0!important;
  overflow:visible!important;
  color:#edf4f8!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:-.035em!important;
  white-space:normal!important;
}

.market-v226 .market-preview-head>div>span{
  display:block!important;
  margin-top:5px!important;
  color:#718793!important;
  font-size:11px!important;
  line-height:1.2!important;
}

.market-v226 .market-preview-close,
.market-v226 .contract-close{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:visible!important;
  border:1px solid #3b5261!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#1c2831,#10171d)!important;
  color:#dce7ed!important;
  box-shadow:inset 0 1px rgba(255,255,255,.075),0 3px 0 #030608!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer;
  transition:transform .16s,border-color .16s,color .16s!important;
}

.market-v226 .market-preview-close:hover,
.market-v226 .contract-close:hover{
  border-color:#7295aa!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}

.market-v226 .market-preview-stage{
  position:relative!important;
  width:calc(100% - 30px)!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(58vh,590px)!important;
  aspect-ratio:16/9!important;
  display:grid!important;
  place-items:center!important;
  margin:15px!important;
  overflow:hidden!important;
  border:1px solid #2b414f!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 50% 47%,hsla(var(--market-hue),70%,60%,.2),transparent 25%),
    linear-gradient(145deg,#0c1820,#03070a 74%)!important;
  box-shadow:inset 0 0 70px rgba(1,5,8,.72)!important;
  isolation:isolate;
}

.market-v226 .market-preview-stage::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:8%;
  border:1px solid rgba(123,179,211,.18);
  background:
    linear-gradient(90deg,transparent 49.85%,rgba(121,176,207,.11) 50%,transparent 50.15%),
    linear-gradient(transparent 49.85%,rgba(121,176,207,.095) 50%,transparent 50.15%);
  box-shadow:0 0 48px hsla(var(--market-hue),65%,58%,.08);
}

.market-v226 .market-preview-stage .market-art{
  display:none!important;
}

.market-v226 .market-preview-placeholder{
  position:absolute;
  z-index:3;
  left:26px;
  right:26px;
  bottom:21px;
  min-width:0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  pointer-events:none;
}

.market-v226 .market-preview-placeholder span,
.market-v226 .market-preview-placeholder strong{
  display:block;
}

.market-v226 .market-preview-placeholder span{
  color:#6f8796;
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.14em;
}

.market-v226 .market-preview-placeholder strong{
  max-width:70%;
  overflow:hidden;
  color:rgba(231,241,246,.58);
  font-size:12px;
  font-weight:800;
  line-height:1.3;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.market-v226 .market-preview-status{
  z-index:4!important;
  left:14px!important;
  top:14px!important;
  min-height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 7px!important;
  overflow:visible!important;
  border:1px solid rgba(144,184,207,.22)!important;
  border-radius:7px!important;
  background:rgba(4,10,14,.65)!important;
  color:#89a3b3!important;
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.1em!important;
}

.market-v226 .market-preview-play{
  z-index:6!important;
  left:50%!important;
  top:50%!important;
  bottom:auto!important;
  width:64px!important;
  min-width:64px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:visible!important;
  border:1px solid rgba(220,237,247,.5)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(55,85,103,.96),rgba(8,16,21,.96))!important;
  color:#f7fbfd!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.18),
    0 6px 0 rgba(2,6,9,.78),
    0 17px 35px rgba(0,0,0,.4),
    0 0 0 8px rgba(9,18,24,.25)!important;
  font-size:0!important;
  line-height:1!important;
  transform:translate(-50%,-50%)!important;
}

.market-v226 .market-preview-play::before{
  content:"▶";
  display:block;
  margin-left:3px;
  font-size:20px;
  line-height:1;
}

.market-v226 .market-preview-play::after{
  content:"미리보기 재생";
  position:absolute;
  left:50%;
  top:calc(100% + 14px);
  min-width:96px;
  padding:6px 8px;
  border:1px solid rgba(141,181,204,.2);
  border-radius:10px;
  background:rgba(4,10,14,.72);
  color:#b2c3cd;
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  transform:translateX(-50%);
  backdrop-filter:blur(8px);
}

.market-v226 .market-preview-play[aria-pressed="true"]{
  border-color:#4fd3ea!important;
  background:linear-gradient(180deg,#4fd3ea,#3cc9e2)!important;
  color:#071006!important;
}

.market-v226 .market-preview-play[aria-pressed="true"]::before{
  content:"Ⅱ";
  margin:0;
}

.market-v226 .market-preview-play[aria-pressed="true"]::after{
  content:"미리보기 정지";
}

.market-v226 .market-preview-foot{
  min-width:0;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 180px!important;
  gap:18px!important;
  align-items:center!important;
  padding:4px 18px 18px!important;
  overflow:visible!important;
}

.market-v226 .market-preview-foot>div{
  min-width:0;
}

.market-v226 .market-preview-foot p{
  margin:0 0 8px!important;
  overflow:visible!important;
  color:#9caeb9!important;
  font-size:12px!important;
  line-height:1.55!important;
  word-break:keep-all;
}

.market-v226 .market-preview-info{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}

.market-v226 .market-preview-info span,
.market-v226 .market-preview-info strong{
  min-height:23px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 7px!important;
  overflow:visible!important;
  border:1px solid #2d404c!important;
  border-radius:6px!important;
  background:#0b1217!important;
  font-size:11px!important;
  line-height:1!important;
}

.market-v226 .market-preview-info strong{
  color:var(--market-226-lime)!important;
}

.market-v226 .market-preview-foot small{
  display:block!important;
  margin-top:8px!important;
  overflow:visible!important;
  color:#607582!important;
  font-size:11px!important;
  line-height:1.45!important;
}

.market-v226 #preview-to-contract{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:44px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:0 8px 0 13px!important;
  overflow:visible!important;
  border:1px solid #4fd3ea!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#4fd3ea,#3cc9e2)!important;
  color:#071006!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 4px 0 #0d6f81,0 12px 24px rgba(13,111,129,.15)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  transform:none!important;
}

.market-v226 .market-preview-foot .footer-biz{
  display:none!important;
}

/* Contract modal */
.market-v226 .contract-dialog.contract-dialog-refined{
  width:min(1100px,calc(100vw - 48px))!important;
  max-height:calc(100vh - 48px)!important;
  grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr)!important;
  overflow:hidden!important;
}

.market-v226 .contract-dialog-refined .contract-preview{
  min-height:0!important;
  padding:28px!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
  border-right:1px solid #2c404c!important;
  background:
    radial-gradient(circle at 50% 38%,hsla(var(--modal-hue),65%,58%,.18),transparent 30%),
    linear-gradient(155deg,#101b22,#070d12 76%)!important;
}

.market-v226 .contract-preview-graphic{
  inset:0!important;
  height:auto!important;
}

.market-v226 .contract-preview-graphic .market-art{
  display:none!important;
}

.market-v226 .contract-preview-graphic::before{
  content:"";
  position:absolute;
  inset:15% 12% 34%;
  border:1px solid rgba(118,183,218,.16);
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(111,173,206,.11) 50%,transparent 50.3%),
    linear-gradient(transparent 49.7%,rgba(111,173,206,.09) 50%,transparent 50.3%);
  box-shadow:inset 0 0 40px rgba(1,5,8,.55),0 0 40px hsla(var(--modal-hue),65%,58%,.08);
}

.market-v226 .contract-preview-graphic::after{
  content:"LICENSE PREVIEW";
  position:absolute;
  left:calc(12% + 10px);
  top:calc(15% + 10px);
  color:#6d8492;
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.13em;
}

.market-v226 .contract-preview .kicker{
  margin:0 0 8px!important;
  color:var(--market-226-lime)!important;
  font:850 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
}

.market-v226 .contract-preview h2{
  margin:0 0 9px!important;
  overflow:visible!important;
  color:#eef4f7!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:-.04em!important;
  word-break:keep-all;
}

.market-v226 .contract-preview p{
  margin:0!important;
  overflow:visible!important;
  color:#8ea1ad!important;
  font-size:12px!important;
  line-height:1.55!important;
  word-break:keep-all;
}

.market-v226 .contract-panel{
  min-width:0;
  padding:24px!important;
  overflow:auto!important;
  background:#091016!important;
}

.market-v226 .contract-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 15px!important;
  overflow:visible!important;
}

.market-v226 .contract-top .kicker{
  margin:0 0 5px!important;
  color:#7895a6!important;
  font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.13em!important;
}

.market-v226 .contract-top h3{
  margin:0!important;
  overflow:visible!important;
  color:#edf4f7!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1.3!important;
  letter-spacing:-.03em!important;
}

.market-v226 .contract-summary.fee-summary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0 0 13px!important;
}

.market-v226 .contract-summary div{
  min-width:0;
  min-height:57px!important;
  padding:10px!important;
  overflow:visible!important;
  border:1px solid #293c48!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#0e171d,#0a1116)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}

.market-v226 .contract-summary small,
.market-v226 .contract-summary strong{
  display:block!important;
  overflow:visible!important;
}

.market-v226 .contract-summary small{
  margin:0 0 5px!important;
  color:#6d818e!important;
  font-size:11px!important;
  line-height:1.2!important;
}

.market-v226 .contract-summary strong{
  color:#dfe8ed!important;
  font-size:12px!important;
  line-height:1.4!important;
  word-break:keep-all;
}

.market-v226 .contract-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}

.market-v226 .contract-field label{
  display:block!important;
  margin:0 0 6px!important;
  overflow:visible!important;
  color:#8396a2!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.2!important;
}

.market-v226 .contract-field select,
.market-v226 .contract-field textarea{
  width:100%!important;
  border:1px solid #2e424e!important;
  border-radius:9px!important;
  background:#0b1217!important;
  color:#e6eef2!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  font-size:12px!important;
  outline:0!important;
}

.market-v226 .contract-field select{
  height:40px!important;
  padding:0 10px!important;
}

.market-v226 .contract-field textarea{
  min-height:78px!important;
  padding:10px!important;
  line-height:1.5!important;
  resize:vertical;
}

.market-v226 .contract-field select:focus,
.market-v226 .contract-field textarea:focus{
  border-color:#65859a!important;
  box-shadow:0 0 0 3px rgba(91,165,214,.08)!important;
}

.market-v226 .contract-prompt-option,
.market-v226 .contract-form-tip,
.market-v226 .contract-confirm{
  overflow:visible!important;
  border-radius:9px!important;
}

.market-v226 .contract-prompt-option{
  padding:10px!important;
  border:1px solid #2b3f4b!important;
  background:#0b1217!important;
}

.market-v226 .contract-prompt-copy strong{
  overflow:visible!important;
  color:#dce6eb!important;
  font-size:12px!important;
  line-height:1.3!important;
}

.market-v226 .contract-prompt-copy small{
  margin-top:4px!important;
  overflow:visible!important;
  color:#70838f!important;
  font-size:11px!important;
  line-height:1.45!important;
}

.market-v226 .contract-form-tip{
  padding:9px 10px!important;
  border:1px solid rgba(99,184,234,.17)!important;
  background:rgba(70,150,200,.055)!important;
  color:#8094a1!important;
  font-size:11px!important;
  line-height:1.45!important;
}

.market-v226 .contract-confirm{
  grid-template-columns:25px minmax(0,1fr)!important;
  gap:9px!important;
  margin:11px 0!important;
  padding:10px!important;
  border:1px solid #2b3f4b!important;
  background:#0b1217!important;
}

.market-v226 .contract-confirm .contract-confirm-copy{
  overflow:visible!important;
  color:#8598a4!important;
  font-size:11px!important;
  line-height:1.5!important;
}

.market-v226 .contract-submit{
  width:100%!important;
  min-height:43px!important;
  height:43px!important;
  overflow:visible!important;
  border:1px solid #4fd3ea!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#4fd3ea,#3cc9e2)!important;
  color:#071006!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 4px 0 #0d6f81,0 10px 22px rgba(13,111,129,.14)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}

.market-v226 .contract-note,
.market-v226 .fee-policy-note{
  overflow:visible!important;
  color:#607581!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Never clip labels because of inherited glass button rules. */
.market-v226 :is(
  .market-hero-action,
  .market-role-dock a,
  .market-tag,
  .market-detail,
  #preview-to-contract,
  .contract-submit,
  .market-preview-close,
  .contract-close
){
  text-indent:0!important;
  -webkit-text-fill-color:currentColor!important;
}

.market-v226 :is(button,a,input,select,textarea):focus-visible{
  outline:2px solid var(--market-226-cyan)!important;
  outline-offset:2px!important;
}

@media (max-width:1180px){
  .market-v226 .market-shell{
    width:min(1080px,calc(100vw - 34px))!important;
  }
  .market-v226 .market-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:900px){
  .market-v226 .market-hero{
    grid-template-columns:1fr!important;
  }
  .market-v226 .market-hero-side{
    min-height:260px!important;
  }
  .market-v226 .market-role-dock{
    grid-template-columns:minmax(0,1fr) 112px 130px!important;
  }
  .market-v226 .contract-dialog.contract-dialog-refined{
    grid-template-columns:1fr!important;
    overflow:auto!important;
  }
  .market-v226 .contract-dialog-refined .contract-preview{
    min-height:250px!important;
    border-right:0!important;
    border-bottom:1px solid #2c404c!important;
  }
  .market-v226 .contract-preview-graphic::before{
    inset:15% 8% 28%;
  }
}

@media (max-width:720px){
  .market-v226 .market-page{
    padding-top:10px!important;
  }
  .market-v226 .market-shell{
    width:calc(100vw - 22px)!important;
  }
  .market-v226 .market-hero{
    padding:9px!important;
    border-radius:15px!important;
  }
  .market-v226 .market-hero-main{
    padding:28px 22px!important;
  }
  .market-v226 .market-hero h1{
    font-size:clamp(34px,11vw,48px)!important;
  }
  .market-v226 .market-hero-copy{
    font-size:12px!important;
  }
  .market-v226 .market-hero-side{
    min-height:258px!important;
    padding:17px!important;
  }
  .market-v226 .market-hero-side>p{
    left:17px!important;
    right:17px!important;
    bottom:73px!important;
  }
  .market-v226 .market-hero-actions{
    left:17px;
    right:17px;
    bottom:16px;
  }
  .market-v226 .market-role-dock{
    grid-template-columns:1fr 1fr!important;
    padding:12px!important;
  }
  .market-v226 .market-role-dock>div{
    grid-column:1/-1;
  }
  .market-v226 .market-toolbar{
    grid-template-columns:minmax(0,1fr) 110px!important;
  }
  .market-v226 .market-tags-wrap{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .market-v226 .market-count{
    order:-1;
  }
  .market-v226 .market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .market-v226 .market-preview-modal,
  .market-v226 .contract-modal{
    padding:10px!important;
  }
  .market-v226 .market-preview-dialog,
  .market-v226 .contract-dialog.contract-dialog-refined{
    width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 20px)!important;
    border-radius:14px!important;
  }
  .market-v226 .market-preview-stage{
    width:calc(100% - 20px)!important;
    margin:10px!important;
  }
  .market-v226 .market-preview-foot{
    grid-template-columns:1fr!important;
    padding:4px 12px 14px!important;
  }
  .market-v226 .market-preview-play{
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    border-radius:16px!important;
  }
  .market-v226 .contract-panel{
    padding:18px!important;
  }
}

@media (max-width:480px){
  .market-v226 .market-grid{
    grid-template-columns:1fr!important;
  }
  .market-v226 .market-hero-actions{
    grid-template-columns:1fr!important;
  }
  .market-v226 .market-hero-side{
    min-height:306px!important;
  }
  .market-v226 .market-hero-side>p{
    bottom:116px!important;
  }
  .market-v226 .market-toolbar{
    grid-template-columns:1fr!important;
  }
  .market-v226 .market-sort{
    width:100%!important;
  }
  .market-v226 .contract-form-grid,
  .market-v226 .contract-summary.fee-summary{
    grid-template-columns:1fr!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .market-v226 *,
  .market-v226 *::before,
  .market-v226 *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}