/* ============================================================
   GP Korea 2026 app redesign
   1) Design tokens   2) Layout & components
   3) Consistency pass   4) Detail polish
   ============================================================ */

/* ===== 1. Design tokens (single source of truth) ===== */
:root,
body.dark{
 --bg:#071224;
 --surface:#0b1729;
 --surface2:#121f35;
 --surface3:#18263e;
 --border:rgba(163,184,225,.18);
 --text:#f4f7fb;
 --text2:#b6c1d4;
 --text3:#8290a8;
 --blue:#5f86ff;
 --purple:#8061e8;
 --cyan:#33d4ff;
 --green:#36d39b;
 --red:#ff6d78;
 --yellow:#f4c763;
 --accent:#7c5cff;
 --aur-1:#8b5cf6;
 --aur-2:#5f86ff;
 --aur-3:#33d4ff;
 --font:"Pretendard","Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --r:16px;
 --rs:10px;
 --gp-sidebar:252px;
 --gp-max:1280px;
 --gp-radius:14px;
 --gp-radius-sm:10px;
 --gp-control:42px;
 --gp-panel:linear-gradient(180deg,rgba(18,31,52,.92),rgba(10,22,40,.9));
 --gp-panel-soft:linear-gradient(180deg,rgba(17,30,51,.88),rgba(10,22,40,.86));
 --gp-accent:linear-gradient(135deg,#815df2 0%,#5587f8 100%);
 --gp-shadow:0 18px 54px rgba(0,0,0,.24);
 --gp-focus:rgba(129,93,242,.7);
 --gp-ease:cubic-bezier(.22,1,.36,1);
}

/* Clean lavender landing option (fourth design) */
.gp-clean-page{
 display:none;
}
.gp-design-options{
 grid-template-columns:repeat(4,minmax(0,1fr));
}
.preview-clean{
 background:linear-gradient(180deg,#fff,#f7f7ff);
}
.preview-clean::before{
 content:"";
 position:absolute;
 left:50%;
 top:10px;
 width:60%;
 height:10px;
 border-radius:999px;
 background:#121826;
 transform:translateX(-50%);
 box-shadow:0 17px 0 #6963e8,0 36px 0 rgba(105,99,232,.16);
}
.preview-clean::after{
 content:"";
 position:absolute;
 right:12px;
 bottom:10px;
 width:24px;
 height:24px;
 border-radius:10px;
 border:1px solid rgba(105,99,232,.5);
 background:linear-gradient(135deg,#fff,#ecebff);
}
.preview-hub{
 background:linear-gradient(90deg,#f7fbff 0 22%,#ffffff 22% 100%);
}
.preview-hub::before{
 content:"";
 position:absolute;
 left:9px;
 top:11px;
 width:18%;
 height:8px;
 border-radius:999px;
 background:#3279f6;
 box-shadow:0 16px 0 rgba(50,121,246,.28),0 32px 0 rgba(50,121,246,.18);
}
.preview-hub::after{
 content:"";
 position:absolute;
 right:10px;
 top:10px;
 width:58%;
 height:38px;
 border-radius:9px;
 border:1px solid rgba(139,154,184,.28);
 background:linear-gradient(135deg,#fff,#eaf3ff);
 box-shadow:-46px 0 0 -22px rgba(117,238,202,.7);
}
body[data-main-design="clean"]{
 background:#fbfbfe !important;
 color:#151927;
}
body[data-main-design="clean"]::before,
body[data-main-design="clean"] .gp-sidebar,
body[data-main-design="clean"] .mobile-nav,
body[data-main-design="clean"] .gp-footer,
body[data-main-design="clean"] #mobileLogo,
body[data-main-design="clean"] #mobileMyPageBtn{
 display:none !important;
}
body[data-main-design="clean"] .gp-main{
 margin-left:0;
 width:100%;
 min-height:100dvh;
 padding:0;
 background:#fbfbfe;
}
body[data-main-design="clean"] .gp-main > #mainContent{
 max-width:none;
 width:100%;
 margin:0;
}
#mainContent[data-main-design="clean"]{
 width:100%;
 min-height:100dvh;
 padding:0 0 54px;
 background:
  radial-gradient(circle at 50% 23%,rgba(105,99,232,.1),transparent 34%),
  linear-gradient(180deg,#fff 0%,#fbfbfe 42%,#f8f8fd 100%);
 color:#151927;
 border:0;
 border-radius:0;
 overflow:hidden;
}
#mainContent[data-main-design="clean"] .gp-main-stage,
#mainContent[data-main-design="clean"] > .gp-section,
#mainContent[data-main-design="clean"] #result,
#mainContent[data-main-design="clean"] .gp-top-actions,
#mainContent[data-main-design="clean"] .gp-sketch-page{
 display:none !important;
}
#mainContent[data-main-design="clean"] .gp-clean-page{
 display:block;
}
#mainContent[data-main-design="clean"] .gp-design-picker{
 position:fixed;
 top:74px;
 right:44px;
 width:min(700px,calc(100vw - 48px));
 border-color:#e3e5f1;
 background:rgba(255,255,255,.96);
 box-shadow:0 24px 80px rgba(35,38,64,.16);
 color:#151927;
}
#mainContent[data-main-design="clean"] .gp-design-picker-head strong,
#mainContent[data-main-design="clean"] .gp-design-option strong{
 color:#151927;
}
#mainContent[data-main-design="clean"] .gp-design-picker-head span,
#mainContent[data-main-design="clean"] .gp-design-option em{
 color:#6d7282;
}
#mainContent[data-main-design="clean"] .gp-design-picker-head button{
 background:#f2f3f8;
 color:#303648;
}
#mainContent[data-main-design="clean"] .gp-design-option{
 border-color:#e7e8f1;
 background:#fff;
 color:#151927;
}
#mainContent[data-main-design="clean"] .gp-design-option.active{
 border-color:#6963e8;
 background:#f0efff;
}
.gp-clean-nav{
 width:min(1280px,calc(100% - 64px));
 height:70px;
 margin:0 auto;
 display:grid;
 grid-template-columns:260px minmax(0,1fr) 390px;
 align-items:center;
 gap:20px;
}
.gp-clean-brand{
 display:inline-flex;
 align-items:center;
 gap:12px;
 min-height:44px;
 padding:0;
 border:0;
 background:transparent;
 color:#151927;
 font-size:20px;
 font-weight:900;
 cursor:pointer;
}
.gp-clean-logo{
 width:34px;
 height:34px;
 display:inline-grid;
 place-items:center;
 border-radius:13px 13px 16px 16px;
 background:linear-gradient(145deg,#90b8ff 0%,#6b65e9 52%,#7b50d9 100%);
 box-shadow:0 12px 30px rgba(105,99,232,.24);
 position:relative;
 overflow:hidden;
}
.gp-clean-logo::before{
 content:"";
 position:absolute;
 inset:7px 12px 5px;
 border-radius:999px 999px 4px 4px;
 background:#fff;
 opacity:.92;
}
.gp-clean-logo i{
 width:7px;
 height:7px;
 border-radius:50%;
 background:#6b65e9;
 position:relative;
 z-index:1;
 transform:translateY(-4px);
}
.gp-clean-nav nav{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:44px;
 min-width:0;
}
.gp-clean-nav nav button,
.gp-clean-actions button{
 border:0;
 background:transparent;
 color:#303646;
 font-size:14px;
 font-weight:760;
 white-space:nowrap;
 cursor:pointer;
 transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.gp-clean-nav nav button:hover,
.gp-clean-actions button:hover{
 transform:translateY(-1px);
 color:#171b28;
}
.gp-clean-actions{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:12px;
}
.gp-clean-actions .ghost,
.gp-clean-actions .primary,
.gp-clean-actions .design{
 min-height:40px;
 padding:0 22px;
 border-radius:8px;
 border:1px solid #e1e4ee;
 background:#fff;
 box-shadow:0 6px 18px rgba(43,48,70,.04);
}
.gp-clean-actions .primary{
 border-color:transparent;
 background:#625ee8;
 color:#fff;
 box-shadow:0 12px 30px rgba(98,94,232,.22);
}
.gp-clean-actions .design{
 padding:0 16px;
 color:#625ee8;
 border-color:#dad8ff;
 background:#fbfbff;
}
.gp-clean-main{
 width:min(1060px,calc(100% - 48px));
 margin:0 auto;
}
.gp-clean-hero{
 padding:46px 0 26px;
 text-align:center;
}
.gp-clean-hero h1{
 margin:0;
 color:#171b28;
 font-size:56px;
 line-height:1.14;
 letter-spacing:0;
 font-weight:950;
}
.gp-clean-hero h1 span{
 color:#6661e8;
}
.gp-clean-hero p{
 width:min(560px,100%);
 margin:18px auto 0;
 color:#687082;
 font-size:16px;
 line-height:1.72;
 font-weight:620;
}
.gp-clean-prompt{
 width:min(720px,100%);
 height:104px;
 margin:26px auto 0;
 border:1px solid rgba(105,99,232,.34);
 border-radius:24px;
 background:rgba(255,255,255,.86);
 box-shadow:0 22px 60px rgba(105,99,232,.11),inset 0 1px 0 rgba(255,255,255,.9);
 position:relative;
 overflow:hidden;
}
.gp-clean-prompt textarea{
 width:100%;
 height:100%;
 padding:30px 82px 22px 32px;
 border:0;
 outline:0;
 resize:none;
 background:transparent;
 color:#222838;
 font:inherit;
 font-size:16px;
 line-height:1.6;
}
.gp-clean-prompt textarea::placeholder{
 color:#8a8f9f;
}
.gp-clean-prompt button{
 position:absolute;
 right:20px;
 bottom:20px;
 width:34px;
 height:34px;
 display:grid;
 place-items:center;
 border:0;
 border-radius:50%;
 background:#6963e8;
 color:#fff;
 cursor:pointer;
 box-shadow:0 10px 24px rgba(105,99,232,.28);
 transition:transform .18s ease,background .18s ease;
}
.gp-clean-prompt button:hover{
 transform:translateY(-2px);
 background:#5a55dc;
}
.gp-clean-prompt button svg{
 width:18px;
 height:18px;
 fill:none;
 stroke:currentColor;
 stroke-width:2.2;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.gp-clean-chips{
 margin:22px auto 0;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:wrap;
 gap:10px;
}
.gp-clean-chips span{
 min-height:38px;
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:0 14px;
 border-radius:999px;
 border:1px solid #e4e6ef;
 background:rgba(255,255,255,.86);
 color:#343a4b;
 font-size:13px;
 font-weight:760;
 box-shadow:0 8px 22px rgba(42,46,68,.035);
}
.gp-clean-chips i,
.gp-clean-card-icon,
.gp-clean-stats i{
 display:inline-block;
 width:18px;
 height:18px;
 position:relative;
 color:#6963e8;
}
.gp-clean-chips i::before,
.gp-clean-chips i::after,
.gp-clean-card-icon::before,
.gp-clean-card-icon::after,
.gp-clean-stats i::before,
.gp-clean-stats i::after{
 content:"";
 position:absolute;
 box-sizing:border-box;
}
.gp-clean-chips i::before{
 inset:2px;
 border:1.8px solid currentColor;
 border-radius:5px;
}
.gp-clean-chips .keep::after,
.gp-clean-chips .shield::after,
.gp-clean-stats .safe::after{
 left:6px;
 top:4px;
 width:6px;
 height:10px;
 border:solid currentColor;
 border-width:0 2px 2px 0;
 transform:rotate(42deg);
}
.gp-clean-chips .essay::before,
.gp-clean-chips .tone::before{
 inset:4px 2px;
 border:0;
 border-top:2px solid currentColor;
 border-bottom:2px solid currentColor;
}
.gp-clean-chips .essay::after,
.gp-clean-chips .tone::after{
 left:2px;
 right:2px;
 top:8px;
 height:2px;
 background:currentColor;
}
.gp-clean-chips .fast::before{
 inset:1px 5px;
 width:8px;
 border:0;
 border-left:3px solid currentColor;
 transform:skewX(-20deg);
}
.gp-clean-feature-grid{
 display:grid;
 grid-template-columns:1fr 1fr 1fr;
 gap:18px;
 margin-top:0;
}
.gp-clean-card{
 min-width:0;
 padding:24px 22px;
 border:1px solid #e4e6ef;
 border-radius:16px;
 background:rgba(255,255,255,.72);
 box-shadow:0 18px 50px rgba(43,48,70,.05);
}
.gp-clean-card-head{
 display:grid;
 grid-template-columns:44px 1fr;
 gap:18px;
 align-items:start;
}
.gp-clean-card-icon{
 width:44px;
 height:44px;
 border:1px solid #e2e4f5;
 border-radius:50%;
 background:#fbfbff;
}
.gp-clean-card-icon::before{
 inset:12px;
 border:2px solid currentColor;
 border-radius:6px;
}
.gp-clean-card-icon.compare::after{
 left:17px;
 top:12px;
 width:10px;
 height:16px;
 border:solid currentColor;
 border-width:0 2px 2px 0;
 transform:rotate(-40deg);
}
.gp-clean-card-icon.builder::after{
 left:16px;
 top:12px;
 width:12px;
 height:17px;
 border:2px solid currentColor;
 border-top:0;
 border-radius:0 0 8px 8px;
}
.gp-clean-card-icon.device::before{
 left:15px;
 right:15px;
 top:11px;
 bottom:11px;
 border-radius:2px;
}
.gp-clean-card h2{
 margin:0;
 color:#1d2232;
 font-size:18px;
 font-weight:900;
}
.gp-clean-card p{
 margin:8px 0 0;
 color:#697184;
 font-size:12px;
 line-height:1.58;
 font-weight:620;
}
.gp-clean-compare-ui{
 margin-top:20px;
 min-height:150px;
 padding:14px;
 display:grid;
 grid-template-columns:1fr 34px 1fr;
 align-items:center;
 gap:12px;
 border-radius:12px;
 background:linear-gradient(135deg,#eef0ff,#c8c4ff);
}
.gp-clean-compare-ui div{
 min-height:110px;
 padding:14px;
 border-radius:10px;
 background:#fff;
 color:#4c5365;
}
.gp-clean-compare-ui small{
 display:block;
 margin-bottom:14px;
 color:#555c70;
 font-size:11px;
 font-weight:850;
}
.gp-clean-compare-ui p{
 margin:0;
 color:#252b3c;
 font-size:11px;
 line-height:1.58;
}
.gp-clean-compare-ui b{
 width:30px;
 height:30px;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:#fff;
 color:#6963e8;
 font-size:17px;
 font-weight:900;
}
.gp-clean-builder-ui{
 margin-top:18px;
 padding:14px;
 border:1px solid #e6e8f0;
 border-radius:14px;
 background:#fff;
}
.gp-clean-builder-ui strong{
 display:block;
 margin:0 0 12px;
 color:#272d3f;
 font-size:12px;
 font-weight:900;
}
.gp-clean-builder-ui .type-row{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;
 margin-bottom:18px;
}
.gp-clean-builder-ui .type-row span{
 min-height:56px;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:6px;
 border:1px solid #e4e6ef;
 border-radius:9px;
 color:#222838;
 font-size:12px;
 font-weight:900;
 text-align:center;
}
.gp-clean-builder-ui .type-row span.active,
.gp-clean-builder-ui .option-row span.active{
 border-color:#9693ff;
 color:#625ee8;
 background:#fbfbff;
}
.gp-clean-builder-ui small{
 color:#767e91;
 font-size:10px;
 font-weight:700;
}
.gp-clean-builder-ui .option-row{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
}
.gp-clean-builder-ui .option-row span{
 min-height:32px;
 display:inline-flex;
 align-items:center;
 padding:0 12px;
 border:1px solid #e4e6ef;
 border-radius:8px;
 color:#4b5366;
 font-size:12px;
 font-weight:800;
}
.gp-clean-device-ui{
 margin-top:20px;
 min-height:150px;
 border-radius:12px;
 background:linear-gradient(135deg,#eeeefe,#c5c2ff);
 position:relative;
 overflow:hidden;
}
.gp-clean-device-ui .laptop{
 position:absolute;
 left:28px;
 right:66px;
 bottom:30px;
 height:82px;
 border:8px solid #2b2f3a;
 border-bottom-width:14px;
 border-radius:10px 10px 7px 7px;
 background:#fff;
 box-shadow:0 18px 28px rgba(30,34,54,.16);
}
.gp-clean-device-ui .laptop::after{
 content:"";
 position:absolute;
 left:22px;
 right:22px;
 bottom:-23px;
 height:8px;
 border-radius:999px;
 background:#242833;
}
.gp-clean-device-ui .laptop i{
 position:absolute;
 left:12px;
 top:10px;
 width:8px;
 height:8px;
 border-radius:50%;
 background:#6963e8;
 box-shadow:14px 0 0 #dfe0fb;
}
.gp-clean-device-ui .laptop span{
 position:absolute;
 left:24px;
 right:22px;
 height:10px;
 border-radius:999px;
 background:#eff0f8;
}
.gp-clean-device-ui .laptop span:nth-child(2){top:30px;}
.gp-clean-device-ui .laptop span:nth-child(3){top:48px;right:60px;}
.gp-clean-device-ui .laptop span:nth-child(4){top:66px;right:92px;}
.gp-clean-device-ui .phone{
 position:absolute;
 right:26px;
 bottom:22px;
 width:62px;
 height:104px;
 border:7px solid #252934;
 border-radius:18px;
 background:#fff;
 box-shadow:0 18px 24px rgba(30,34,54,.18);
}
.gp-clean-device-ui .phone i{
 position:absolute;
 left:24px;
 top:8px;
 width:14px;
 height:3px;
 border-radius:999px;
 background:#d9dced;
}
.gp-clean-device-ui .phone span{
 position:absolute;
 left:10px;
 right:10px;
 height:8px;
 border-radius:999px;
 background:#eef0f8;
}
.gp-clean-device-ui .phone span:nth-child(2){top:34px;}
.gp-clean-device-ui .phone span:nth-child(3){top:50px;right:20px;}
.gp-clean-stats{
 margin-top:22px;
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 border:1px solid #e2e4ee;
 border-radius:16px;
 background:rgba(255,255,255,.75);
 box-shadow:0 18px 50px rgba(43,48,70,.045);
}
.gp-clean-stats article{
 min-height:112px;
 display:grid;
 grid-template-columns:44px 1fr;
 grid-template-rows:auto auto auto;
 align-content:center;
 column-gap:18px;
 padding:22px 28px;
 position:relative;
}
.gp-clean-stats article + article::before{
 content:"";
 position:absolute;
 left:0;
 top:26px;
 bottom:26px;
 width:1px;
 background:#e6e8f0;
}
.gp-clean-stats i{
 grid-row:1/4;
 align-self:center;
 width:34px;
 height:34px;
}
.gp-clean-stats i::before{
 inset:6px;
 border:2px solid currentColor;
 border-radius:9px;
}
.gp-clean-stats .users::before{
 inset:10px 3px 4px;
 border-radius:12px 12px 5px 5px;
}
.gp-clean-stats .users::after{
 left:9px;
 top:3px;
 width:10px;
 height:10px;
 border:2px solid currentColor;
 border-radius:50%;
 box-shadow:12px 5px 0 -2px #fbfbfe,12px 5px 0 0 currentColor;
}
.gp-clean-stats .time::before{
 border:0;
 background:currentColor;
 clip-path:polygon(54% 0,18% 52%,46% 52%,34% 100%,82% 39%,54% 39%);
}
.gp-clean-stats .star::before{
 border:0;
 background:currentColor;
 clip-path:polygon(50% 2%,61% 36%,97% 36%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,3% 36%,39% 36%);
}
.gp-clean-stats span{
 color:#697184;
 font-size:12px;
 font-weight:720;
}
.gp-clean-stats strong{
 margin-top:4px;
 color:#171b28;
 font-size:26px;
 line-height:1;
 font-weight:900;
 letter-spacing:0;
}
.gp-clean-stats strong small{
 color:#4f5667;
 font-size:15px;
 font-weight:760;
}
.gp-clean-stats em{
 margin-top:7px;
 color:#7b8293;
 font-size:12px;
 font-style:normal;
 font-weight:620;
}
@media(max-width:1180px){
 .gp-clean-nav{
  grid-template-columns:260px 1fr;
 }
 .gp-clean-nav nav{
  display:none;
 }
 .gp-clean-feature-grid{
  grid-template-columns:1fr;
 }
 .gp-clean-card{
  max-width:760px;
  margin:0 auto;
  width:100%;
 }
 .gp-clean-stats{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .gp-clean-stats article:nth-child(3)::before{
  display:none;
 }
}
@media(max-width:760px){
 .gp-design-options{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 #mainContent[data-main-design="clean"]{
  padding-bottom:28px;
 }
 #mainContent[data-main-design="clean"] .gp-design-picker{
  top:78px;
  left:12px;
  right:12px;
  width:auto;
 }
 .gp-clean-nav{
  width:calc(100% - 24px);
  height:auto;
  min-height:76px;
  grid-template-columns:1fr;
  gap:10px;
  padding:10px 0 0;
 }
 .gp-clean-brand{
  font-size:20px;
 }
 .gp-clean-logo{
  width:32px;
  height:32px;
 }
 .gp-clean-actions{
  justify-content:space-between;
  gap:8px;
 }
 .gp-clean-actions .ghost{
  display:none;
 }
 .gp-clean-actions .primary{
  flex:1;
 }
 .gp-clean-actions .design{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
 }
 .gp-clean-main{
  width:calc(100% - 24px);
 }
 .gp-clean-hero{
  padding:50px 0 26px;
  text-align:left;
 }
 .gp-clean-hero h1{
  font-size:38px;
  line-height:1.16;
 }
 .gp-clean-hero p{
  margin:18px 0 0;
  font-size:14px;
 }
 .gp-clean-prompt{
  height:108px;
  margin-top:24px;
  border-radius:20px;
 }
 .gp-clean-prompt textarea{
  padding:24px 72px 20px 22px;
  font-size:14px;
 }
 .gp-clean-chips{
  justify-content:flex-start;
  gap:8px;
  margin-top:20px;
 }
 .gp-clean-chips span{
  font-size:12px;
  padding:0 11px;
 }
 .gp-clean-card{
  padding:22px 16px;
  border-radius:14px;
 }
 .gp-clean-card-head{
  grid-template-columns:38px 1fr;
  gap:14px;
 }
 .gp-clean-card-icon{
  width:38px;
  height:38px;
 }
 .gp-clean-compare-ui{
  grid-template-columns:1fr;
  padding:14px;
 }
 .gp-clean-compare-ui b{
  transform:rotate(90deg);
  margin:0 auto;
 }
 .gp-clean-builder-ui .type-row,
 .gp-clean-stats{
  grid-template-columns:1fr;
 }
 .gp-clean-device-ui .laptop{
  left:18px;
  right:58px;
 }
 .gp-clean-device-ui .phone{
  right:18px;
 }
 .gp-clean-stats article + article::before{
  left:24px;
  right:24px;
  top:0;
  bottom:auto;
  width:auto;
  height:1px;
 }
 .gp-clean-stats article:nth-child(3)::before{
  display:block;
 }
}

/* Design switcher final grid override */
.gp-design-options{
 grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(max-width:760px){
 .gp-design-options{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
@media(max-width:420px){
 .gp-design-options{
  grid-template-columns:1fr;
 }
}

/* Final clean layout reset: override app-shell spacing with sidebar removed */
body[data-main-design="clean"] .gp-main{
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 padding:0 !important;
 overflow-x:clip;
}
body[data-main-design="clean"] .gp-main > #mainContent,
#mainContent[data-main-design="clean"]{
 width:100% !important;
 max-width:none !important;
 margin:0 !important;
}

/* Content hub option (fifth design) */
.gp-hub-page{
 display:none;
}
body[data-main-design="hub"]{
 background:#f7f9fd !important;
 color:#152033;
}
body[data-main-design="hub"]::before,
body[data-main-design="hub"] .gp-sidebar,
body[data-main-design="hub"] .mobile-nav,
body[data-main-design="hub"] .gp-footer,
body[data-main-design="hub"] #mobileLogo,
body[data-main-design="hub"] #mobileMyPageBtn{
 display:none !important;
}
body[data-main-design="hub"] .gp-main{
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 min-height:100dvh;
 padding:0 !important;
 overflow-x:clip;
 background:#f7f9fd;
}
body[data-main-design="hub"] .gp-main > #mainContent,
#mainContent[data-main-design="hub"]{
 width:100% !important;
 max-width:none !important;
 min-height:100dvh;
 margin:0 !important;
 padding:0 !important;
 border:0;
 border-radius:0;
 background:#f7f9fd;
 color:#152033;
 overflow:hidden;
}
#mainContent[data-main-design="hub"] .gp-main-stage,
#mainContent[data-main-design="hub"] > .gp-section,
#mainContent[data-main-design="hub"] #result,
#mainContent[data-main-design="hub"] .gp-top-actions,
#mainContent[data-main-design="hub"] .gp-sketch-page,
#mainContent[data-main-design="hub"] .gp-clean-page{
 display:none !important;
}
#mainContent[data-main-design="hub"] .gp-hub-page{
 display:grid;
 grid-template-columns:252px minmax(0,1fr);
 min-height:100dvh;
}
#mainContent[data-main-design="hub"] .gp-design-picker{
 position:fixed;
 top:72px;
 right:34px;
 width:min(820px,calc(100vw - 48px));
 border-color:#dce3ef;
 background:rgba(255,255,255,.97);
 box-shadow:0 24px 80px rgba(35,47,76,.16);
 color:#152033;
}
#mainContent[data-main-design="hub"] .gp-design-picker-head strong,
#mainContent[data-main-design="hub"] .gp-design-option strong{
 color:#152033;
}
#mainContent[data-main-design="hub"] .gp-design-picker-head span,
#mainContent[data-main-design="hub"] .gp-design-option em{
 color:#707b90;
}
#mainContent[data-main-design="hub"] .gp-design-picker-head button{
 background:#f0f4fb;
 color:#33415b;
}
#mainContent[data-main-design="hub"] .gp-design-option{
 border-color:#e2e8f2;
 background:#fff;
 color:#152033;
}
#mainContent[data-main-design="hub"] .gp-design-option.active{
 border-color:#3f7df4;
 background:#eff5ff;
}
.gp-hub-sidebar{
 min-height:100dvh;
 padding:26px 20px 24px;
 border-right:1px solid #dde4ef;
 background:rgba(255,255,255,.82);
 box-shadow:14px 0 34px rgba(42,55,88,.045);
 display:flex;
 flex-direction:column;
 gap:22px;
}
.gp-hub-brand{
 min-height:50px;
 display:grid;
 grid-template-columns:38px 1fr;
 grid-template-rows:auto auto;
 align-items:center;
 column-gap:12px;
 padding:0;
 border:0;
 background:transparent;
 text-align:left;
 cursor:pointer;
}
.gp-hub-brand span{
 grid-row:1/3;
 width:38px;
 height:38px;
 display:grid;
 place-items:center;
 border-radius:14px;
 background:linear-gradient(145deg,#67a2ff,#7465f1);
 box-shadow:0 12px 28px rgba(61,119,240,.22);
 position:relative;
}
.gp-hub-brand span::before{
 content:"";
 width:18px;
 height:15px;
 border-radius:4px 4px 8px 8px;
 background:#eaf2ff;
 clip-path:polygon(0 26%,50% 0,100% 26%,100% 100%,0 100%);
}
.gp-hub-brand span::after{
 content:"";
 position:absolute;
 left:10px;
 right:10px;
 bottom:6px;
 height:3px;
 border-radius:999px;
 background:#d2e2ff;
}
.gp-hub-brand strong{
 color:#1d54bf;
 font-size:19px;
 font-weight:900;
 line-height:1.05;
}
.gp-hub-brand em{
 margin-top:4px;
 color:#8290a6;
 font-size:11px;
 font-style:normal;
 font-weight:700;
}
.gp-hub-menu{
 display:flex;
 flex-direction:column;
 gap:18px;
 padding-top:16px;
 border-top:1px solid #e4eaf4;
 overflow:auto;
 scrollbar-width:none;
}
.gp-hub-menu::-webkit-scrollbar{display:none;}
.gp-hub-menu section{
 padding-bottom:16px;
 border-bottom:1px solid #e8edf5;
}
.gp-hub-menu h3{
 margin:0 0 10px;
 color:#1f75ff;
 font-size:12px;
 letter-spacing:.02em;
 font-weight:900;
}
.gp-hub-menu button{
 width:100%;
 min-height:38px;
 display:flex;
 align-items:center;
 gap:12px;
 padding:0 8px;
 border:0;
 border-radius:10px;
 background:transparent;
 color:#344057;
 font-size:13px;
 font-weight:800;
 text-align:left;
 cursor:pointer;
 transition:background .18s ease,color .18s ease,transform .18s ease;
}
.gp-hub-menu button:hover,
.gp-hub-menu button.active{
 background:#eef5ff;
 color:#1e5fd4;
 transform:translateX(2px);
}
.gp-hub-menu i{
 width:18px;
 height:18px;
 flex:0 0 18px;
 color:#8290ac;
 position:relative;
}
.gp-hub-menu i::before,
.gp-hub-menu i::after{
 content:"";
 position:absolute;
 box-sizing:border-box;
}
.gp-hub-menu i::before{
 inset:3px;
 border:1.8px solid currentColor;
 border-radius:5px;
}
.gp-hub-menu .trophy::before{border-radius:5px 5px 8px 8px;}
.gp-hub-menu .trophy::after{left:5px;right:5px;bottom:1px;height:3px;border-radius:999px;background:currentColor;}
.gp-hub-menu .gift::after{left:8px;top:3px;bottom:3px;width:2px;background:currentColor;}
.gp-hub-menu .spark::before{border:0;background:currentColor;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);}
.gp-hub-menu .folder::before{top:6px;border-radius:4px;}
.gp-hub-menu .history::before{border-radius:50%;}
.gp-hub-menu .history::after{left:8px;top:5px;width:5px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;}
.gp-hub-menu .star::before{border:0;background:currentColor;clip-path:polygon(50% 2%,61% 36%,97% 36%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,3% 36%,39% 36%);}
.gp-hub-cta{
 margin-top:auto;
 padding:18px;
 border-radius:10px;
 background:linear-gradient(145deg,#eef6ff,#edf0ff);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
 overflow:hidden;
 position:relative;
}
.gp-hub-cta::after{
 content:"";
 position:absolute;
 right:-16px;
 top:10px;
 width:76px;
 height:76px;
 border-radius:18px;
 background:linear-gradient(145deg,rgba(116,101,241,.24),rgba(103,162,255,.22));
 transform:rotate(14deg);
}
.gp-hub-cta strong{
 position:relative;
 z-index:1;
 display:block;
 color:#243149;
 font-size:13px;
 line-height:1.45;
 font-weight:900;
}
.gp-hub-cta p{
 position:relative;
 z-index:1;
 margin:8px 0 14px;
 color:#647086;
 font-size:11px;
 line-height:1.5;
 font-weight:700;
}
.gp-hub-cta button{
 position:relative;
 z-index:1;
 width:100%;
 min-height:36px;
 border:0;
 border-radius:7px;
 background:#4e70ff;
 color:#fff;
 font-size:13px;
 font-weight:900;
 cursor:pointer;
}
.gp-hub-shell{
 min-width:0;
 min-height:100dvh;
}
.gp-hub-topbar{
 height:58px;
 display:grid;
 grid-template-columns:1fr auto auto auto;
 align-items:center;
 gap:12px;
 padding:0 34px;
 border-bottom:1px solid #dde4ef;
 background:rgba(255,255,255,.72);
 backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);
}
.gp-hub-menu-toggle{
 display:none;
 width:38px;
 height:38px;
 border:1px solid #dce4f0;
 border-radius:10px;
 background:#fff;
 color:#33415b;
 position:relative;
}
.gp-hub-menu-toggle span,
.gp-hub-menu-toggle span::before,
.gp-hub-menu-toggle span::after{
 content:"";
 position:absolute;
 left:10px;
 right:10px;
 height:2px;
 border-radius:999px;
 background:currentColor;
}
.gp-hub-menu-toggle span{top:18px;}
.gp-hub-menu-toggle span::before{top:-6px;left:0;right:0;}
.gp-hub-menu-toggle span::after{top:6px;left:0;right:0;}
.gp-hub-topbar button{
 min-height:36px;
 padding:0 16px;
 border-radius:7px;
 border:1px solid transparent;
 background:transparent;
 color:#314059;
 font-size:13px;
 font-weight:800;
 cursor:pointer;
 transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.gp-hub-topbar button:hover{
 transform:translateY(-1px);
}
.gp-hub-design{
 border-color:#dce4f0 !important;
 background:#fff !important;
 color:#266bf0 !important;
}
.gp-hub-join{
 border-color:#dce7fb !important;
 background:#edf5ff !important;
 color:#1d67f2 !important;
}
.gp-hub-content{
 padding:30px 34px 26px;
}
.gp-hub-top-grid{
 display:grid;
 grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
 gap:20px;
}
.gp-hub-post,
.gp-hub-work-card,
.gp-hub-ranking,
.gp-hub-wide-post,
.gp-hub-recommend{
 border:1px solid #dbe4f0;
 border-radius:12px;
 background:#fff;
 box-shadow:0 16px 42px rgba(52,68,103,.055);
}
.gp-hub-work-card{
 min-height:462px;
 padding:26px;
 display:flex;
 flex-direction:column;
 gap:18px;
 background:
  radial-gradient(circle at 82% 16%,rgba(79,112,255,.12),transparent 28%),
  linear-gradient(180deg,#fff,#fbfdff);
}
.gp-hub-work-card header{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:start;
 gap:18px;
}
.gp-hub-work-card header p{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:10px;
 margin:0 0 28px;
 color:#8a95aa;
 font-size:13px;
 font-weight:800;
}
.gp-hub-work-card header p strong{
 color:#246ff4;
 font-size:16px;
 font-weight:900;
}
.gp-hub-work-card h1{
 margin:0;
 color:#162033;
 font-size:30px;
 line-height:1.34;
 letter-spacing:0;
 font-weight:900;
}
.gp-hub-work-card header > button{
 min-height:36px;
 padding:0 14px;
 border:1px solid #dbe4f0;
 border-radius:8px;
 background:#fff;
 color:#246ff4;
 font-size:12px;
 font-weight:900;
 cursor:pointer;
}
.gp-hub-task-row{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:9px;
}
.gp-hub-task-row button{
 min-height:34px;
 padding:0 13px;
 border:1px solid #dfe6f1;
 border-radius:999px;
 background:#fff;
 color:#40506c;
 font-size:12px;
 font-weight:800;
 cursor:pointer;
}
.gp-hub-task-row button.active,
.gp-hub-task-row button:hover{
 border-color:#b9cdfd;
 background:#eff5ff;
 color:#246ff4;
}
.gp-hub-input-box{
 min-height:164px;
 display:grid;
 grid-template-rows:1fr auto;
 border:1px solid #d9e4f3;
 border-radius:14px;
 background:#fff;
 overflow:hidden;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.gp-hub-input-box textarea{
 width:100%;
 min-height:126px;
 padding:18px 20px;
 border:0;
 outline:0;
 resize:none;
 background:transparent;
 color:#172237;
 font:inherit;
 font-size:14px;
 line-height:1.65;
}
.gp-hub-input-box textarea::placeholder{
 color:#8b96aa;
}
.gp-hub-input-box > div{
 min-height:38px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 padding:0 16px;
 border-top:1px solid #edf1f7;
 color:#7b879c;
 font-size:12px;
 font-weight:700;
}
.gp-hub-input-box em{
 font-style:normal;
}
.gp-hub-work-card footer{
 margin-top:auto;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
}
.gp-hub-work-card footer > div{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:8px;
}
.gp-hub-work-card footer button,
.gp-hub-work-card footer label{
 min-height:36px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0 14px;
 border:1px solid #dfe6f1;
 border-radius:8px;
 background:#fff;
 color:#344057;
 font-size:12px;
 font-weight:800;
 cursor:pointer;
}
.gp-hub-work-card footer .secondary{
 color:#246ff4;
 border-color:#cfdcff;
 background:#f6f9ff;
}
.gp-hub-work-card footer .primary{
 border-color:transparent;
 background:#4e70ff;
 color:#fff;
 box-shadow:0 12px 26px rgba(78,112,255,.2);
}
.gp-hub-hero-post{
 min-height:462px;
 position:relative;
 overflow:hidden;
}
.gp-hub-hero-post img{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
}
.gp-hub-hero-post::after,
.gp-hub-wide-post::after{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 42%,rgba(255,255,255,.14) 74%,rgba(255,255,255,0) 100%);
}
.gp-hub-post-copy{
 position:relative;
 z-index:1;
 width:min(520px,62%);
 min-height:462px;
 display:flex;
 flex-direction:column;
 padding:30px 26px 22px;
}
.gp-hub-post-copy > p:first-child,
.gp-hub-wide-post > div > p:first-child{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:10px;
 margin:0 0 48px;
 color:#8a95aa;
 font-size:13px;
 font-weight:800;
}
.gp-hub-post-copy > p:first-child strong,
.gp-hub-wide-post > div > p:first-child strong,
.gp-hub-recommend header h2,
.gp-hub-ranking header h2{
 color:#246ff4;
 font-size:16px;
 font-weight:900;
}
.gp-hub-post-copy h1{
 margin:0;
 color:#162033;
 font-size:31px;
 line-height:1.35;
 letter-spacing:0;
 font-weight:900;
}
.gp-hub-meta{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:14px;
 margin:20px 0 0;
 color:#6e7a90;
 font-size:12px;
 font-weight:800;
}
.gp-hub-meta span:first-child{
 padding:5px 10px;
 border-radius:7px;
 background:#eef2ff;
 color:#4f6df7;
}
.gp-hub-desc{
 margin:28px 0 0;
 color:#56637a;
 font-size:14px;
 line-height:1.75;
 font-weight:700;
}
.gp-hub-post-stats{
 display:flex;
 align-items:center;
 gap:22px;
 margin-top:auto;
 color:#68758d;
 font-size:12px;
 font-weight:800;
}
.gp-hub-post button,
.gp-hub-wide-post button{
 margin-top:22px;
 width:100%;
 min-height:38px;
 border:1px solid #dfe5ee;
 border-radius:999px;
 background:rgba(255,255,255,.82);
 color:#26334c;
 font-size:13px;
 font-weight:800;
 cursor:pointer;
 box-shadow:0 8px 22px rgba(43,58,91,.055);
}
.gp-hub-ranking{
 min-height:462px;
 padding:26px 18px 18px;
}
.gp-hub-ranking header,
.gp-hub-recommend header{
 display:grid;
 grid-template-columns:auto 1fr auto;
 align-items:center;
 gap:10px;
}
.gp-hub-ranking header h2,
.gp-hub-recommend header h2{
 margin:0;
}
.gp-hub-ranking header p,
.gp-hub-recommend header p{
 margin:0;
 color:#7a8497;
 font-size:12px;
 font-weight:700;
}
.gp-hub-ranking header button,
.gp-hub-recommend header button{
 min-height:30px;
 padding:0 12px;
 border:1px solid #dce4f0;
 border-radius:7px;
 background:#fff;
 color:#6a758a;
 font-size:12px;
 font-weight:800;
 cursor:pointer;
}
.gp-hub-podium{
 display:grid;
 grid-template-columns:1fr 1.12fr 1fr;
 gap:14px;
 align-items:end;
 margin-top:28px;
}
.gp-hub-podium article{
 min-height:170px;
 padding:20px 12px 16px;
 border:1px solid #e0e7f2;
 border-radius:12px;
 background:#fff;
 display:flex;
 flex-direction:column;
 align-items:center;
 text-align:center;
 position:relative;
}
.gp-hub-podium article.first{
 min-height:204px;
 transform:translateY(-12px);
}
.gp-hub-podium b{
 position:absolute;
 top:-15px;
 width:28px;
 height:28px;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:#e7eefb;
 color:#8693aa;
 font-size:13px;
 font-weight:900;
}
.gp-hub-podium .first b{
 width:34px;
 height:34px;
 background:#ffd36b;
 color:#a26a00;
}
.gp-hub-podium i{
 width:72px;
 height:72px;
 display:grid;
 place-items:center;
 border-radius:50%;
 margin-top:4px;
 background:linear-gradient(145deg,#e4ddff,#fff);
 color:#4f6df7;
 position:relative;
}
.gp-hub-podium .first i{
 width:82px;
 height:82px;
 background:linear-gradient(145deg,#94efd9,#dffff7);
}
.gp-hub-podium i::before{
 content:"";
 width:30px;
 height:34px;
 border:3px solid currentColor;
 border-radius:6px;
}
.gp-hub-podium i::after{
 content:"";
 position:absolute;
 left:30px;
 top:34px;
 width:18px;
 height:3px;
 border-radius:999px;
 background:currentColor;
}
.gp-hub-podium strong{
 margin-top:14px;
 color:#202b40;
 font-size:15px;
 font-weight:900;
}
.gp-hub-podium span{
 margin-top:6px;
 color:#6d788d;
 font-size:12px;
 font-weight:700;
}
.gp-hub-podium em{
 margin-top:10px;
 padding:3px 9px;
 border-radius:7px;
 background:#edf6ff;
 color:#2d75f5;
 font-size:11px;
 font-style:normal;
 font-weight:900;
}
.gp-hub-podium em.down,
.gp-hub-rank-list b.down{
 background:#fff0f2;
 color:#e55364;
}
.gp-hub-rank-list{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:8px 18px;
 margin-top:8px;
}
.gp-hub-rank-list p{
 min-width:0;
 display:grid;
 grid-template-columns:26px 1fr auto;
 grid-template-rows:auto auto;
 column-gap:10px;
 margin:0;
 padding:4px 0;
}
.gp-hub-rank-list strong{
 grid-row:1/3;
 color:#8b98ad;
 font-size:16px;
 font-weight:900;
}
.gp-hub-rank-list span{
 color:#2c374e;
 font-size:12px;
 font-weight:900;
}
.gp-hub-rank-list em{
 color:#7a8497;
 font-size:11px;
 font-style:normal;
 font-weight:700;
}
.gp-hub-rank-list b{
 grid-row:1/3;
 align-self:center;
 padding:3px 7px;
 border-radius:7px;
 background:#edf6ff;
 color:#2d75f5;
 font-size:10px;
 font-weight:900;
}
.gp-hub-wide-post{
 min-height:292px;
 margin-top:20px;
 position:relative;
 overflow:hidden;
}
.gp-hub-wide-post img{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
}
.gp-hub-wide-post::after{
 background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 48%,rgba(255,255,255,.38) 72%,rgba(255,255,255,.12) 100%);
}
.gp-hub-wide-post > div{
 position:relative;
 z-index:1;
 width:min(650px,58%);
 min-height:292px;
 padding:28px 26px 20px;
 display:flex;
 flex-direction:column;
}
.gp-hub-wide-post > div > p:first-child{
 margin-bottom:28px;
}
.gp-hub-wide-post h2{
 margin:0;
 color:#172237;
 font-size:26px;
 line-height:1.35;
 font-weight:900;
}
.gp-hub-wide-post button{
 margin-top:auto;
}
.gp-hub-recommend{
 margin-top:20px;
 padding:18px 18px 14px;
}
.gp-hub-recommend header{
 margin-bottom:14px;
}
.gp-hub-recommend > div{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:16px;
}
.gp-hub-recommend article{
 min-height:118px;
 display:grid;
 grid-template-columns:82px 1fr auto;
 grid-template-rows:auto auto auto;
 gap:6px 16px;
 padding:14px;
 border:1px solid #e0e7f2;
 border-radius:10px;
 background:#fff;
 position:relative;
}
.gp-hub-recommend article > span{
 position:absolute;
 left:14px;
 top:12px;
 z-index:2;
 padding:4px 8px;
 border-radius:6px;
 background:#eef4ff;
 color:#246ff4;
 font-size:11px;
 font-weight:900;
}
.gp-hub-recommend .portrait{
 grid-row:1/4;
 align-self:center;
 width:74px;
 height:74px;
 border-radius:50%;
 background:linear-gradient(145deg,#d9e8ff,#f7fbff);
 position:relative;
 overflow:hidden;
}
.gp-hub-recommend .portrait::before{
 content:"";
 position:absolute;
 left:23px;
 top:14px;
 width:28px;
 height:28px;
 border-radius:50%;
 background:#29364e;
}
.gp-hub-recommend .portrait::after{
 content:"";
 position:absolute;
 left:15px;
 right:15px;
 bottom:11px;
 height:34px;
 border-radius:18px 18px 10px 10px;
 background:#fff;
 box-shadow:0 -16px 0 -7px #f2d1bd;
}
.gp-hub-recommend .p2{background:linear-gradient(145deg,#f5e2f4,#fff);}
.gp-hub-recommend .p3{background:linear-gradient(145deg,#eaf3e6,#fff);}
.gp-hub-recommend strong{
 align-self:end;
 color:#243047;
 font-size:15px;
 font-weight:900;
}
.gp-hub-recommend p{
 margin:0;
 color:#6e7a90;
 font-size:12px;
 line-height:1.5;
 font-weight:700;
}
.gp-hub-recommend article strong{
 grid-column:2/-1;
 grid-row:1;
}
.gp-hub-recommend article p{
 grid-column:2/-1;
 grid-row:2;
 min-width:0;
}
.gp-hub-recommend article em{
 grid-column:2;
 grid-row:3;
}
.gp-hub-recommend em{
 justify-self:start;
 padding:5px 8px;
 border-radius:6px;
 background:#eef3ff;
 color:#4f6df7;
 font-size:11px;
 font-style:normal;
 font-weight:800;
}
.gp-hub-recommend small{
 grid-column:3;
 grid-row:3;
 align-self:center;
 color:#7d8798;
 font-size:11px;
 font-weight:700;
 white-space:nowrap;
}
@media(max-width:1260px){
 #mainContent[data-main-design="hub"] .gp-hub-page{
  grid-template-columns:224px minmax(0,1fr);
 }
 .gp-hub-sidebar{
  padding:22px 14px;
 }
 .gp-hub-content,
 .gp-hub-topbar{
  padding-left:22px;
  padding-right:22px;
 }
 .gp-hub-top-grid{
  grid-template-columns:1fr;
 }
 .gp-hub-post-copy,
 .gp-hub-wide-post > div{
  width:min(610px,70%);
 }
 .gp-hub-work-card{
  min-height:420px;
 }
 .gp-hub-ranking{
  min-height:0;
 }
}
@media(max-width:900px){
 #mainContent[data-main-design="hub"] .gp-hub-page{
  grid-template-columns:1fr;
 }
 .gp-hub-sidebar{
  display:none;
 }
 .gp-hub-topbar{
  height:auto;
  min-height:58px;
  grid-template-columns:auto 1fr auto auto;
  padding:10px 14px;
 }
 .gp-hub-menu-toggle{
  display:block;
 }
 .gp-hub-login{
  display:none;
 }
 .gp-hub-content{
  padding:16px 12px 22px;
 }
 .gp-hub-hero-post,
 .gp-hub-post-copy{
  min-height:430px;
 }
 .gp-hub-work-card{
  min-height:0;
 }
 .gp-hub-work-card footer{
  align-items:flex-start;
  flex-direction:column;
 }
 .gp-hub-work-card footer > div:last-child{
  width:100%;
 }
 .gp-hub-work-card footer > div:last-child button{
  flex:1;
 }
 .gp-hub-post-copy,
 .gp-hub-wide-post > div{
  width:100%;
 }
 .gp-hub-hero-post::after,
 .gp-hub-wide-post::after{
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 62%,rgba(255,255,255,.34) 100%);
 }
 .gp-hub-post-copy h1{
  font-size:27px;
 }
 .gp-hub-wide-post h2{
  font-size:23px;
 }
 .gp-hub-recommend > div{
  grid-template-columns:1fr;
 }
}
@media(max-width:560px){
 #mainContent[data-main-design="hub"] .gp-design-picker{
  top:72px;
  left:12px;
  right:12px;
  width:auto;
 }
 .gp-hub-topbar{
  grid-template-columns:1fr auto;
 }
 .gp-hub-topbar > div{
  display:flex;
  align-items:center;
  min-width:0;
 }
 .gp-hub-topbar > div::before{
  content:"교수님 피하기";
  color:#1d54bf;
  font-size:17px;
  font-weight:900;
  white-space:nowrap;
 }
 .gp-hub-menu-toggle,
 .gp-hub-join{
  display:none;
 }
 .gp-hub-design{
  justify-self:end;
 }
 .gp-hub-top-grid{
  gap:14px;
 }
 .gp-hub-post-copy{
  padding:22px 18px 18px;
 }
 .gp-hub-work-card{
  padding:20px 18px 18px;
 }
 .gp-hub-work-card header{
  grid-template-columns:1fr;
 }
 .gp-hub-work-card h1{
  font-size:24px;
 }
 .gp-hub-input-box textarea{
  min-height:146px;
 }
 .gp-hub-post-copy > p:first-child{
  margin-bottom:32px;
 }
 .gp-hub-post-copy h1{
  font-size:24px;
 }
 .gp-hub-desc{
  font-size:13px;
 }
 .gp-hub-podium{
  grid-template-columns:1fr;
  gap:18px;
 }
 .gp-hub-podium article,
 .gp-hub-podium article.first{
  min-height:0;
  transform:none;
 }
 .gp-hub-podium article.first{
  order:-1;
 }
 .gp-hub-rank-list{
  grid-template-columns:1fr;
 }
 .gp-hub-wide-post{
  min-height:360px;
 }
 .gp-hub-wide-post > div{
  min-height:360px;
  padding:22px 18px 18px;
 }
 .gp-hub-recommend article{
  grid-template-columns:70px 1fr;
 }
 .gp-hub-recommend .portrait{
  width:64px;
  height:64px;
 }
 .gp-hub-recommend small{
  grid-column:2;
  grid-row:auto;
 }
}

/* Final clean layout reset: override app-shell spacing with sidebar removed */
body[data-main-design="clean"] .gp-main{
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 padding:0 !important;
 overflow-x:clip;
}
body[data-main-design="clean"] .gp-main > #mainContent,
#mainContent[data-main-design="clean"]{
 width:100% !important;
 max-width:none !important;
 margin:0 !important;
}

/* ===== 2. Layout & components ===== */
html{background:#071224;}
body{
 background:
  radial-gradient(circle at 72% 8%,rgba(79,124,255,.13),transparent 32%),
  radial-gradient(circle at 28% 0%,rgba(128,97,232,.1),transparent 28%),
  linear-gradient(180deg,#071224 0%,#08162a 48%,#071224 100%) !important;
 color:var(--text);
 letter-spacing:0;
}
body::before{
 content:"";
 position:fixed;
 inset:0;
 pointer-events:none;
 background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
 background-size:64px 64px;
 mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.16));
}
a,button,input,textarea,select{font-family:var(--font);}
button{letter-spacing:0;}

.app-layout{min-height:100vh;}
.gp-sidebar{
 width:var(--gp-sidebar) !important;
 background:linear-gradient(180deg,rgba(9,18,33,.94),rgba(10,20,36,.9)) !important;
 border-right:1px solid rgba(137,160,205,.18) !important;
 padding:24px 18px 18px;
 box-shadow:inset -1px 0 0 rgba(255,255,255,.02);
}
.gp-brand{
 display:flex;
 align-items:center;
 gap:0;
 color:#fff;
 font-size:20px;
 font-weight:800;
 cursor:pointer;
 min-height:70px;
 margin-bottom:18px;
}
.gp-brand-logo{
 display:block;
 width:210px;
 max-width:100%;
 height:auto;
 object-fit:contain;
 filter:drop-shadow(0 10px 22px rgba(92,91,255,.28));
}
.gp-brand-mark{
 width:34px;
 height:34px;
 flex:0 0 34px;
 display:grid;
 place-items:center;
 filter:drop-shadow(0 8px 18px rgba(92,91,255,.35));
}
.gp-brand-mark svg{width:100%;height:100%;}
.gp-nav{
 padding:0 !important;
 gap:7px !important;
 overflow-y:auto;
}
.snav-btn{
 width:100%;
 min-height:43px;
 display:flex !important;
 align-items:center;
 gap:12px;
 border:1px solid transparent !important;
 border-radius:9px !important;
 padding:0 12px !important;
 background:transparent !important;
 color:#b7c0d3 !important;
 font-size:15px !important;
 font-weight:700 !important;
 text-align:left;
 transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.snav-btn svg{
 width:20px;
 height:20px;
 flex:0 0 20px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.snav-btn:hover{background:rgba(255,255,255,.05) !important;color:#fff !important;transform:translateX(1px);}
.snav-btn.active{
 background:linear-gradient(135deg,rgba(126,91,255,.78),rgba(99,70,190,.7)) !important;
 border-color:rgba(172,151,255,.26) !important;
 color:#fff !important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.sidebar-hist-divider{height:1px;background:rgba(142,162,202,.16);margin:12px 0;}
.gp-lock{margin-left:auto;font-size:11px;color:var(--text3);}
.gp-sidebar-footer{
 border-top:0 !important;
 padding:0 !important;
 display:flex;
 flex-direction:column;
 gap:14px;
}
.gp-sidebar-login{
 min-height:52px;
 display:flex;
 align-items:center;
 gap:9px;
 padding:0 14px;
 border-radius:9px;
 border:1px solid rgba(83,169,255,.26);
 background:rgba(12,28,48,.72);
 color:#45b5ff;
 font-size:14px;
 font-weight:800;
 cursor:pointer;
}
.gp-user-dot{
 width:18px;
 height:18px;
 border-radius:999px;
 border:1px solid #45b5ff;
 box-shadow:0 0 16px rgba(69,181,255,.28);
}
.sidebar-user-name{color:inherit !important;}
.sidebar-user-badge{margin-left:auto;background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.1) !important;}
.gp-invite{
 position:relative;
 background:linear-gradient(180deg,rgba(18,32,53,.9),rgba(14,25,43,.9)) !important;
 border:1px solid rgba(142,162,202,.2) !important;
 border-radius:11px !important;
 padding:15px !important;
 margin:0 !important;
}
.gp-invite-close{
 position:absolute;
 top:7px;
 right:8px;
 width:18px;
 height:18px;
 border:0;
 border-radius:999px;
 background:rgba(255,255,255,.08);
 color:var(--text3);
 cursor:pointer;
}
.sidebar-invite-title{font-size:13px !important;font-weight:800 !important;color:#fff !important;}
.sidebar-invite-sub{font-size:12px !important;margin-top:7px;color:var(--text2) !important;}
.gp-invite-btn{
 width:100%;
 height:40px;
 margin-top:14px;
 border:0;
 border-radius:8px;
 background:var(--gp-accent);
 color:#fff;
 font-weight:800;
 cursor:pointer;
}

.gp-main{
 margin-left:var(--gp-sidebar) !important;
 padding:24px 42px 90px !important;
 min-height:100vh;
}
.gp-main > div[id$="Content"]{
 max-width:var(--gp-max);
 margin:0 auto;
 animation:gpRise .42s cubic-bezier(.16,1,.3,1) both;
}
@keyframes gpRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.gp-top-actions{
 display:flex;
 justify-content:flex-end;
 gap:10px;
 min-height:44px;
 margin-bottom:22px;
}
.ls-credit-btn,.ls-upgrade-btn{
 height:42px !important;
 padding:0 18px !important;
 border-radius:10px !important;
 border:1px solid rgba(151,171,213,.18) !important;
 background:rgba(12,22,39,.78) !important;
 color:#dce5ff !important;
 box-shadow:none !important;
 font-size:14px !important;
 font-weight:800 !important;
}
.ls-upgrade-btn,.wbtn,.postsubmit,.plan-btn{
 background:var(--gp-accent) !important;
 color:#fff !important;
 border:0 !important;
}

.gp-hero{
 display:grid;
 grid-template-columns:minmax(0,1fr) 430px;
 align-items:center;
 min-height:300px;
 gap:34px;
 margin-bottom:28px;
}
.gp-eyebrow{
 margin:0 0 10px;
 color:#cdd6ef;
 font-size:18px;
 font-weight:800;
}
.gp-hero h1{
 margin:0;
 font-size:58px;
 line-height:1.05;
 letter-spacing:0;
 font-weight:900;
 color:#fff;
}
.gp-hero h1 span{
 color:#8f6bff;
 text-shadow:0 0 28px rgba(108,98,255,.28);
}
.gp-hero-sub{
 max-width:460px;
 margin:20px 0 22px;
 color:var(--text2);
 font-size:17px;
 line-height:1.75;
}
.gp-stat-row{
 display:inline-grid;
 grid-template-columns:repeat(3,1fr);
 min-width:420px;
 border:1px solid rgba(151,171,213,.16);
 border-radius:12px;
 background:rgba(11,21,38,.5);
 overflow:hidden;
}
.gp-stat-row div{padding:13px 18px;border-right:1px solid rgba(151,171,213,.12);}
.gp-stat-row div:last-child{border-right:0;}
.gp-stat-row strong{display:block;color:#9d78ff;font-size:15px;font-weight:900;}
.gp-stat-row span{display:block;color:var(--text3);font-size:12px;margin-top:4px;}
.gp-hero-art{
 display:flex;
 justify-content:center;
 align-items:center;
 min-height:300px;
}
.gp-hero-art img{
 width:min(420px,100%);
 display:block;
 filter:drop-shadow(0 26px 52px rgba(81,108,255,.3));
 animation:gpFloat 5.5s ease-in-out infinite;
}
@keyframes gpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.gp-workbench{
 max-width:none !important;
 width:100% !important;
 margin:0 0 48px !important;
 padding:22px;
 border-radius:18px !important;
 background:var(--gp-panel) !important;
 border:1px solid rgba(151,171,213,.18) !important;
 box-shadow:var(--gp-shadow) !important;
 overflow:hidden !important;
}
.gp-workbench::before{display:none !important;}
.gp-workbench-tabs{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:16px;
 margin-bottom:16px;
}
.ls-task-list{
 width:auto !important;
 border-right:0 !important;
 padding:0 !important;
 display:flex !important;
 flex-direction:row !important;
 gap:8px !important;
 overflow:auto;
}
.ls-task-item{
 width:auto !important;
 height:34px;
 padding:0 15px !important;
 border-radius:999px !important;
 border:1px solid rgba(151,171,213,.14) !important;
 background:rgba(255,255,255,.045) !important;
 color:#9ba8bf !important;
 font-size:13px !important;
 font-weight:800 !important;
 white-space:nowrap;
}
.ls-task-item svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;}
.ls-task-item.active{
 background:var(--gp-accent) !important;
 color:#fff !important;
 border-color:transparent !important;
}
.gp-language{
 display:flex;
 align-items:center;
 gap:7px;
 color:var(--text2);
 font-size:13px;
}
.lang-btn{
 height:30px;
 min-width:70px;
 border:0;
 border-radius:999px;
 background:transparent;
 color:var(--text3);
 cursor:pointer;
}
.lang-btn.active{background:rgba(83,125,255,.35);color:#fff;}
.ls-input-area{
 background:rgba(10,19,35,.72);
 border:1px solid rgba(151,171,213,.16);
 border-radius:15px;
 overflow:hidden;
}
.ls-input-area textarea,
textarea#inputText{
 min-height:150px !important;
 max-height:320px !important;
 padding:22px !important;
 font-size:15px !important;
 color:#dce5ff !important;
 background:transparent !important;
}
.ls-input-area textarea::placeholder{color:#68758e !important;}
.gp-pdf-badge,.gp-lang-warn{padding:10px 18px;color:var(--text2);}
.gp-pdf-badge button{margin-left:8px;background:none;border:0;color:var(--text3);cursor:pointer;}
.ls-card-footer{
 border-top:0 !important;
 margin-top:0 !important;
 padding:0 22px 20px !important;
 display:flex;
 justify-content:space-between;
 gap:16px;
 flex-wrap:wrap;
}
.gp-input-tools,.gp-submit-row{
 display:flex;
 align-items:center;
 gap:10px;
 flex-wrap:wrap;
}
.ls-pro-btn{
 height:32px;
 padding:0 13px !important;
 border-radius:999px !important;
 background:rgba(255,255,255,.06) !important;
 border:1px solid rgba(151,171,213,.12) !important;
 color:#b7c2d8 !important;
 font-size:12px !important;
}
.ls-pro-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;}
.gp-submit-row span{color:var(--text3);font-size:12px;}
#mobileTaskSelect{display:none;}
.ls-send-btn{
 min-width:260px !important;
 height:48px !important;
 border-radius:10px !important;
 background:linear-gradient(135deg,#9261ff,#4e8cff) !important;
 color:#fff !important;
 cursor:pointer !important;
 font-size:15px !important;
 font-weight:900 !important;
}

.gp-section{margin:54px 0 0;}
.gp-section-head{text-align:center;margin-bottom:24px;}
.gp-section-head h2{margin:0;color:#fff;font-size:30px;line-height:1.2;font-weight:900;}
.gp-section-head p{margin:8px 0 0;color:var(--text2);}
.gp-compare-grid{
 display:grid;
 grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);
 gap:28px;
 max-width:930px;
 margin:0 auto;
 align-items:center;
}
.gp-detect-card{
 min-height:220px;
 padding:28px;
 border-radius:14px;
 background:var(--gp-panel-soft);
 border:1px solid rgba(151,171,213,.18);
}
.gp-detect-card.before{border-color:rgba(255,100,112,.5);}
.gp-detect-card.after{border-color:rgba(75,208,166,.5);}
.gp-card-kicker{font-size:13px;font-weight:900;margin-bottom:18px;}
.gp-detect-card.before .gp-card-kicker,.gp-detect-card.before strong{color:var(--red);}
.gp-detect-card.after .gp-card-kicker,.gp-detect-card.after strong{color:#40e6a8;}
.gp-detect-card > span{display:block;color:var(--text3);font-size:13px;margin-bottom:8px;}
.gp-detect-card strong{font-size:42px;line-height:1;font-weight:900;}
.gp-meter{height:9px;border-radius:999px;background:rgba(151,171,213,.14);margin:22px 0 20px;overflow:hidden;}
.gp-meter i{display:block;height:100%;border-radius:inherit;background:currentColor;}
.gp-detect-card.before .gp-meter i{background:#ff6470;}
.gp-detect-card.after .gp-meter i{background:#40e6a8;}
.gp-detect-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--text2);font-size:13px;}
.gp-compare-arrow{
 width:54px;
 height:54px;
 display:grid;
 place-items:center;
 border-radius:999px;
 background:rgba(151,171,213,.14);
 color:#fff;
 font-size:38px;
 font-weight:300;
}
.gp-steps{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:28px;
 max-width:980px;
 margin:0 auto;
}
.gp-steps article,.gp-feature-grid article{
 background:var(--gp-panel-soft);
 border:1px solid rgba(151,171,213,.16);
 border-radius:14px;
 padding:24px;
}
.gp-steps span,.gp-feature-grid span{
 display:inline-flex;
 width:44px;
 height:44px;
 align-items:center;
 justify-content:center;
 border-radius:10px;
 background:rgba(126,91,255,.16);
 color:#9d78ff;
 font-weight:900;
 margin-bottom:16px;
}
.gp-steps strong,.gp-feature-grid strong{display:block;font-size:16px;color:#fff;margin-bottom:8px;}
.gp-steps p,.gp-feature-grid p{margin:0;color:var(--text2);line-height:1.65;font-size:13px;}
.gp-feature-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:22px;
 max-width:1020px;
 margin:0 auto;
}
.gp-faq .faq-list{
 max-width:1030px;
 margin:0 auto;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:12px 18px;
}
.faq-item{
 background:rgba(16,28,48,.72) !important;
 border:1px solid rgba(151,171,213,.16) !important;
 border-radius:12px !important;
 overflow:hidden;
}
.faq-q{
 width:100%;
 min-height:52px;
 padding:0 20px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 border:0;
 background:transparent;
 color:#dce5ff;
 cursor:pointer;
}
.faq-q svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;}
.faq-a{display:none;padding:0 20px 18px;color:var(--text2);line-height:1.7;font-size:13px;}
.faq-item.open .faq-a{display:block;}

.gp-page-head{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:24px;
 margin-bottom:28px;
}
.gp-page-head h2{
 margin:0 0 12px;
 color:#fff;
 font-size:44px;
 line-height:1.1;
 font-weight:900;
}
.gp-page-head p{margin:0;color:var(--text2);font-size:16px;line-height:1.7;}
.gp-page-grid{
 display:grid;
 grid-template-columns:minmax(0,1fr) 430px;
 gap:36px;
 align-items:start;
}
.gp-page-aside{display:grid;gap:16px;position:sticky;top:24px;}
.gp-visual-card,.gp-aside-card,.gp-table-panel,.gp-coupon-panel,.gp-fit-panel{
 background:var(--gp-panel-soft);
 border:1px solid rgba(151,171,213,.16);
 border-radius:16px;
 box-shadow:0 18px 60px rgba(0,0,0,.2);
}
.gp-visual-card{
 min-height:185px;
 padding:24px;
 position:relative;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
}
.gp-visual-card::before{
 content:"";
 position:absolute;
 inset:0;
 background:radial-gradient(circle at 78% 20%,rgba(139,92,246,.24),transparent 46%);
 pointer-events:none;
}
.gp-visual-card > *{position:relative;}
.gp-visual-card span{display:block;color:#9d78ff;font-size:13px;font-weight:900;margin-bottom:12px;}
.gp-visual-card strong{display:block;font-size:23px;line-height:1.45;color:#fff;}
.gp-visual-card p{color:var(--text2);line-height:1.7;}
.gp-visual-card img{width:150px;max-width:40%;filter:drop-shadow(0 18px 34px rgba(80,92,255,.32));}
.gp-aside-card{padding:22px;}
.gp-aside-card h3{margin:0 0 18px;color:#fff;font-size:18px;}
.gp-rank-list,.gp-faq-rank{list-style:none;margin:0;padding:0;display:grid;gap:13px;}
.gp-rank-list li,.gp-faq-rank li{
 display:grid;
 grid-template-columns:25px 1fr auto;
 gap:10px;
 align-items:center;
 color:#c5cee1;
 font-size:13px;
}
.gp-faq-rank li{grid-template-columns:25px 1fr;}
.gp-rank-list span,.gp-faq-rank span{
 width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(126,91,255,.35);color:#fff;font-weight:900;font-size:11px;
}
.gp-rank-list strong{color:#f6c85f;font-size:12px;}
.gp-guide-list{list-style:none;margin:0;padding:0;display:grid;gap:15px;}
.gp-guide-list li{display:grid;gap:4px;color:#fff;font-size:13px;}
.gp-guide-list span{color:var(--text2);}
.gp-keywords{display:flex;flex-wrap:wrap;gap:8px;}
.gp-keywords span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.06);color:#c8d2e6;font-size:12px;}

.cat-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.cat-fbtn,.sortbtn,.gp-sort-select{
 height:34px;
 padding:0 16px;
 border-radius:999px;
 border:1px solid rgba(151,171,213,.15);
 background:rgba(255,255,255,.045);
 color:#b9c3d7;
 font-size:13px;
 font-weight:800;
 cursor:pointer;
}
.cat-fbtn.active,.cat-fbtn:hover,.sortbtn.active,.sortbtn:hover{
 background:var(--gp-accent);
 color:#fff;
 border-color:transparent;
}
.sortbar{margin-bottom:18px;}
.post-grid{display:grid !important;grid-template-columns:1fr !important;gap:0 !important;}
.post-card,.pitem,.qna-item,.notice-item{
 background:rgba(15,27,48,.78) !important;
 border:1px solid rgba(151,171,213,.15) !important;
 border-radius:14px !important;
 padding:22px 24px !important;
 margin-bottom:10px !important;
 color:#dce5ff !important;
 box-shadow:none !important;
}
.post-card:hover,.pitem:hover,.qna-item:hover,.notice-item:hover{
 border-color:rgba(126,91,255,.45) !important;
 transform:translateY(-1px);
}
.post-card{
 display:grid !important;
 grid-template-columns:72px minmax(0,1fr);
 gap:18px;
 overflow:hidden !important;
 min-height:116px;
 align-items:center;
}
.post-card-thumb{
 width:72px !important;
 height:72px !important;
 aspect-ratio:auto !important;
 border-radius:12px;
 background-size:cover;
 background-position:center;
}
.post-card-thumb.no-img{
 display:grid;
 place-items:center;
 padding:8px;
 background:linear-gradient(135deg,rgba(126,91,255,.18),rgba(52,211,255,.12)) !important;
 color:#9d78ff !important;
 font-size:11px !important;
 font-weight:900 !important;
 text-align:center;
}
.post-card-body{padding:0 !important;min-width:0;display:grid !important;gap:8px !important;}
.post-card-cat-row{display:flex;align-items:center;gap:8px;}
.post-card-ttl,.pttl,.qna-ttl,.notice-ttl{color:#fff !important;font-size:17px !important;font-weight:900 !important;}
.post-card-excerpt{color:var(--text2) !important;font-size:13px !important;line-height:1.55 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post-card-meta,.pmeta,.qna-meta,.notice-date,.notice-views{color:var(--text3) !important;}
.post-card-meta{display:flex !important;gap:13px !important;align-items:center;font-size:12px !important;flex-wrap:wrap;padding:0 !important;}
.cat-chip,.notice-badge,.qna-status{
 border-radius:7px !important;
 font-size:12px !important;
 font-weight:900 !important;
}
.wform{
 background:rgba(14,25,44,.86) !important;
 border:1px solid rgba(151,171,213,.16) !important;
 border-radius:15px !important;
 padding:20px !important;
}
.wform input,.wform textarea,.wform select,.gp-search input,.gp-coupon-form input{
 border:1px solid rgba(151,171,213,.16) !important;
 background:rgba(8,17,32,.72) !important;
 color:#dce5ff !important;
 border-radius:10px !important;
}
.wform select{height:42px;padding:0 12px;margin-bottom:10px;}
.cancelbtn,.backbtn{
 border:1px solid rgba(151,171,213,.18) !important;
 background:rgba(255,255,255,.05) !important;
 color:#c8d2e6 !important;
 border-radius:9px !important;
}
.gp-pager{justify-content:center;align-items:center;gap:8px;margin:18px 0;flex-wrap:wrap;}

.gp-search{
 height:58px;
 display:flex;
 align-items:center;
 gap:10px;
 margin-bottom:22px;
 padding:0 12px 0 22px;
 border-radius:14px;
 background:rgba(15,27,48,.78);
 border:1px solid rgba(151,171,213,.16);
}
.gp-search input{flex:1;height:42px;border:0 !important;background:transparent !important;outline:none;font-size:15px;}
.gp-search button{width:40px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.05);color:#cfd9ef;cursor:pointer;}
.gp-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;}
.gp-notice-featured{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:16px;
 margin-bottom:18px;
}
.gp-notice-card{
 min-height:180px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 padding:24px;
 border-radius:15px;
 overflow:hidden;
 background:var(--gp-panel-soft);
 border:1px solid rgba(151,171,213,.16);
}
.gp-notice-card.maintenance{background:linear-gradient(135deg,rgba(93,39,135,.45),rgba(21,25,52,.85));}
.gp-notice-card.update{background:linear-gradient(135deg,rgba(15,67,99,.45),rgba(14,30,55,.85));}
.gp-notice-card span{display:inline-flex;padding:6px 10px;border-radius:7px;background:rgba(126,91,255,.2);color:#caa9ff;font-size:12px;font-weight:900;margin-bottom:14px;}
.gp-notice-card h3{margin:0 0 10px;color:#fff;font-size:22px;}
.gp-notice-card p{margin:0 0 14px;color:var(--text2);}
.gp-notice-card small{color:#aeb9cd;}
.gp-notice-card button{height:36px;padding:0 15px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;}
.gp-notice-card img{width:160px;max-width:34%;filter:drop-shadow(0 18px 32px rgba(70,84,255,.32));}
.gp-table-panel{overflow:hidden;}
.gp-table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 0;gap:16px;}
.gp-table-head{
 display:grid;
 grid-template-columns:90px minmax(0,1fr) 140px 100px 28px;
 gap:14px;
 padding:14px 26px;
 border-top:1px solid rgba(151,171,213,.12);
 border-bottom:1px solid rgba(151,171,213,.12);
 color:var(--text3);
 font-size:12px;
 font-weight:900;
}
#noticeList .notice-item{
 display:grid !important;
 grid-template-columns:90px minmax(0,1fr) 140px 100px 28px;
 align-items:center;
 gap:14px;
 border-radius:0 !important;
 border-left:0 !important;
 border-right:0 !important;
 border-top:0 !important;
 margin:0 !important;
 padding:18px 26px !important;
}
.notice-ttl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notice-views{font-size:13px;text-align:left;}
.notice-arrow{font-size:26px;color:#d9e2f5;line-height:1;text-align:right;}

.gp-page-hero{
 display:grid;
 grid-template-columns:minmax(0,1fr) 340px;
 gap:32px;
 align-items:center;
 margin-bottom:26px;
}
.gp-page-hero h2{margin:0 0 16px;color:#fff;font-size:48px;line-height:1.12;font-weight:900;}
.gp-page-hero h2 span{color:#8f6bff;}
.gp-page-hero p{margin:0;color:var(--text2);font-size:16px;line-height:1.7;}
.gp-page-hero img{width:300px;justify-self:center;filter:drop-shadow(0 20px 42px rgba(76,93,255,.28));}
.pricing-tabs{
 width:330px;
 height:48px;
 display:flex;
 padding:4px;
 margin:26px 0 14px;
 border-radius:999px;
 background:rgba(6,15,29,.7);
 border:1px solid rgba(151,171,213,.16);
}
.pricing-tabs button{
 flex:1;
 border:0;
 border-radius:999px;
 background:transparent;
 color:#aeb9cd;
 font-weight:900;
 cursor:pointer;
}
.pricing-tabs button[aria-selected="true"]{
 background:var(--gp-accent);
 color:#fff;
}
.pricing-tabs span{font-size:10px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.16);}
.phero-badges{display:flex;gap:8px;flex-wrap:wrap;}
.phero-badge{padding:7px 12px;border:1px solid rgba(151,171,213,.14);border-radius:8px;background:rgba(255,255,255,.04);color:#c8d2e6;font-size:13px;}
.gp-coupon-panel{
 min-height:82px;
 display:grid;
 grid-template-columns:1fr minmax(280px,520px);
 gap:22px;
 align-items:center;
 padding:22px 28px;
 margin-bottom:28px;
}
.gp-coupon-panel strong{display:block;color:#fff;font-size:18px;margin-bottom:8px;}
.gp-coupon-panel span{color:var(--text2);}
.gp-coupon-form{display:flex;gap:10px;}
.gp-coupon-form input{height:46px;flex:1;padding:0 16px;}
.gp-coupon-form button{width:88px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-weight:900;cursor:pointer;}
#couponMsg{grid-column:1/-1;font-size:13px;color:var(--text2);}
.gp-plan-grid{grid-template-columns:repeat(5,1fr) !important;gap:14px !important;}
.plan-card{
 min-height:310px;
 padding:26px 20px !important;
 border-radius:15px !important;
 background:rgba(15,27,48,.78) !important;
 border:1px solid rgba(151,171,213,.16) !important;
 color:#fff;
 box-shadow:none !important;
}
.plan-card:hover{border-color:rgba(126,91,255,.45) !important;transform:translateY(-3px);}
.plan-popular{border-color:#875cff !important;box-shadow:0 18px 44px rgba(126,91,255,.18) !important;}
.plan-premium{border-color:#5bbdff !important;}
.plan-badge{top:-16px !important;background:var(--gp-accent) !important;border-radius:9px !important;}
.plan-hd-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.plan-tag{color:#fff !important;font-size:18px !important;letter-spacing:0 !important;text-transform:none !important;margin:0 !important;}
.plan-discount{padding:4px 9px;border-radius:999px;background:rgba(255,91,65,.16);color:#ff7d62;font-size:12px;font-weight:900;}
.plan-price-main{font-size:32px !important;color:#fff !important;margin:0 0 4px !important;}
.plan-won{font-size:18px !important;color:#fff !important;}
.plan-unitcost{font-size:13px !important;color:var(--text2) !important;margin-bottom:22px;}
.plan-feats{border-top:0 !important;margin:0 0 18px !important;padding:0 !important;display:grid;gap:10px;}
.plan-feats li{border-bottom:0 !important;padding:0 !important;display:flex;justify-content:space-between;color:var(--text2) !important;}
.plan-feats li::before{display:none !important;}
.plan-feats strong{color:#3ee2a6;}
.gp-plan-total{padding-top:16px;border-top:1px solid rgba(151,171,213,.12);color:#fff;font-size:13px;text-align:center;font-weight:800;margin-top:auto;margin-bottom:16px;}
.plan-btn{height:48px;border-radius:8px !important;font-size:15px !important;}
.gp-fit-panel{padding:28px;margin-top:18px;}
.gp-fit-panel h3{text-align:center;margin:0 0 22px;color:#fff;font-size:20px;}
.gp-fit-panel > div{display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.gp-fit-panel article{padding:8px 20px;text-align:center;border-right:1px solid rgba(151,171,213,.12);}
.gp-fit-panel article:last-child{border-right:0;}
.gp-fit-panel span{display:block;color:#8f6bff;font-weight:900;margin-bottom:8px;}
.gp-fit-panel strong{display:block;color:#fff;margin-bottom:8px;}
.gp-fit-panel p{margin:0;color:var(--text2);font-size:13px;line-height:1.6;}
.gp-sub-grid{grid-template-columns:repeat(4,1fr) !important;}
.gp-sub-banner{padding:18px 22px;border-radius:14px;background:rgba(245,196,81,.1);border:1px solid rgba(245,196,81,.28);margin-bottom:20px;gap:8px;flex-direction:column;color:#fff;}

.gp-qna-action{display:flex;flex-direction:column;align-items:flex-end;gap:12px;color:var(--text3);font-size:13px;}
.qna-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.qna-sort-btns{display:flex;gap:8px;}
.qna-item{display:grid !important;grid-template-columns:54px 1fr 90px;align-items:center;gap:16px;}
.qna-status{width:42px;height:42px;padding:0 !important;border-radius:10px !important;color:transparent !important;position:relative;}
.qna-status::after{content:"";position:absolute;inset:12px;border:2px solid currentColor;border-radius:4px;color:#7c5cff;}
.qna-status.answered::after{color:#35d0a3;}
.qna-meta{font-size:12px !important;}
.gp-qna-help{display:block;text-align:left;padding:28px;}
.gp-qna-help img{display:block;width:190px;max-width:70%;margin:0 auto 14px;}
.gp-qna-help button{height:42px;padding:0 18px;border:0;border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font-weight:800;cursor:pointer;}
.gp-support-time span{display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:8px;background:rgba(69,132,255,.2);color:#cfe0ff;font-size:13px;font-weight:800;}

.gp-footer{
 margin-left:var(--gp-sidebar);
 padding:40px 54px 46px;
 display:grid;
 grid-template-columns:210px 1fr 1.5fr;
 gap:48px;
 border-top:1px solid rgba(151,171,213,.14);
 background:rgba(5,13,26,.35);
 color:var(--text3);
}
.gp-footer-brand{display:flex;align-items:flex-start;gap:14px;}
.gp-footer-logo{
 flex:0 0 auto;
 width:88px;
 height:auto;
 object-fit:contain;
 margin-top:-14px;
 filter:drop-shadow(0 8px 18px rgba(92,91,255,.24));
}
.gp-footer-brand strong{display:block;color:#fff;font-size:18px;margin-bottom:10px;}
.gp-footer-brand span{color:var(--text2);}
.gp-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.gp-footer-links strong{display:block;color:#fff;margin-bottom:14px;}
.gp-footer-links button{
 display:block;
 border:0;
 background:none;
 color:var(--text2);
 padding:0;
 margin:0 0 10px;
 cursor:pointer;
 text-align:left;
}
.gp-footer-company p{margin:0 0 8px;color:var(--text3);line-height:1.5;}

@media(max-width:1200px){
 .gp-hero{grid-template-columns:1fr 320px;}
 .gp-hero h1{font-size:48px;}
 .gp-plan-grid{grid-template-columns:repeat(2,1fr) !important;}
 .gp-fit-panel > div{grid-template-columns:1fr 1fr;}
 .gp-fit-panel article{border-right:0;border-bottom:1px solid rgba(151,171,213,.12);}
 .gp-page-grid{grid-template-columns:1fr;}
 .gp-page-aside{position:static;grid-template-columns:repeat(3,1fr);}
 .gp-visual-card{grid-column:1/-1;}
}
@media(max-width:900px){
 html,body{max-width:100%;overflow-x:hidden;}
 .gp-sidebar{display:none !important;}
 .gp-main{width:100% !important;max-width:100vw !important;margin-left:0 !important;padding:82px 16px 90px !important;overflow-x:hidden;}
 .gp-main > div[id$="Content"],.gp-page-primary,.gp-page-grid,.gp-table-panel,.gp-workbench{width:100%;max-width:100%;min-width:0;}
 .gp-footer{margin-left:0;grid-template-columns:1fr;padding:34px 20px 100px;}
 .gp-footer-links{grid-template-columns:repeat(3,1fr);}
 .gp-top-actions{justify-content:flex-end;flex-wrap:nowrap;gap:8px;min-height:38px;margin-bottom:16px;padding-left:52px;overflow:hidden;}
 .gp-top-actions .ls-upgrade-btn{display:none !important;}
 .ls-credit-btn,.ls-upgrade-btn{height:38px !important;padding:0 12px !important;font-size:12px !important;white-space:nowrap;}
 .gp-hero,.gp-page-hero{grid-template-columns:1fr;text-align:left;}
 .gp-hero-art,.gp-page-hero img{display:none;}
 .gp-hero h1{font-size:40px;max-width:100%;overflow-wrap:anywhere;word-break:normal;}
 .gp-page-hero h2,.gp-page-head h2{max-width:100%;overflow-wrap:anywhere;word-break:normal;}
 .gp-hero-sub,.gp-page-hero p,.gp-page-head p{max-width:100%;}
 .gp-stat-row{min-width:0;width:100%;grid-template-columns:1fr;}
 .gp-stat-row div{border-right:0;border-bottom:1px solid rgba(151,171,213,.12);}
 .gp-stat-row div:last-child{border-bottom:0;}
 .gp-workbench-tabs,.ls-card-footer,.qna-toolbar,.gp-table-toolbar,.gp-coupon-panel{display:block;}
 .gp-language{margin-top:12px;}
 .gp-submit-row{margin-top:12px;}
 .ls-send-btn{width:100% !important;min-width:0 !important;}
 .gp-compare-grid{grid-template-columns:1fr;gap:14px;}
 .gp-compare-arrow{margin:0 auto;transform:rotate(90deg);}
 .gp-steps,.gp-feature-grid,.gp-faq .faq-list,.gp-notice-featured,.gp-page-aside,.gp-sub-grid{grid-template-columns:1fr !important;}
 .gp-page-head{display:block;}
 .gp-page-head h2{font-size:34px;}
 .gp-qna-action{align-items:flex-start;margin-top:18px;}
 .gp-table-head{display:none;}
 #noticeList .notice-item{grid-template-columns:1fr !important;}
 .gp-plan-grid{grid-template-columns:1fr !important;}
 .gp-fit-panel > div{grid-template-columns:1fr;}
 .gp-coupon-form{margin-top:14px;}
 .post-card{grid-template-columns:62px minmax(0,1fr);padding:18px 16px !important;}
 .post-card-thumb{width:62px !important;height:62px !important;}
 .qna-item{grid-template-columns:44px minmax(0,1fr) !important;padding:18px 16px !important;}
 .qna-status{width:34px;height:34px;}
 .qna-status::after{inset:9px;}
 .qna-ttl,.post-card-ttl,.notice-ttl{font-size:16px !important;line-height:1.45;}
 .qna-meta,.post-card-meta{gap:8px;font-size:11px !important;}
 .cat-filter,.qna-sort-btns,.ls-task-list{max-width:100%;overflow-x:auto;flex-wrap:nowrap !important;-webkit-overflow-scrolling:touch;}
 .gp-notice-card{position:relative;min-width:0;}
 .gp-notice-card > div{max-width:76%;position:relative;z-index:1;}
 .gp-notice-card img{position:absolute;right:-12px;bottom:12px;width:150px;max-width:48%;opacity:.8;}
 .notice-date,.notice-views,.notice-arrow{display:none;}
 .mobile-nav{background:rgba(8,17,32,.92) !important;border-top:1px solid rgba(151,171,213,.16) !important;}
}
@media(max-width:560px){
 .gp-main{padding-left:12px !important;padding-right:12px !important;}
 .gp-hero h1{font-size:34px;}
 .gp-page-hero h2,.gp-page-head h2{font-size:34px;line-height:1.18;}
 .gp-page-head{gap:14px;margin-bottom:22px;}
 .gp-workbench{padding:14px;}
 .ls-task-list{padding-bottom:4px !important;}
 .gp-footer-links{grid-template-columns:1fr;}
 .gp-coupon-form{display:block;}
 .gp-coupon-form button{width:100%;height:42px;margin-top:10px;}
 .gp-coupon-panel{padding:22px 18px;}
 .pricing-tabs{width:100%;max-width:100%;}
 .gp-notice-card{min-height:224px;padding:24px;}
 .gp-notice-card h3{font-size:21px;line-height:1.35;}
 .gp-visual-card{display:block;}
 .gp-visual-card img{float:right;width:118px;max-width:42%;margin-left:10px;}
}

/* ===== 3. Consistency pass: typography, spacing, controls ===== */
html,body{
 font-family:var(--font) !important;
 letter-spacing:0 !important;
 text-rendering:optimizeLegibility;
}
button,input,textarea,select{font-family:var(--font) !important;letter-spacing:0 !important;}
button{line-height:1.2;}
h1,h2,h3,h4,
.gp-hero h1,
.gp-page-hero h2,
.gp-page-head h2,
.post-card-ttl,
.pttl,
.qna-ttl,
.notice-ttl,
.gp-notice-card h3,
.plan-tag{
 word-break:keep-all;
 overflow-wrap:normal;
 line-break:strict;
}

.gp-main{
 margin-left:var(--gp-sidebar) !important;
 padding:28px 46px 86px !important;
}
.gp-main > div[id$="Content"]{
 width:100%;
 max-width:var(--gp-max);
 margin:0 auto;
}
.gp-page-head{
 margin-bottom:24px;
 align-items:flex-end;
}
.gp-page-head h2,
.gp-page-hero h2{
 font-size:40px;
 line-height:1.18;
 font-weight:800;
 letter-spacing:0;
}
.gp-page-head p,
.gp-page-hero p,
.gp-hero-sub{
 color:var(--text2);
 line-height:1.7;
 word-break:keep-all;
}
.gp-section-head h2{
 font-size:28px;
 font-weight:800;
}

.gp-sidebar{
 width:var(--gp-sidebar) !important;
 padding:22px 14px 16px !important;
}
.gp-brand{
 min-height:42px;
 margin:0 6px 26px;
 font-size:18px;
 font-weight:800;
}
.gp-brand-mark{width:32px;height:32px;flex-basis:32px;}
.gp-nav{gap:5px !important;}
.snav-btn{
 min-height:42px;
 padding:0 12px !important;
 gap:11px;
 border-radius:10px !important;
 color:#c2cbe0 !important;
 font-size:14px !important;
 font-weight:700 !important;
}
.snav-btn svg{width:19px;height:19px;stroke-width:1.9;}
.snav-btn:hover{
 background:rgba(255,255,255,.055) !important;
 color:#fff !important;
 transform:none;
}
.snav-btn.active{
 background:rgba(126,97,232,.25) !important;
 border-color:rgba(151,171,213,.22) !important;
 color:#fff !important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.snav-btn.snav-charge.active{
 background:var(--gp-accent) !important;
 border-color:transparent !important;
}
.sidebar-hist-divider{margin:10px 8px;background:rgba(151,171,213,.16);}
.gp-sidebar-login,
.gp-invite{
 border-radius:var(--gp-radius-sm) !important;
}

.gp-top-actions{
 min-height:var(--gp-control);
 margin-bottom:20px;
 gap:10px;
}
.ls-credit-btn,
.ls-upgrade-btn,
.wbtn,
.postsubmit,
.plan-btn,
.gp-invite-btn,
.chargbtn,
.gp-coupon-form button,
.gp-notice-card button,
.gp-qna-help button{
 min-height:var(--gp-control) !important;
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 gap:8px;
 padding:0 18px !important;
 border-radius:var(--gp-radius-sm) !important;
 border:1px solid transparent !important;
 font-size:14px !important;
 font-weight:800 !important;
 color:#fff !important;
 text-align:center;
 white-space:nowrap;
 cursor:pointer;
 transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease;
}
.ls-credit-btn{
 position:relative !important;
 padding-left:38px !important;
 padding-right:16px !important;
}
.ls-credit-btn::before{
 left:14px !important;
 width:14px !important;
 height:14px !important;
 pointer-events:none;
 animation:none !important;
}
.ls-upgrade-btn,
.wbtn,
.postsubmit,
.plan-btn,
.gp-invite-btn,
.chargbtn{
 background:var(--gp-accent) !important;
}
.ls-credit-btn,
.cancelbtn,
.backbtn,
.gp-sort-select,
.ls-pro-btn,
.lang-btn,
.pricing-tabs button,
.gp-coupon-form button,
.gp-notice-card button,
.gp-qna-help button{
 background:rgba(255,255,255,.055) !important;
 border-color:rgba(151,171,213,.2) !important;
 color:#d8e2f6 !important;
 box-shadow:none !important;
}
.ls-credit-btn:hover,
.cancelbtn:hover,
.backbtn:hover,
.gp-sort-select:hover,
.ls-pro-btn:hover,
.lang-btn:hover,
.gp-coupon-form button:hover,
.gp-notice-card button:hover,
.gp-qna-help button:hover{
 background:rgba(255,255,255,.085) !important;
 color:#fff !important;
}
.wbtn:hover,
.postsubmit:hover,
.plan-btn:hover,
.ls-upgrade-btn:hover,
.gp-invite-btn:hover,
.chargbtn:hover{transform:translateY(-1px);}
.pricing-tabs button[aria-selected="true"],
.lang-btn.active,
.ls-task-item.active,
.cat-fbtn.active,
.sortbtn.active{
 background:var(--gp-accent) !important;
 border-color:transparent !important;
 color:#fff !important;
}

.gp-workbench,
.gp-table-panel,
.gp-coupon-panel,
.gp-fit-panel,
.gp-aside-card,
.gp-visual-card,
.gp-notice-card,
.post-card,
.pitem,
.qna-item,
.notice-item,
.plan-card,
.gp-detect-card,
.gp-steps article,
.gp-feature-grid article,
.faq-item,
.wform{
 background:var(--gp-panel-soft) !important;
 border:1px solid var(--border) !important;
 border-radius:var(--gp-radius) !important;
 box-shadow:none !important;
}
.gp-workbench{
 padding:20px !important;
 margin-bottom:44px !important;
}
.gp-workbench-tabs{
 min-height:38px;
 margin-bottom:14px;
}
.ls-task-list{gap:8px !important;}
.ls-task-item,
.cat-fbtn,
.sortbtn,
.gp-sort-select{
 min-height:34px;
 display:inline-flex !important;
 align-items:center;
 justify-content:center;
 border-radius:999px !important;
 border:1px solid rgba(151,171,213,.18) !important;
 background:rgba(255,255,255,.052) !important;
 color:#c1cbe0 !important;
 font-size:13px !important;
 font-weight:700 !important;
 white-space:nowrap;
}
.ls-task-item:hover,
.cat-fbtn:hover,
.sortbtn:hover{
 background:rgba(255,255,255,.085) !important;
 color:#fff !important;
}
.gp-language{
 min-height:34px;
 gap:8px;
 color:#aab5ca;
}
.lang-btn{
 min-width:70px;
 height:32px !important;
 padding:0 12px !important;
}
.ls-input-area{
 border-radius:13px;
 background:rgba(7,17,32,.82);
 border:1px solid rgba(151,171,213,.18);
}
.ls-input-area textarea,
textarea#inputText{
 min-height:155px !important;
 padding:22px !important;
 color:#f0f5ff !important;
 font-size:15px !important;
 line-height:1.8 !important;
}
.ls-input-area textarea::placeholder,
.gp-search input::placeholder,
.gp-coupon-form input::placeholder,
.wform input::placeholder,
.wform textarea::placeholder{
 color:#7f8da5 !important;
 opacity:1;
}
.ls-card-footer{
 padding:0 20px 18px !important;
 align-items:center;
}
.ls-pro-btn{
 height:34px !important;
 padding:0 13px !important;
}
.gp-submit-row span{
 color:#9eaac0;
 font-size:12px;
}
.ls-send-btn{
 min-width:220px !important;
 height:46px !important;
 border-radius:10px !important;
 border:1px solid rgba(151,171,213,.18) !important;
 background:rgba(117,134,170,.22) !important;
 color:#dce6f8 !important;
 cursor:pointer !important;
 font-size:14px !important;
 font-weight:800 !important;
 opacity:1 !important;
}
.ls-send-btn.ready{
 background:var(--gp-accent) !important;
 border-color:transparent !important;
 color:#fff !important;
}

.gp-hero{
 grid-template-columns:minmax(0,1fr) 380px;
 min-height:286px;
 gap:42px;
 margin-bottom:26px;
}
.gp-hero h1{
 font-size:54px;
 line-height:1.08;
 font-weight:900;
}
.gp-hero h1 span{
 color:#9a77ff;
 text-shadow:none;
}
.gp-eyebrow{
 font-size:16px;
 color:#d7deed;
}
.gp-hero-art img{
 width:min(360px,100%);
}
.gp-stat-row{
 min-width:0;
 width:min(440px,100%);
}
.gp-stat-row strong{color:#a287ff;}
.gp-stat-row span{color:#95a1b7;}

.gp-search{
 height:54px;
 border-radius:13px;
 background:rgba(13,25,44,.86);
 border-color:var(--border);
 margin-bottom:20px;
}
.gp-search input{
 color:#eef4ff !important;
 font-size:14px;
}
.gp-search button{
 background:rgba(255,255,255,.06);
 color:#d9e3f6;
}

.post-card,
.qna-item{
 min-height:104px;
 padding:18px 20px !important;
 margin-bottom:10px !important;
}
.post-card{
 grid-template-columns:68px minmax(0,1fr);
 gap:18px;
}
.post-card-thumb{
 width:68px !important;
 height:68px !important;
 border-radius:12px;
}
.post-card-ttl,
.qna-ttl,
.notice-ttl,
.pttl{
 font-size:16px !important;
 line-height:1.45 !important;
 font-weight:800 !important;
}
.post-card-excerpt{
 color:#aab5c8 !important;
 white-space:nowrap;
}
.post-card-meta,
.qna-meta,
.pmeta,
.notice-date,
.notice-views{
 color:#8795ad !important;
 font-size:12px !important;
}
.cat-chip,
.notice-badge{
 min-height:26px;
 display:inline-flex;
 align-items:center;
 padding:0 10px !important;
 border-radius:8px !important;
 background:rgba(92,134,255,.14) !important;
 color:#9eb8ff !important;
 font-weight:700 !important;
}
.qna-item{
 grid-template-columns:92px minmax(0,1fr);
 gap:16px;
}
.qna-status{
 width:auto !important;
 min-width:78px;
 height:32px !important;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0 10px !important;
 border-radius:9px !important;
 background:rgba(126,97,232,.16) !important;
 color:#cfc2ff !important;
 font-size:12px !important;
 font-weight:800 !important;
 white-space:nowrap;
}
.qna-status::after{display:none;}
.qna-status.answered{
 background:rgba(54,211,155,.14) !important;
 color:#80ecc6 !important;
}

.gp-table-toolbar{
 padding:16px 18px 0;
 align-items:center;
}
.gp-table-head,
#noticeList .notice-item{
 grid-template-columns:92px minmax(0,1fr) 132px 86px 24px;
 gap:14px;
}
#noticeList .notice-item{
 min-height:58px;
 padding:16px 24px !important;
 border-radius:0 !important;
 background:rgba(12,24,43,.72) !important;
}
.notice-arrow{color:#cbd6e9;}

.gp-notice-card{
 min-height:174px;
 padding:22px;
}
.gp-notice-card h3{
 font-size:21px;
 line-height:1.35;
}
.gp-notice-card p{line-height:1.65;}
.gp-notice-card img{
 width:145px;
 max-width:34%;
}

.gp-page-grid{
 grid-template-columns:minmax(0,1fr) 390px;
 gap:32px;
}
.gp-page-aside{gap:14px;}
.gp-visual-card{min-height:170px;}
.gp-visual-card strong{font-size:21px;}
.gp-aside-card{padding:20px;}
.gp-rank-list li,
.gp-faq-rank li{
 color:#c6d0e4;
 line-height:1.45;
}

.gp-page-hero{
 grid-template-columns:minmax(0,1fr) 300px;
 gap:36px;
 margin-bottom:24px;
}
.gp-page-hero img{
 width:260px;
}
.pricing-tabs{
 width:320px;
 height:46px;
}
.gp-coupon-panel{
 grid-template-columns:minmax(0,1fr) minmax(300px,480px);
 padding:20px 24px;
 margin-bottom:24px;
}
.gp-coupon-form input,
.wform input,
.wform textarea,
.wform select{
 min-height:42px;
 color:#eff5ff !important;
 background:rgba(7,17,32,.82) !important;
}
.gp-plan-grid{
 gap:14px !important;
 align-items:stretch;
}
.plan-card{
 min-height:316px;
 padding:24px 18px !important;
 display:flex !important;
 flex-direction:column;
}
.plan-tag{font-size:17px !important;}
.plan-price-main{font-size:30px !important;line-height:1.1;}
.plan-unitcost{margin-bottom:18px;}
.plan-feats{gap:9px;}
.plan-feats li{
 gap:10px;
 line-height:1.45;
}
.plan-feats strong,
.gp-plan-total{color:#68e5b2 !important;}
.plan-btn{
 width:100%;
 height:46px !important;
 margin-top:auto !important;
}
.plan-discount{
 background:rgba(255,109,120,.16);
 color:#ff9aa3;
}
.plan-badge{
 height:28px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0 14px !important;
 color:#fff !important;
}
.gp-fit-panel{
 padding:24px;
}
.gp-fit-panel h3{font-size:19px;}

.gp-steps,
.gp-feature-grid{
 gap:16px;
}
.gp-steps article,
.gp-feature-grid article{
 padding:22px;
}
.gp-steps span,
.gp-feature-grid span{
 width:42px;
 height:42px;
 border-radius:10px;
 color:#a992ff;
}
.faq-q{
 color:#e9effb;
 font-weight:700;
}
.faq-a{color:#aeb9cd;}

.mobile-nav{
 font-family:var(--font) !important;
 background:rgba(7,16,31,.94) !important;
 border-top:1px solid rgba(151,171,213,.18) !important;
}
.mnav-btn{
 color:#9ca9bd !important;
 font-weight:600;
}
.mnav-btn.active{
 color:#fff !important;
}
.mnav-btn.active .mnav-icon-wrap{
 background:rgba(126,97,232,.28) !important;
 box-shadow:none !important;
}

@media(max-width:1200px){
 .gp-main{padding-left:32px !important;padding-right:32px !important;}
 .gp-hero{grid-template-columns:minmax(0,1fr) 300px;}
 .gp-hero h1{font-size:46px;}
 .gp-page-grid{grid-template-columns:1fr;}
 .gp-page-aside{grid-template-columns:repeat(2,minmax(0,1fr));}
 .gp-visual-card{grid-column:1/-1;}
}

@media(max-width:900px){
 .gp-main{
  margin-left:0 !important;
  padding:82px 16px 92px !important;
 }
 .gp-top-actions{
  padding-left:48px;
  justify-content:flex-end;
 }
 .gp-top-actions .ls-upgrade-btn{display:none !important;}
 .gp-hero,
 .gp-page-hero{
  display:block;
 }
 .gp-hero h1{font-size:38px;}
 .gp-page-head h2,
 .gp-page-hero h2{font-size:34px;}
 .gp-workbench{padding:14px !important;}
 .gp-workbench-tabs,
 .ls-card-footer,
 .gp-coupon-panel,
 .qna-toolbar,
 .gp-table-toolbar{
  display:block;
 }
 .ls-task-list,
 .cat-filter,
 .qna-sort-btns{
  max-width:100%;
  overflow-x:auto;
  flex-wrap:nowrap !important;
  scrollbar-width:none;
 }
 .ls-task-list::-webkit-scrollbar,
 .cat-filter::-webkit-scrollbar,
 .qna-sort-btns::-webkit-scrollbar{display:none;}
 .gp-language,
 .gp-submit-row{margin-top:12px;}
 .gp-input-tools{margin-bottom:12px;}
 .ls-send-btn{width:100% !important;min-width:0 !important;}
 .gp-page-grid,
 .gp-page-aside,
 .gp-notice-featured,
 .gp-steps,
 .gp-feature-grid,
 .gp-faq .faq-list,
 .gp-sub-grid{grid-template-columns:1fr !important;}
 .gp-page-aside{display:grid;}
 .gp-table-head{display:none;}
 #noticeList .notice-item{
  grid-template-columns:1fr 24px !important;
  align-items:start;
 }
 #noticeList .notice-item .notice-badge,
 #noticeList .notice-item .notice-date,
 #noticeList .notice-item .notice-views{display:none;}
 .notice-ttl{white-space:normal;}
 .qna-item{grid-template-columns:1fr !important;}
 .qna-status{justify-self:start;}
 .gp-coupon-form{margin-top:14px;}
 .gp-coupon-form input{width:100%;}
 .gp-coupon-form button{margin-top:10px;width:100%;}
 .gp-plan-grid{grid-template-columns:1fr !important;}
 .gp-fit-panel > div{grid-template-columns:1fr !important;}
}

@media(max-width:560px){
 .gp-main{padding-left:12px !important;padding-right:12px !important;}
 .gp-hero h1{font-size:33px;line-height:1.12;}
 .gp-hero-sub{font-size:16px;}
 .gp-page-head h2,
 .gp-page-hero h2{font-size:32px;}
 .gp-stat-row div{padding:13px 16px;}
 .ls-task-item,.cat-fbtn,.sortbtn{min-height:34px;padding:0 14px !important;}
 .post-card{grid-template-columns:1fr !important;padding:18px !important;}
 .post-card-thumb{display:none !important;}
 .post-card-excerpt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
 .gp-notice-card{min-height:220px;padding:22px;}
 .gp-notice-card > div{max-width:76%;}
 .gp-notice-card img{width:138px;max-width:48%;right:-10px;}
 .gp-visual-card img{width:116px;max-width:40%;}
 .pricing-tabs{width:100%;}
 .plan-card{min-height:292px;}
}

/* Final override for legacy per-mode colors that still exist in app.css */
.ls-task-item[data-lsmode],
.ls-task-item[data-lsmode="detect"],
.ls-task-item[data-lsmode="assignment"],
.ls-task-item[data-lsmode="resume"],
.ls-task-item[data-lsmode="thesis"],
.ls-task-item[data-lsmode="blog"]{
 color:#b5c0d4 !important;
 background:rgba(255,255,255,.045) !important;
 border:1px solid rgba(151,171,213,.13) !important;
 box-shadow:none !important;
}
.ls-task-item[data-lsmode] svg,
.ls-task-item[data-lsmode="detect"] svg,
.ls-task-item[data-lsmode="assignment"] svg,
.ls-task-item[data-lsmode="resume"] svg,
.ls-task-item[data-lsmode="thesis"] svg,
.ls-task-item[data-lsmode="blog"] svg{
 color:#9faee7 !important;
 opacity:1 !important;
}
.ls-task-item[data-lsmode]:hover,
.ls-task-item[data-lsmode="detect"]:hover,
.ls-task-item[data-lsmode="assignment"]:hover,
.ls-task-item[data-lsmode="resume"]:hover,
.ls-task-item[data-lsmode="thesis"]:hover,
.ls-task-item[data-lsmode="blog"]:hover{
 color:#fff !important;
 background:rgba(126,97,232,.18) !important;
 border-color:rgba(150,128,255,.34) !important;
}
.ls-task-item[data-lsmode].active,
.ls-task-item[data-lsmode="detect"].active,
.ls-task-item[data-lsmode="assignment"].active,
.ls-task-item[data-lsmode="resume"].active,
.ls-task-item[data-lsmode="thesis"].active,
.ls-task-item[data-lsmode="blog"].active{
 background:var(--gp-accent) !important;
 border-color:transparent !important;
 color:#fff !important;
 box-shadow:none !important;
}
.ls-task-item[data-lsmode].active svg,
.ls-task-item[data-lsmode="detect"].active svg,
.ls-task-item[data-lsmode="assignment"].active svg,
.ls-task-item[data-lsmode="resume"].active svg,
.ls-task-item[data-lsmode="thesis"].active svg,
.ls-task-item[data-lsmode="blog"].active svg{
 color:#fff !important;
 opacity:1 !important;
}

.gp-qna-action{
 min-width:172px;
 align-items:flex-end !important;
 text-align:right;
}
.gp-qna-action span{
 white-space:nowrap;
 color:#9faabd !important;
 line-height:1.4;
}

@media(max-width:900px){
 body::before{
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:64px;
  z-index:820;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(11,24,46,.96),rgba(11,24,46,.72) 62%,rgba(11,24,46,0));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
 }
 #mobileLogo{
  top:10px !important;
  left:14px !important;
  z-index:930 !important;
 }
 #mobileLogo img{
  width:154px !important;
  height:44px !important;
  object-fit:contain !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.22));
 }
 #mobileMyPageBtn{
  top:14px !important;
  right:16px !important;
  z-index:930 !important;
  background:rgba(8,18,34,.82) !important;
  border-color:rgba(151,171,213,.24) !important;
  box-shadow:none !important;
 }
 .ls-credit-btn{
  padding-left:34px !important;
  padding-right:12px !important;
 }
 .ls-credit-btn::before{
  left:12px !important;
  width:13px !important;
  height:13px !important;
 }
 .gp-qna-action{
  min-width:0;
  align-items:flex-start !important;
  text-align:left;
 }
 .gp-qna-action span{white-space:normal;}
}

/* ===== 4. Detail polish: focus, micro-interactions, dark-theme gaps ===== */

/* Text selection & focus ring */
::selection{background:rgba(129,93,242,.45);color:#fff;}
:where(button,a,input,select,textarea,[tabindex]):focus{outline:none;}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{
 outline:2px solid var(--gp-focus);
 outline-offset:2px;
}

/* Dark thin scrollbars */
html{scrollbar-width:thin;scrollbar-color:rgba(151,171,213,.3) transparent;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{
 background:rgba(151,171,213,.26);
 border-radius:999px;
 border:2px solid transparent;
 background-clip:padding-box;
}
::-webkit-scrollbar-thumb:hover{background-color:rgba(151,171,213,.42);}

/* Tabular numbers for stats, prices, counters */
.gp-stat-row strong,
.plan-price-main,
.plan-won,
.gp-plan-total,
.ls-credit-btn,
#ccount,#chint,#proCcount,
.notice-views,
.gp-rank-list strong{font-variant-numeric:tabular-nums;}

/* Cards: smooth hover elevation */
.post-card,.pitem,.qna-item,.notice-item,.plan-card,
.gp-steps article,.gp-feature-grid article,.faq-item,.gp-notice-card{
 transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.post-card:hover,.qna-item:hover,.pitem:hover{
 box-shadow:0 14px 34px rgba(0,0,0,.26) !important;
}
.plan-card:hover{box-shadow:0 18px 44px rgba(0,0,0,.3) !important;}
.plan-card.plan-popular:hover{box-shadow:0 18px 44px rgba(126,91,255,.22) !important;}
.gp-steps article:hover,.gp-feature-grid article:hover{
 border-color:rgba(129,93,242,.4) !important;
 transform:translateY(-2px);
}

/* Buttons: press feedback + primary glow */
.ls-send-btn:active,.wbtn:active,.postsubmit:active,.plan-btn:active,
.ls-upgrade-btn:active,.gp-invite-btn:active,.chargbtn:active,
.ls-credit-btn:active,.cancelbtn:active,.backbtn:active{
 transform:translateY(0) scale(.985) !important;
}
.ls-send-btn.ready:hover{
 filter:brightness(1.07);
 box-shadow:0 12px 30px rgba(110,90,255,.32) !important;
}
.wbtn:hover,.postsubmit:hover,.plan-btn:hover,
.ls-upgrade-btn:hover,.gp-invite-btn:hover,.chargbtn:hover{
 filter:brightness(1.07);
}

/* Inputs: focus ring on containers */
.ls-input-area,.gp-search,
.wform input,.wform textarea,.wform select,
.gp-coupon-form input{
 transition:border-color .18s ease,box-shadow .18s ease;
}
.ls-input-area:focus-within,
.gp-search:focus-within{
 border-color:rgba(129,93,242,.55) !important;
 box-shadow:0 0 0 3px rgba(129,93,242,.13);
}
.wform input:focus,.wform textarea:focus,.wform select:focus,
.gp-coupon-form input:focus{
 border-color:rgba(129,93,242,.55) !important;
 box-shadow:0 0 0 3px rgba(129,93,242,.13);
}

/* FAQ: chevron rotation + open state */
.faq-q{transition:color .18s ease;}
.faq-q:hover{color:#fff;}
.faq-q svg{transition:transform .24s var(--gp-ease);color:var(--text3);}
.faq-item.open{border-color:rgba(129,93,242,.42) !important;}
.faq-item.open .faq-q svg{transform:rotate(180deg);color:#a992ff;}
.faq-item.open .faq-a{animation:gpFadeIn .22s ease;}
@keyframes gpFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Sidebar history: align with dark nav */
.sidebar-hist-item{
 padding:8px 12px;
 border-radius:9px;
 color:var(--text3);
}
.sidebar-hist-item:hover{background:rgba(255,255,255,.05);color:var(--text2);}
.sidebar-hist-text{max-width:170px;color:#9da9c0;}

/* Detection result & humanizer output: dark theme alignment */
.rsec .vbox,.rsec .ocard{
 background:var(--gp-panel-soft) !important;
 border:1px solid var(--border) !important;
 border-radius:var(--gp-radius) !important;
 box-shadow:var(--gp-shadow) !important;
}
.gauge-main-msg{color:#fff;font-weight:800;}
.gauge-sub-msg{color:var(--text2);}
.dtabs{border-top:1px solid var(--border) !important;}
.dtab{color:var(--text3);font-weight:700;}
.dtab:hover{color:var(--text2);}
.dtab.active{color:#a992ff;border-bottom-color:#8b6cff;}
.dpane p{color:var(--text2);}
.ohd{border-bottom:1px solid var(--border) !important;}
.olbl{color:var(--text3);}
.obody{color:#e7edfa;}
.cpybtn{
 background:rgba(255,255,255,.055) !important;
 border:1px solid rgba(151,171,213,.2) !important;
 color:#d8e2f6 !important;
}
.cpybtn:hover{background:rgba(255,255,255,.1) !important;color:#fff !important;}
.cpybtn.copied{color:var(--green) !important;border-color:rgba(54,211,155,.5) !important;}
.sstrip{
 background:rgba(54,211,155,.08) !important;
 border:1px solid rgba(54,211,155,.24) !important;
 color:var(--text2) !important;
}
.progress-overlay .prog-pct{color:#a992ff;}
.progress-overlay .prog-track{background:rgba(151,171,213,.16);}
.progress-overlay .prog-bar{background:var(--gp-accent);}

/* Login screen: tone aurora to brand palette */
#loginScreen .qd-orb{opacity:.34;}
#loginScreen .qd-orb.o2{opacity:.26;}
.lcard{
 background:linear-gradient(180deg,rgba(17,30,51,.9),rgba(10,22,40,.92)) !important;
 border:1px solid rgba(163,184,225,.2) !important;
}
.llogo{background:linear-gradient(135deg,#a587ff,#5f9aff);-webkit-background-clip:text;background-clip:text;}
.ltitle{color:#fff;}
.btn-google{
 background:rgba(255,255,255,.06) !important;
 border:1px solid rgba(163,184,225,.24) !important;
 color:#eef3fe !important;
}
.btn-google:hover{background:rgba(255,255,255,.1) !important;}

/* History page header (matches gp-page-head) */
.gp-history-head{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:16px;
 margin-bottom:20px;
}
.gp-history-head h2{
 margin:0;
 color:#fff;
 font-size:28px;
 font-weight:800;
 line-height:1.2;
}
.gp-history-head span{color:var(--text3);font-size:13px;}

/* Pro workspace: align with panel system */
.gp-pro-page{
 max-width:980px;
 margin:0 auto;
 padding:4px 0 40px;
}
.gp-pro-head{
 display:flex;
 align-items:center;
 gap:10px;
 margin-bottom:8px;
}
.gp-pro-head h2{
 margin:0;
 color:#fff;
 font-size:24px;
 font-weight:800;
 line-height:1.2;
}
.gp-pro-eyebrow{
 display:inline-flex;
 align-items:center;
 gap:6px;
 padding:5px 12px;
 border-radius:999px;
 background:var(--gp-accent);
 color:#fff;
 font-size:12px;
 font-weight:800;
}
.gp-pro-desc{
 margin:0 0 20px;
 color:var(--text2);
 font-size:13px;
 line-height:1.7;
}
.gp-pro-card{
 background:var(--gp-panel-soft);
 border:1px solid var(--border);
 border-radius:var(--gp-radius);
 margin-bottom:14px;
}
.gp-pro-subinfo{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:12px;
 padding:18px 20px;
}
.gp-pro-label{font-size:12px;color:var(--text3);}
.gp-pro-tier{font-size:16px;font-weight:800;color:#fff;margin-top:2px;}
.gp-pro-meta{font-size:12px;color:var(--text2);margin-top:4px;}
.gp-pro-coupons{padding:18px 20px;}
.gp-pro-card-title{font-size:13px;font-weight:800;color:#fff;margin-bottom:12px;}
.gp-pro-coupon-list{display:flex;flex-wrap:wrap;gap:10px;}
.gp-pro-empty{font-size:13px;color:var(--text3);padding:6px 0;}
.gp-pro-workbench{overflow:hidden;margin-bottom:0;}
.gp-pro-toolbar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:10px;
 padding:12px 16px;
 border-bottom:1px solid var(--border);
}
.gp-pro-modes{display:flex;gap:7px;flex-wrap:wrap;}
.pro-mode-btn{
 min-height:32px;
 padding:0 13px;
 border-radius:999px;
 border:1px solid rgba(151,171,213,.18);
 background:rgba(255,255,255,.052);
 color:#c1cbe0;
 font-size:12px;
 font-weight:700;
 cursor:pointer;
 white-space:nowrap;
 transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.pro-mode-btn:hover{background:rgba(255,255,255,.085);color:#fff;}
.pro-mode-btn.active{
 background:var(--accent);
 border-color:var(--accent);
 color:#fff;
}
.gp-pro-selected{font-size:12px;color:var(--text3);}
#proInputText{
 width:100%;
 min-height:200px;
 max-height:500px;
 padding:18px;
 border:0;
 background:rgba(7,17,32,.5);
 color:#f0f5ff;
 font-size:14px;
 line-height:1.8;
 resize:vertical;
 outline:none;
}
#proInputText::placeholder{color:#7f8da5;}
.gp-pro-footer{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:10px;
 padding:12px 16px;
 border-top:1px solid var(--border);
}
.gp-pro-counts{display:flex;gap:12px;align-items:center;}
.gp-pro-counts span{font-size:12px;color:var(--text3);font-variant-numeric:tabular-nums;}
#proRunBtn{
 min-height:38px;
 padding:0 22px;
 border:0;
 border-radius:var(--gp-radius-sm);
 background:var(--gp-accent);
 color:#fff;
 font-size:13px;
 font-weight:800;
 cursor:pointer;
 transition:opacity .18s ease,filter .18s ease;
}
#proRunBtn:not(:disabled):hover{filter:brightness(1.07);}
.gp-pro-result{margin-top:16px;}
.pro-coupon-card{transition:border-color .18s ease,box-shadow .18s ease;}

/* Footer: align content with main column */
.gp-footer{display:block;}
.gp-footer-inner{
 max-width:var(--gp-max);
 margin:0 auto;
 display:grid;
 grid-template-columns:210px 1fr 1.5fr;
 gap:48px;
}
@media(max-width:900px){
 .gp-footer-inner{grid-template-columns:1fr;gap:30px;}
}

/* Modals: shared shell for legacy inline-styled dialogs */
.gp-modal-card{animation:gpModalIn .26s var(--gp-ease);}
@keyframes gpModalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.gp-modal-close{
 transition:background .15s ease,color .15s ease;
}
.gp-modal-close:hover{background:rgba(255,255,255,.14) !important;color:#fff !important;}

/* Reduced motion: disable decorative animation */
@media (prefers-reduced-motion: reduce){
 .gp-hero-art img,
 .gp-main > div[id$="Content"],
 .qd-orb,.qd-ring svg,
 .gp-modal-card,
 .faq-item.open .faq-a{animation:none !important;}
 *{transition-duration:.01ms !important;}
}

/* Main design switcher */
#mainContent{
 position:relative;
 transition:background .24s ease,color .24s ease,border-color .24s ease;
}
.gp-main-stage{
 display:block;
}
.gp-design-open{
 min-height:42px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 padding:0 16px;
 border-radius:10px;
 border:1px solid rgba(151,171,213,.2);
 background:rgba(255,255,255,.055);
 color:#d8e2f6;
 font-size:14px;
 font-weight:780;
 cursor:pointer;
 white-space:nowrap;
 transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.gp-design-open:hover{
 background:rgba(255,255,255,.09);
 color:#fff;
 transform:translateY(-1px);
}
.gp-design-open svg{
 width:17px;
 height:17px;
 fill:none;
 stroke:currentColor;
 stroke-width:2;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.gp-design-picker{
 position:absolute;
 top:58px;
 right:0;
 z-index:40;
 width:min(560px,100%);
 padding:16px;
 border-radius:18px;
 border:1px solid rgba(151,171,213,.22);
 background:rgba(10,20,36,.96);
 box-shadow:0 28px 70px rgba(0,0,0,.34);
 backdrop-filter:blur(18px);
 -webkit-backdrop-filter:blur(18px);
}
.gp-design-picker[hidden]{display:none !important;}
.gp-design-picker-head{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:16px;
 margin-bottom:14px;
}
.gp-design-picker-head strong{
 display:block;
 color:#fff;
 font-size:16px;
 font-weight:860;
}
.gp-design-picker-head span{
 display:block;
 margin-top:4px;
 color:#9faabd;
 font-size:12px;
 line-height:1.5;
}
.gp-design-picker-head button{
 width:30px;
 height:30px;
 border:0;
 border-radius:999px;
 background:rgba(255,255,255,.08);
 color:#dce5f8;
 cursor:pointer;
 font-size:18px;
 line-height:1;
}
.gp-design-options{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;
}
.gp-design-option{
 min-width:0;
 padding:10px;
 border-radius:14px;
 border:1px solid rgba(151,171,213,.17);
 background:rgba(255,255,255,.045);
 color:#d7e1f4;
 text-align:left;
 cursor:pointer;
 transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.gp-design-option:hover{
 transform:translateY(-1px);
 background:rgba(255,255,255,.075);
}
.gp-design-option.active{
 border-color:rgba(137,112,255,.74);
 background:rgba(126,97,232,.16);
}
.gp-design-option strong{
 display:block;
 margin-top:9px;
 color:#fff;
 font-size:13px;
 font-weight:820;
}
.gp-design-option em{
 display:block;
 margin-top:3px;
 color:#9faabd;
 font-size:11px;
 font-style:normal;
 line-height:1.35;
}
.gp-design-preview{
 display:block;
 height:58px;
 border-radius:10px;
 border:1px solid rgba(255,255,255,.14);
 overflow:hidden;
 position:relative;
}
.preview-midnight{
 background:linear-gradient(135deg,#081326,#182b52);
}
.preview-midnight::before{
 content:"";
 position:absolute;
 left:10px;
 top:12px;
 width:54%;
 height:8px;
 border-radius:999px;
 background:#fff;
 box-shadow:0 16px 0 rgba(160,137,255,.95),0 32px 0 rgba(255,255,255,.18);
}
.preview-paper{
 background:linear-gradient(135deg,#fff 0 52%,#dfffef 52% 100%);
}
.preview-paper::before{
 content:"";
 position:absolute;
 left:9px;
 top:11px;
 width:42%;
 height:9px;
 border-radius:999px;
 background:#101010;
 box-shadow:0 15px 0 #101010,0 31px 0 #ff413c;
}
.preview-mint{
 background:linear-gradient(135deg,#ecfff7,#d8fff0);
}
.preview-mint::before{
 content:"";
 position:absolute;
 right:9px;
 top:11px;
 width:48%;
 height:34px;
 border-radius:8px;
 border:1px solid #67d5a0;
 background:rgba(255,255,255,.72);
}
.preview-mint::after{
 content:"";
 position:absolute;
 left:11px;
 top:16px;
 width:33%;
 height:8px;
 border-radius:999px;
 background:#12b76a;
 box-shadow:0 16px 0 #111;
}
.gp-hero-actions{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:12px;
 margin:24px 0 0;
}
.gp-hero-primary,
.gp-hero-secondary{
 min-height:48px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 padding:0 22px;
 border-radius:999px;
 font-size:14px;
 font-weight:820;
 cursor:pointer;
 white-space:nowrap;
 transition:transform .18s ease,filter .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.gp-hero-primary{
 border:0;
 background:var(--gp-accent);
 color:#fff;
}
.gp-hero-secondary{
 border:1px solid rgba(151,171,213,.24);
 background:rgba(255,255,255,.055);
 color:#e8efff;
}
.gp-hero-primary:hover,
.gp-hero-secondary:hover{
 transform:translateY(-1px);
}

/* Main design: white showcase */
#mainContent[data-main-design="paper"]{
 --paper-ink:#101014;
 --paper-muted:#5c626d;
 --paper-line:#d8dde5;
 --paper-red:#ff4540;
 --paper-blue:#1457ff;
 --paper-green:#20c878;
 margin-top:-10px;
 padding:10px;
 border-radius:28px;
 background:#f6f4ef;
 color:var(--paper-ink);
 box-shadow:0 24px 80px rgba(0,0,0,.16);
}
#mainContent[data-main-design="paper"] .gp-top-actions{
 margin:0 0 10px;
 padding:8px 8px 0;
}
#mainContent[data-main-design="paper"] .gp-design-open,
#mainContent[data-main-design="paper"] .ls-credit-btn,
#mainContent[data-main-design="paper"] .ls-upgrade-btn{
 background:#fff !important;
 border-color:#d8dde5 !important;
 color:#121212 !important;
 box-shadow:0 10px 24px rgba(16,16,20,.08) !important;
}
#mainContent[data-main-design="paper"] .ls-upgrade-btn{
 background:#111 !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-design-picker{
 background:rgba(255,255,255,.98);
 border-color:#d8dde5;
 box-shadow:0 24px 80px rgba(22,24,28,.18);
}
#mainContent[data-main-design="paper"] .gp-design-picker-head strong,
#mainContent[data-main-design="paper"] .gp-design-option strong{color:#111;}
#mainContent[data-main-design="paper"] .gp-design-picker-head span,
#mainContent[data-main-design="paper"] .gp-design-option em{color:#69717e;}
#mainContent[data-main-design="paper"] .gp-design-option{
 background:#f6f7f8;
 border-color:#e0e4ea;
 color:#111;
}
#mainContent[data-main-design="paper"] .gp-design-option.active{
 background:#fff0ef;
 border-color:#ff8b86;
}
#mainContent[data-main-design="paper"] .gp-main-stage{
 display:grid;
 grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
 gap:14px;
 align-items:start;
}
#mainContent[data-main-design="paper"] .gp-hero{
 min-height:0;
 grid-template-columns:minmax(0,1fr) 265px;
 margin:0;
 padding:34px;
 border-radius:22px;
 border:1px solid var(--paper-line);
 background:#fff;
 box-shadow:0 18px 44px rgba(17,22,30,.08);
 overflow:hidden;
}
#mainContent[data-main-design="paper"] .gp-eyebrow{
 color:#111;
 font-weight:850;
}
#mainContent[data-main-design="paper"] .gp-hero h1{
 color:#070707 !important;
 font-size:50px;
 line-height:.98;
 max-width:590px;
}
#mainContent[data-main-design="paper"] .gp-hero h1 span{
 color:#070707 !important;
 background:none !important;
 -webkit-text-fill-color:currentColor !important;
 position:relative;
}
#mainContent[data-main-design="paper"] .gp-hero h1 span::after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:-7px;
 height:4px;
 border-radius:999px;
 background:var(--paper-red);
}
#mainContent[data-main-design="paper"] .gp-hero-sub{
 color:#424852;
 max-width:430px;
}
#mainContent[data-main-design="paper"] .gp-hero-primary{
 background:var(--paper-red);
 color:#fff;
}
#mainContent[data-main-design="paper"] .gp-hero-secondary{
 background:#fff;
 border-color:#111;
 color:#111;
}
#mainContent[data-main-design="paper"] .gp-stat-row{
 display:grid;
 grid-template-columns:1fr;
 gap:8px;
 margin-top:24px;
 max-width:300px;
}
#mainContent[data-main-design="paper"] .gp-stat-row div{
 min-height:62px;
 border:0;
 border-radius:18px;
 padding:18px;
 background:#ff4540;
 color:#fff;
}
#mainContent[data-main-design="paper"] .gp-stat-row div:nth-child(2){background:#75ee9c;color:#06110a;}
#mainContent[data-main-design="paper"] .gp-stat-row div:nth-child(3){background:#1457ff;color:#fff;}
#mainContent[data-main-design="paper"] .gp-stat-row strong{
 color:inherit !important;
 font-size:24px;
 line-height:1.05;
}
#mainContent[data-main-design="paper"] .gp-stat-row span{
 color:inherit !important;
 opacity:.82;
}
#mainContent[data-main-design="paper"] .gp-hero-art img{
 max-width:300px;
 filter:drop-shadow(0 18px 28px rgba(0,0,0,.18));
}
#mainContent[data-main-design="paper"] .gp-workbench{
 margin:0 !important;
 min-height:0;
 padding:20px !important;
 border-radius:22px !important;
 border:1px solid #82dcb3 !important;
 background:linear-gradient(135deg,#f8fffb,#dcffef) !important;
 box-shadow:0 18px 44px rgba(22,134,82,.1) !important;
 position:relative;
 overflow:hidden;
}
#mainContent[data-main-design="paper"] .gp-workbench::before{
 content:"실시간 변환 메모";
 display:block;
 margin:0 0 16px;
 color:#111;
 font-size:18px;
 font-weight:900;
}
#mainContent[data-main-design="paper"] .gp-workbench::after{
 content:"LIVE";
 position:absolute;
 top:22px;
 right:24px;
 padding-left:16px;
 color:#0bbf73;
 font-size:12px;
 font-weight:900;
}
#mainContent[data-main-design="paper"] .gp-workbench-tabs{
 border:1px solid #8eddb6;
 border-bottom:0;
 border-radius:14px 14px 0 0;
 background:rgba(255,255,255,.55);
 padding:14px 14px 10px;
}
#mainContent[data-main-design="paper"] .ls-task-list,
#mainContent[data-main-design="mint"] .ls-task-list{
 max-width:100%;
 overflow-x:auto;
 flex-wrap:nowrap !important;
 scrollbar-width:none;
}
#mainContent[data-main-design="paper"] .ls-task-list::-webkit-scrollbar,
#mainContent[data-main-design="mint"] .ls-task-list::-webkit-scrollbar{
 display:none;
}
#mainContent[data-main-design="paper"] .ls-task-item,
#mainContent[data-main-design="paper"] .lang-btn,
#mainContent[data-main-design="paper"] .ls-pro-btn,
#mainContent[data-main-design="paper"] #mobileTaskSelect{
 background:#fff !important;
 border-color:#d9e4df !important;
 color:#20242b !important;
}
#mainContent[data-main-design="paper"] .ls-task-item.active,
#mainContent[data-main-design="paper"] .lang-btn.active{
 background:#13bf72 !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .ls-input-area{
 border:1px solid #8eddb6;
 border-top:0;
 border-radius:0 0 14px 14px;
 background:rgba(255,255,255,.68);
}
#mainContent[data-main-design="paper"] .ls-input-area textarea{
 min-height:176px;
 color:#121212 !important;
 background:#fff !important;
 border:1px solid #d8dde5 !important;
 border-radius:14px !important;
}
#mainContent[data-main-design="paper"] .ls-card-footer{
 color:#313842;
}
#mainContent[data-main-design="paper"] .gp-submit-row span{
 color:#59616d !important;
}
#mainContent[data-main-design="paper"] .ls-send-btn{
 background:#111 !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-section{
 margin-top:14px;
 color:#111;
}
#mainContent[data-main-design="paper"] .gp-section-head h2{
 color:#111;
}
#mainContent[data-main-design="paper"] .gp-section-head p{
 color:#5c626d;
}
#mainContent[data-main-design="paper"] .gp-detect-card,
#mainContent[data-main-design="paper"] .gp-steps article,
#mainContent[data-main-design="paper"] .gp-feature-grid article,
#mainContent[data-main-design="paper"] .faq-item{
 background:#fff !important;
 border-color:#dfe3e9 !important;
 color:#111 !important;
 box-shadow:0 14px 30px rgba(17,22,30,.06);
}
#mainContent[data-main-design="paper"] .gp-detect-card strong,
#mainContent[data-main-design="paper"] .gp-steps strong,
#mainContent[data-main-design="paper"] .gp-feature-grid strong,
#mainContent[data-main-design="paper"] .faq-q{
 color:#111 !important;
}
#mainContent[data-main-design="paper"] .gp-detect-card p,
#mainContent[data-main-design="paper"] .gp-detect-card li,
#mainContent[data-main-design="paper"] .gp-steps p,
#mainContent[data-main-design="paper"] .gp-feature-grid p,
#mainContent[data-main-design="paper"] .faq-a{
 color:#5c626d !important;
}
#mainContent[data-main-design="paper"] .gp-faq{
 padding:24px;
 border-radius:22px;
 background:#080808;
}
#mainContent[data-main-design="paper"] .gp-faq .gp-section-head h2{
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-faq .faq-item{
 background:#101010 !important;
 border-color:#252525 !important;
 box-shadow:none;
}
#mainContent[data-main-design="paper"] .gp-faq .faq-q{
 color:#fff !important;
}

/* Main design: mint conversion memo */
#mainContent[data-main-design="mint"]{
 --mint-ink:#082318;
 --mint-muted:#517468;
 --mint-line:#93e5bf;
 --mint-green:#16bd73;
 margin-top:-6px;
 padding:14px;
 border-radius:26px;
 color:var(--mint-ink);
 background:
  radial-gradient(circle at 82% 8%,rgba(22,189,115,.18),transparent 28%),
  linear-gradient(180deg,#f0fff8,#e8fff4);
}
#mainContent[data-main-design="mint"] .gp-top-actions{
 margin-bottom:12px;
}
#mainContent[data-main-design="mint"] .gp-design-open,
#mainContent[data-main-design="mint"] .ls-credit-btn,
#mainContent[data-main-design="mint"] .ls-upgrade-btn{
 background:#fff !important;
 border-color:#bdebd4 !important;
 color:#103326 !important;
 box-shadow:none !important;
}
#mainContent[data-main-design="mint"] .ls-upgrade-btn{
 background:#16bd73 !important;
 color:#fff !important;
}
#mainContent[data-main-design="mint"] .gp-main-stage{
 display:grid;
 grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);
 gap:18px;
 align-items:start;
}
#mainContent[data-main-design="mint"] .gp-hero,
#mainContent[data-main-design="mint"] .gp-workbench{
 margin:0 !important;
 border-radius:22px !important;
 border:1px solid var(--mint-line) !important;
 background:rgba(255,255,255,.75) !important;
 box-shadow:0 22px 52px rgba(15,130,81,.1) !important;
}
#mainContent[data-main-design="mint"] .gp-hero{
 display:block;
 padding:32px;
}
#mainContent[data-main-design="mint"] .gp-hero-art{
 display:none;
}
#mainContent[data-main-design="mint"] .gp-hero-art img{
 width:210px;
 filter:drop-shadow(0 18px 30px rgba(14,125,78,.16));
}
#mainContent[data-main-design="mint"] .gp-eyebrow,
#mainContent[data-main-design="mint"] .gp-hero h1,
#mainContent[data-main-design="mint"] .gp-hero h1 span,
#mainContent[data-main-design="mint"] .gp-section-head h2{
 color:var(--mint-ink) !important;
 background:none !important;
 -webkit-text-fill-color:currentColor !important;
}
#mainContent[data-main-design="mint"] .gp-hero h1{
 font-size:42px;
}
#mainContent[data-main-design="mint"] .gp-hero-sub,
#mainContent[data-main-design="mint"] .gp-section-head p{
 color:var(--mint-muted) !important;
}
#mainContent[data-main-design="mint"] .gp-hero-primary,
#mainContent[data-main-design="mint"] .ls-send-btn{
 background:#16bd73 !important;
 color:#fff !important;
}
#mainContent[data-main-design="mint"] .gp-hero-secondary{
 background:#fff !important;
 border-color:#9bddbd !important;
 color:#0f3928 !important;
}
#mainContent[data-main-design="mint"] .gp-stat-row{
 grid-template-columns:1fr;
 gap:10px;
}
#mainContent[data-main-design="mint"] .gp-stat-row div{
 background:#fff;
 border-color:#c7efd9;
 color:#0f3928;
}
#mainContent[data-main-design="mint"] .gp-stat-row strong{
 color:#16bd73 !important;
}
#mainContent[data-main-design="mint"] .gp-stat-row span{
 color:#517468 !important;
}
#mainContent[data-main-design="mint"] .gp-workbench{
 padding:22px !important;
 position:relative;
}
#mainContent[data-main-design="mint"] .gp-workbench::before{
 content:"실시간 변환 메모";
 display:block;
 margin-bottom:14px;
 color:#082318;
 font-size:20px;
 font-weight:900;
}
#mainContent[data-main-design="mint"] .gp-workbench::after{
 content:"LIVE";
 position:absolute;
 top:24px;
 right:24px;
 color:#16bd73;
 font-size:12px;
 font-weight:900;
}
#mainContent[data-main-design="mint"] .gp-workbench-tabs,
#mainContent[data-main-design="mint"] .ls-input-area{
 background:#fff !important;
 border:1px solid #bcebd4;
}
#mainContent[data-main-design="mint"] .gp-workbench-tabs{
 border-radius:16px 16px 0 0;
 border-bottom:0;
}
#mainContent[data-main-design="mint"] .ls-input-area{
 border-radius:0 0 16px 16px;
 border-top:0;
}
#mainContent[data-main-design="mint"] .ls-input-area textarea{
 min-height:230px;
 background:#fbfffd !important;
 color:#12251d !important;
 border:1px solid #caeedc !important;
 border-radius:14px !important;
}
#mainContent[data-main-design="mint"] .ls-task-item,
#mainContent[data-main-design="mint"] .lang-btn,
#mainContent[data-main-design="mint"] .ls-pro-btn,
#mainContent[data-main-design="mint"] #mobileTaskSelect{
 background:#f4fff9 !important;
 border-color:#c8eedc !important;
 color:#17392b !important;
}
#mainContent[data-main-design="mint"] .ls-task-item.active,
#mainContent[data-main-design="mint"] .lang-btn.active{
 background:#16bd73 !important;
 color:#fff !important;
}
#mainContent[data-main-design="mint"] .gp-submit-row span{
 color:#517468 !important;
}
#mainContent[data-main-design="mint"] .gp-section{
 color:#082318;
}
#mainContent[data-main-design="mint"] .gp-detect-card,
#mainContent[data-main-design="mint"] .gp-steps article,
#mainContent[data-main-design="mint"] .gp-feature-grid article,
#mainContent[data-main-design="mint"] .faq-item{
 background:#fff !important;
 border-color:#c9ecdc !important;
 color:#082318 !important;
 box-shadow:none;
}
#mainContent[data-main-design="mint"] .gp-detect-card strong,
#mainContent[data-main-design="mint"] .gp-steps strong,
#mainContent[data-main-design="mint"] .gp-feature-grid strong,
#mainContent[data-main-design="mint"] .faq-q{
 color:#082318 !important;
}
#mainContent[data-main-design="mint"] .gp-detect-card li,
#mainContent[data-main-design="mint"] .gp-steps p,
#mainContent[data-main-design="mint"] .gp-feature-grid p,
#mainContent[data-main-design="mint"] .faq-a{
 color:#517468 !important;
}

@media(max-width:1180px){
 #mainContent[data-main-design="paper"] .gp-main-stage,
 #mainContent[data-main-design="mint"] .gp-main-stage{
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"] .gp-hero{
  grid-template-columns:minmax(0,1fr) 230px;
 }
}

body[data-main-design="paper"] .gp-sidebar{
 background:#f5f2ec !important;
 border-right:1px solid #d8dce2 !important;
 box-shadow:inset -1px 0 0 rgba(255,255,255,.85) !important;
}
body[data-main-design="paper"] .gp-brand{
 color:#090909;
}
body[data-main-design="paper"] .gp-brand-mark{
 filter:drop-shadow(0 8px 18px rgba(7,88,255,.14));
}
body[data-main-design="paper"] .snav-btn{
 color:#363b43 !important;
}
body[data-main-design="paper"] .snav-btn svg{
 stroke:currentColor;
}
body[data-main-design="paper"] .snav-btn:hover{
 background:#fff !important;
 color:#080808 !important;
}
body[data-main-design="paper"] .snav-btn.active{
 background:#fff !important;
 border-color:#d8dce2 !important;
 color:#080808 !important;
 box-shadow:0 12px 26px rgba(17,22,30,.08) !important;
}
body[data-main-design="paper"] .snav-btn.active::before{
 content:"";
 width:7px;
 height:7px;
 border-radius:999px;
 background:#ff413d;
 box-shadow:0 0 0 4px rgba(255,65,61,.12);
}
body[data-main-design="paper"] .sidebar-hist-divider{
 background:#d8dce2;
}
body[data-main-design="paper"] .gp-sidebar-login,
body[data-main-design="paper"] .gp-invite{
 background:#fff !important;
 border-color:#d8dce2 !important;
 box-shadow:0 10px 24px rgba(17,22,30,.06) !important;
}
body[data-main-design="paper"] .gp-sidebar-login{
 color:#0b0b0c;
}
body[data-main-design="paper"] .gp-user-dot{
 border-color:#0b0b0c;
 box-shadow:none;
}
body[data-main-design="paper"] .sidebar-user-badge{
 background:#f0f2f5 !important;
 color:#59616c !important;
}
body[data-main-design="paper"] .sidebar-invite-title{
 color:#090909 !important;
}
body[data-main-design="paper"] .sidebar-invite-sub{
 color:#5d6571 !important;
}
body[data-main-design="paper"] .gp-invite-close{
 background:#eef0f3;
 color:#68717d;
}
body[data-main-design="paper"] .gp-invite-btn{
 background:#ff413d;
 color:#fff;
}

@media(max-width:900px){
 body[data-main-design="paper"] .mobile-nav{
  background:#fff !important;
  border-top:1px solid #d8dce2 !important;
 }
 body[data-main-design="paper"] .mnav-btn{
  color:#4b535f !important;
 }
 body[data-main-design="paper"] .mnav-btn.active{
  color:#090909 !important;
 }
 body[data-main-design="paper"] .mnav-btn.active .mnav-icon-wrap{
  background:rgba(255,65,61,.14) !important;
 }
}

@media(max-width:900px){
 .gp-top-actions{
  flex-wrap:wrap;
 }
 .gp-design-open{
  min-height:38px;
  padding:0 12px;
  font-size:12px;
 }
 .gp-design-picker{
  position:fixed;
  top:74px;
  left:12px;
  right:12px;
  width:auto;
  z-index:960;
 }
 .gp-design-options{
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"],
 #mainContent[data-main-design="mint"]{
  margin-top:0;
  padding:10px;
  border-radius:22px;
 }
 #mainContent[data-main-design="paper"] .gp-hero,
 #mainContent[data-main-design="mint"] .gp-hero{
  display:block;
  min-height:0;
  padding:24px;
 }
 #mainContent[data-main-design="paper"] .gp-hero h1,
 #mainContent[data-main-design="mint"] .gp-hero h1{
  font-size:34px;
  line-height:1.08;
 }
 #mainContent[data-main-design="paper"] .gp-hero-art,
 #mainContent[data-main-design="mint"] .gp-hero-art{
  display:none;
 }
 #mainContent[data-main-design="paper"] .gp-stat-row,
 #mainContent[data-main-design="mint"] .gp-stat-row{
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"] .gp-workbench,
 #mainContent[data-main-design="mint"] .gp-workbench{
  min-height:0;
  padding:16px !important;
 }
 #mainContent[data-main-design="paper"] .gp-workbench::before,
 #mainContent[data-main-design="mint"] .gp-workbench::before{
  font-size:17px;
 }
 #mainContent[data-main-design="paper"] .gp-workbench::after,
 #mainContent[data-main-design="mint"] .gp-workbench::after{
  top:19px;
  right:18px;
 }
}

@media(max-width:560px){
 .gp-hero-actions{
  gap:10px;
 }
 .gp-hero-primary,
 .gp-hero-secondary{
  width:100%;
  min-height:44px;
 }
 .gp-design-open svg{display:none;}
 #mainContent[data-main-design="paper"] .gp-hero,
 #mainContent[data-main-design="mint"] .gp-hero{
  padding:22px;
 }
}

/* Paper showcase rebuild: photo-like option */
.gp-paper-nav,
.gp-paper-bottom-grid,
.gp-paper-school-strip{
 display:none;
}
.gp-main-stage{
 display:flex;
 flex-direction:column;
 gap:24px;
}
.gp-main-stage .gp-hero{order:1;}
.gp-main-stage .gp-stat-row{order:2;}
.gp-main-stage .gp-workbench{order:3;}
.gp-stat-row small{
 display:block;
 margin-top:5px;
 color:inherit;
 opacity:.72;
 font-size:12px;
 line-height:1.35;
}
#mainContent[data-main-design="paper"]{
 --paper-bg:#f5f2ec;
 --paper-card:#fffefa;
 --paper-ink:#080808;
 --paper-muted:#4e545c;
 --paper-line:#d8dce2;
 --paper-red:#ff413d;
 --paper-blue:#0758ff;
 --paper-green:#6ff09b;
 --paper-yellow:#ffd91c;
 margin-top:-4px;
 padding:16px;
 border-radius:28px;
 background:var(--paper-bg);
 color:var(--paper-ink);
 box-shadow:0 26px 90px rgba(0,0,0,.18);
}
#mainContent[data-main-design="paper"] .gp-top-actions{
 position:absolute;
 top:26px;
 right:26px;
 z-index:5;
 margin:0;
 padding:0;
 gap:10px;
}
#mainContent[data-main-design="paper"] .gp-main-stage{
 display:grid !important;
 grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr);
 gap:12px;
 align-items:stretch;
}
#mainContent[data-main-design="paper"] .gp-paper-nav{
 grid-column:1/-1;
 display:flex;
 align-items:center;
 min-height:58px;
 padding:0 18px;
 border-radius:20px;
 border:1px solid var(--paper-line);
 background:#fff;
 box-shadow:0 12px 30px rgba(12,14,18,.06);
}
#mainContent[data-main-design="paper"] .gp-paper-brand{
 display:flex;
 align-items:center;
 gap:10px;
 min-width:230px;
 color:#090909;
}
#mainContent[data-main-design="paper"] .gp-paper-mark{
 width:34px;
 height:34px;
 border-radius:12px;
 background:url("/assets/img/logo-paper-mark.png") center/contain no-repeat;
 position:relative;
 box-shadow:none;
}
#mainContent[data-main-design="paper"] .gp-paper-mark::after{
 display:none;
}
#mainContent[data-main-design="paper"] .gp-paper-brand strong{
 font-size:22px;
 font-weight:950;
 letter-spacing:-.01em;
}
#mainContent[data-main-design="paper"] .gp-paper-nav nav{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:28px;
 flex:1;
}
#mainContent[data-main-design="paper"] .gp-paper-nav button{
 border:0;
 background:transparent;
 color:#171717;
 font-size:14px;
 font-weight:750;
 cursor:pointer;
}
#mainContent[data-main-design="paper"] .gp-paper-nav-actions{
 display:flex;
 align-items:center;
 gap:10px;
 padding-right:318px;
}
#mainContent[data-main-design="paper"] .gp-paper-nav-actions button:first-child{
 color:#222;
}
#mainContent[data-main-design="paper"] .gp-paper-nav-actions button:last-child{
 min-height:42px;
 padding:0 22px;
 border-radius:999px;
 background:#090909;
 color:#fff;
}
#mainContent[data-main-design="paper"] .gp-design-open,
#mainContent[data-main-design="paper"] .ls-credit-btn,
#mainContent[data-main-design="paper"] .ls-upgrade-btn{
 min-height:42px !important;
 border-radius:11px !important;
 background:#fff !important;
 border-color:#d8dde5 !important;
 color:#111 !important;
 box-shadow:0 10px 24px rgba(16,16,20,.08) !important;
}
#mainContent[data-main-design="paper"] .ls-upgrade-btn{
 background:#0b0b0c !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-hero{
 grid-column:1;
 order:initial;
 min-height:472px;
 display:grid;
 grid-template-columns:minmax(0,1fr) 320px;
 gap:12px;
 align-items:center;
 margin:0;
 padding:34px;
 border-radius:20px;
 border:1px solid var(--paper-line);
 background:linear-gradient(180deg,#fff,#fffefa);
 box-shadow:0 18px 48px rgba(13,15,18,.08);
 overflow:hidden;
}
#mainContent[data-main-design="paper"] .gp-hero-copy{
 min-width:0;
}
#mainContent[data-main-design="paper"] .gp-eyebrow{
 margin-bottom:16px;
 color:#111;
 font-size:15px;
 font-weight:900;
}
#mainContent[data-main-design="paper"] .gp-hero h1{
 max-width:500px;
 color:#050505 !important;
 font-size:62px;
 line-height:.96;
 font-weight:1000;
 letter-spacing:0 !important;
}
#mainContent[data-main-design="paper"] .gp-hero h1 span{
 color:#050505 !important;
 background:none !important;
 -webkit-text-fill-color:currentColor !important;
 position:relative;
}
#mainContent[data-main-design="paper"] .gp-hero h1 span::after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:-8px;
 height:4px;
 border-radius:999px;
 background:var(--paper-red);
}
#mainContent[data-main-design="paper"] .gp-hero-sub{
 max-width:440px;
 margin-top:22px;
 color:#414750 !important;
 font-size:16px;
 line-height:1.65;
}
#mainContent[data-main-design="paper"] .gp-hero-actions{
 margin-top:26px;
 gap:12px;
}
#mainContent[data-main-design="paper"] .gp-hero-primary{
 min-width:190px;
 background:var(--paper-red) !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-hero-secondary{
 min-width:190px;
 background:#fff !important;
 border:1px solid #111 !important;
 color:#111 !important;
}
#mainContent[data-main-design="paper"] .gp-hero-art{
 display:flex;
 align-items:flex-end;
 justify-content:center;
 align-self:stretch;
}
#mainContent[data-main-design="paper"] .gp-hero-art img{
 width:min(320px,100%);
 max-width:none;
 filter:drop-shadow(0 24px 28px rgba(0,0,0,.16));
}
#mainContent[data-main-design="paper"] .gp-workbench{
 grid-column:2;
 order:initial;
 min-height:472px;
 margin:0 !important;
 padding:18px !important;
 border-radius:20px !important;
 border:1px solid #82dfb3 !important;
 background:linear-gradient(135deg,#f8fffb,#dfffee) !important;
 box-shadow:0 18px 48px rgba(20,140,82,.12) !important;
 position:relative;
 overflow:hidden;
}
#mainContent[data-main-design="paper"] .gp-workbench::before{
 content:"실시간 변환 메모";
 display:block;
 margin:0 0 18px;
 color:#111;
 font-size:19px;
 font-weight:950;
}
#mainContent[data-main-design="paper"] .gp-workbench::after{
 content:"LIVE";
 position:absolute;
 top:23px;
 right:22px;
 color:#10bd72;
 font-size:12px;
 font-weight:950;
}
#mainContent[data-main-design="paper"] .gp-workbench-tabs{
 min-height:68px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 padding:12px 16px 10px;
 border:1px solid #8fe0b7;
 border-bottom:0;
 border-radius:16px 16px 0 0;
 background:rgba(255,255,255,.62);
 overflow:hidden;
}
#mainContent[data-main-design="paper"] .ls-task-list{
 display:flex;
 max-width:100%;
 overflow-x:auto;
 flex-wrap:nowrap !important;
 scrollbar-width:none;
}
#mainContent[data-main-design="paper"] .ls-task-list::-webkit-scrollbar{display:none;}
#mainContent[data-main-design="paper"] .ls-task-item,
#mainContent[data-main-design="paper"] .lang-btn,
#mainContent[data-main-design="paper"] .ls-pro-btn,
#mainContent[data-main-design="paper"] #mobileTaskSelect{
 min-height:38px;
 background:#fff !important;
 border:1px solid #d9e4df !important;
 color:#20242b !important;
 border-radius:999px !important;
}
#mainContent[data-main-design="paper"] .ls-task-item{
 flex:0 0 auto;
 width:auto !important;
 padding:0 16px !important;
}
#mainContent[data-main-design="paper"] .ls-task-item.active,
#mainContent[data-main-design="paper"] .lang-btn.active{
 background:#12bf72 !important;
 border-color:#12bf72 !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-language{
 flex:0 0 auto;
}
#mainContent[data-main-design="paper"] .ls-input-area{
 border:1px solid #8fe0b7;
 border-top:0;
 border-radius:0 0 16px 16px;
 background:rgba(255,255,255,.72);
 padding:16px;
}
#mainContent[data-main-design="paper"] .ls-input-area textarea{
 min-height:176px;
 color:#121212 !important;
 background:#fff !important;
 border:1px solid #d8dde5 !important;
 border-radius:14px !important;
 padding:22px !important;
}
#mainContent[data-main-design="paper"] .ls-card-footer{
 margin-top:12px;
 gap:12px;
}
#mainContent[data-main-design="paper"] .gp-submit-row span{
 color:#58616e !important;
}
#mainContent[data-main-design="paper"] .ls-send-btn{
 min-width:220px !important;
 background:#0b0b0c !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-stat-row{
 grid-column:1/-1;
 order:initial;
 display:grid !important;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
 max-width:none;
 margin:0;
}
#mainContent[data-main-design="paper"] .gp-stat-row div{
 min-height:132px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 padding:24px;
 border:0;
 border-radius:20px;
 box-shadow:0 12px 32px rgba(17,22,30,.08);
}
#mainContent[data-main-design="paper"] .gp-stat-row div:nth-child(1){background:var(--paper-red);color:#fff;}
#mainContent[data-main-design="paper"] .gp-stat-row div:nth-child(2){background:var(--paper-green);color:#07130b;}
#mainContent[data-main-design="paper"] .gp-stat-row div:nth-child(3){background:var(--paper-blue);color:#fff;}
#mainContent[data-main-design="paper"] .gp-stat-row div:nth-child(4){background:var(--paper-yellow);color:#060606;}
#mainContent[data-main-design="paper"] .gp-stat-row strong{
 color:inherit !important;
 font-size:46px;
 line-height:.95;
 font-weight:1000;
}
#mainContent[data-main-design="paper"] .gp-stat-row span{
 margin-top:10px;
 color:inherit !important;
 font-size:18px;
 font-weight:900;
}
#mainContent[data-main-design="paper"] .gp-stat-row small{
 color:inherit;
 opacity:.8;
 font-size:13px;
}
#mainContent[data-main-design="paper"] .gp-paper-bottom-grid{
 grid-column:1/-1;
 display:grid;
 grid-template-columns:1.05fr .8fr 1fr .95fr;
 gap:12px;
}
#mainContent[data-main-design="paper"] .gp-paper-bottom-grid article{
 min-height:250px;
 border-radius:20px;
 border:1px solid var(--paper-line);
 background:#fff;
 color:#111;
 padding:22px;
 box-shadow:0 12px 32px rgba(17,22,30,.07);
}
#mainContent[data-main-design="paper"] .gp-paper-bottom-grid h3{
 margin:0 0 18px;
 color:inherit;
 font-size:20px;
 font-weight:950;
}
#mainContent[data-main-design="paper"] .gp-paper-feature-card{
 background:#070707 !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-paper-feature-card div{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
}
#mainContent[data-main-design="paper"] .gp-paper-feature-card span{
 min-height:48px;
 display:flex;
 align-items:center;
 padding:0 14px;
 border-radius:12px;
 background:rgba(255,255,255,.08);
 color:#fff;
 font-size:13px;
 font-weight:850;
}
#mainContent[data-main-design="paper"] .gp-paper-feature-card button,
#mainContent[data-main-design="paper"] .gp-paper-price-card button{
 margin-top:18px;
 min-height:42px;
 padding:0 18px;
 border-radius:999px;
 border:1px solid rgba(255,255,255,.26);
 background:transparent;
 color:inherit;
 font-weight:850;
 cursor:pointer;
}
#mainContent[data-main-design="paper"] .gp-paper-review-card strong{
 display:block;
 margin-bottom:10px;
 font-size:15px;
}
#mainContent[data-main-design="paper"] .gp-paper-review-card p{
 color:#4e545c;
 line-height:1.6;
}
#mainContent[data-main-design="paper"] .gp-paper-review-card span{
 color:#ffbf00;
 letter-spacing:2px;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card div{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card span{
 display:block;
 min-height:84px;
 padding:14px;
 border:1px solid #dfe4eb;
 border-radius:12px;
 font-weight:900;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card span.active{
 border-color:#0758ff;
 box-shadow:0 0 0 2px rgba(7,88,255,.16);
 color:#0758ff;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card em{
 display:block;
 margin-top:9px;
 color:#4e545c;
 font-size:12px;
 font-style:normal;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card button{
 background:#0758ff;
 color:#fff;
 border:0;
}
#mainContent[data-main-design="paper"] .gp-paper-faq-card{
 background:#080808 !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-paper-faq-card button{
 width:100%;
 min-height:38px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 border:0;
 border-top:1px solid #292929;
 background:transparent;
 color:#fff;
 font-size:13px;
 font-weight:750;
 cursor:pointer;
}
#mainContent[data-main-design="paper"] .gp-paper-faq-card a{
 margin-top:16px;
 min-height:48px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:14px;
 background:#d8ff19;
 color:#080808;
 font-weight:900;
 cursor:pointer;
}
#mainContent[data-main-design="paper"] .gp-paper-school-strip{
 grid-column:1/-1;
 min-height:64px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:30px;
 flex-wrap:wrap;
 padding:12px 18px;
 border-radius:18px;
 border:1px solid var(--paper-line);
 background:#fff;
 color:#111;
 box-shadow:0 10px 24px rgba(17,22,30,.06);
}
#mainContent[data-main-design="paper"] .gp-paper-school-strip strong{
 font-size:13px;
 margin-right:20px;
}
#mainContent[data-main-design="paper"] .gp-paper-school-strip span{
 color:#6c727c;
 font-size:14px;
 font-weight:850;
}
#mainContent[data-main-design="paper"] > .gp-section{
 margin-top:28px;
}

@media(max-width:1280px){
 #mainContent[data-main-design="paper"] .gp-paper-nav-actions{
  padding-right:0;
 }
 #mainContent[data-main-design="paper"] .gp-top-actions{
  position:static;
  justify-content:flex-end;
  margin-bottom:10px;
 }
 #mainContent[data-main-design="paper"] .gp-paper-nav{
  padding-right:18px;
 }
}
@media(max-width:1180px){
 #mainContent[data-main-design="paper"] .gp-main-stage{
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"] .gp-paper-nav,
 #mainContent[data-main-design="paper"] .gp-hero,
 #mainContent[data-main-design="paper"] .gp-workbench,
 #mainContent[data-main-design="paper"] .gp-stat-row,
 #mainContent[data-main-design="paper"] .gp-paper-bottom-grid,
 #mainContent[data-main-design="paper"] .gp-paper-school-strip{
  grid-column:1;
 }
 #mainContent[data-main-design="paper"] .gp-paper-bottom-grid,
 #mainContent[data-main-design="paper"] .gp-stat-row{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
@media(max-width:900px){
 #mainContent[data-main-design="paper"]{
  padding:10px;
  border-radius:22px;
 }
 #mainContent[data-main-design="paper"] .gp-paper-nav{
  display:none;
 }
 #mainContent[data-main-design="paper"] .gp-hero{
  display:block;
  min-height:0;
  padding:22px;
 }
 #mainContent[data-main-design="paper"] .gp-hero h1{
  font-size:36px;
  line-height:1.05;
 }
 #mainContent[data-main-design="paper"] .gp-hero-art{
  display:none;
 }
 #mainContent[data-main-design="paper"] .gp-stat-row,
 #mainContent[data-main-design="paper"] .gp-paper-bottom-grid{
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"] .gp-stat-row div{
  min-height:106px;
  border-radius:18px;
 }
 #mainContent[data-main-design="paper"] .gp-stat-row strong{
  font-size:36px;
 }
 #mainContent[data-main-design="paper"] .gp-workbench{
  min-height:0;
  padding:14px !important;
 }
 #mainContent[data-main-design="paper"] .gp-workbench-tabs{
  display:block;
  padding:12px;
 }
 #mainContent[data-main-design="paper"] .gp-language{
  margin-top:10px;
 }
 #mainContent[data-main-design="paper"] .ls-send-btn{
  min-width:0 !important;
  width:100% !important;
 }
 #mainContent[data-main-design="paper"] .gp-paper-school-strip{
  justify-content:flex-start;
  gap:12px;
 }
}

/* Paper option viewport-fit pass: keep this at the end so it wins. */
#mainContent[data-main-design="paper"] .gp-paper-nav{
 padding-right:424px;
}
#mainContent[data-main-design="paper"] .gp-paper-nav-actions{
 display:none;
}
#mainContent[data-main-design="paper"] .gp-main-stage{
 grid-template-columns:minmax(0,1.14fr) minmax(390px,.86fr);
 gap:12px;
}
#mainContent[data-main-design="paper"] .gp-hero{
 position:relative;
 display:block;
 min-height:446px;
 padding:30px 32px;
}
#mainContent[data-main-design="paper"] .gp-hero-copy{
 position:relative;
 z-index:2;
 max-width:450px;
}
#mainContent[data-main-design="paper"] .gp-eyebrow{
 margin-bottom:12px;
 font-size:14px;
}
#mainContent[data-main-design="paper"] .gp-hero h1{
 max-width:440px;
 font-size:50px;
 line-height:1.02;
}
#mainContent[data-main-design="paper"] .gp-hero-sub{
 max-width:330px;
 margin-top:18px;
 font-size:15px;
 line-height:1.6;
}
#mainContent[data-main-design="paper"] .gp-hero-actions{
 max-width:405px;
 margin-top:22px;
}
#mainContent[data-main-design="paper"] .gp-hero-primary,
#mainContent[data-main-design="paper"] .gp-hero-secondary{
 min-width:178px;
}
#mainContent[data-main-design="paper"] .gp-hero-art{
 position:absolute;
 right:18px;
 bottom:18px;
 width:238px;
 height:238px;
 align-items:flex-end;
 opacity:.98;
 z-index:1;
}
#mainContent[data-main-design="paper"] .gp-hero-art img{
 width:100%;
}
#mainContent[data-main-design="paper"] .gp-workbench{
 min-height:446px;
}
#mainContent[data-main-design="paper"] .gp-workbench-tabs{
 min-height:58px;
 gap:10px;
 padding:10px 14px 9px;
}
#mainContent[data-main-design="paper"] .ls-task-list{
 gap:8px;
}
#mainContent[data-main-design="paper"] .ls-task-item,
#mainContent[data-main-design="paper"] .lang-btn,
#mainContent[data-main-design="paper"] .ls-pro-btn,
#mainContent[data-main-design="paper"] #mobileTaskSelect{
 min-height:36px;
}
#mainContent[data-main-design="paper"] .ls-task-item{
 padding:0 13px !important;
}
#mainContent[data-main-design="paper"] .ls-input-area textarea{
 min-height:146px;
}
#mainContent[data-main-design="paper"] .ls-card-footer{
 align-items:flex-start;
}
#mainContent[data-main-design="paper"] .gp-submit-row{
 gap:8px;
}
#mainContent[data-main-design="paper"] .ls-send-btn{
 min-width:200px !important;
 min-height:46px !important;
}
#mainContent[data-main-design="paper"] .gp-stat-row div{
 min-height:116px;
 padding:20px 22px;
}
#mainContent[data-main-design="paper"] .gp-stat-row strong{
 font-size:42px;
}
#mainContent[data-main-design="paper"] .gp-stat-row span{
 margin-top:7px;
 font-size:16px;
}
#mainContent[data-main-design="paper"] .gp-stat-row small{
 font-size:12px;
}
#mainContent[data-main-design="paper"] .gp-paper-bottom-grid article{
 min-height:220px;
 padding:20px;
}

@media(max-width:1280px){
 #mainContent[data-main-design="paper"] .gp-paper-nav{
  padding-right:18px;
 }
 #mainContent[data-main-design="paper"] .gp-top-actions{
  position:static;
  justify-content:flex-end;
  margin-bottom:10px;
 }
}

@media(max-width:1180px){
 #mainContent[data-main-design="paper"] .gp-main-stage{
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"] .gp-hero,
 #mainContent[data-main-design="paper"] .gp-workbench{
  min-height:0;
 }
}

@media(max-width:900px){
 #mainContent[data-main-design="paper"] .gp-hero{
  padding:22px;
 }
 #mainContent[data-main-design="paper"] .gp-hero h1{
  font-size:34px;
 }
 #mainContent[data-main-design="paper"] .gp-hero-sub,
 #mainContent[data-main-design="paper"] .gp-hero-actions{
  max-width:none;
 }
 #mainContent[data-main-design="paper"] .gp-hero-primary,
 #mainContent[data-main-design="paper"] .gp-hero-secondary{
  min-width:0;
 }
}

/* Full-page paper design option */
.gp-paper-demo{
 display:none;
}
body[data-main-design="paper"]{
 background:#f5f2ec !important;
 color:#0b0b0c;
}
body[data-main-design="paper"]::before{
 display:none;
}
body[data-main-design="paper"] .gp-sidebar,
body[data-main-design="paper"] .mobile-nav,
body[data-main-design="paper"] .gp-footer,
body[data-main-design="paper"] #mobileLogo,
body[data-main-design="paper"] #mobileMyPageBtn{
 display:none !important;
}
body[data-main-design="paper"] .gp-main{
 width:100% !important;
 margin-left:0 !important;
 padding:10px 10px 28px !important;
 background:#f5f2ec;
}
body[data-main-design="paper"] .gp-main > #mainContent{
 max-width:1680px;
 margin:0 auto;
}
#mainContent[data-main-design="paper"]{
 min-height:calc(100svh - 20px);
 margin:0;
 padding:12px;
 border-radius:24px;
 background:#f5f2ec;
 box-shadow:none;
}
#mainContent[data-main-design="paper"] > .gp-section,
#mainContent[data-main-design="paper"] #result{
 display:none !important;
}
#mainContent[data-main-design="paper"] .gp-top-actions{
 position:absolute;
 top:24px;
 right:24px;
 z-index:6;
 display:flex;
 align-items:center;
 gap:10px;
 margin:0;
 padding:0;
}
#mainContent[data-main-design="paper"] .gp-main-stage{
 display:grid !important;
 grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);
 gap:12px;
 align-items:stretch;
}
#mainContent[data-main-design="paper"] .gp-paper-nav{
 grid-column:1/-1;
 display:flex;
 min-height:58px;
 padding:0 430px 0 18px;
 border-radius:20px;
 border:1px solid #d8dce2;
 background:#fff;
 box-shadow:0 12px 30px rgba(12,14,18,.06);
}
#mainContent[data-main-design="paper"] .gp-paper-nav-actions{
 display:none;
}
#mainContent[data-main-design="paper"] .gp-paper-brand{
 min-width:250px;
}
#mainContent[data-main-design="paper"] .gp-paper-nav nav{
 justify-content:center;
 gap:32px;
}
#mainContent[data-main-design="paper"] .gp-design-open,
#mainContent[data-main-design="paper"] .ls-credit-btn,
#mainContent[data-main-design="paper"] .ls-upgrade-btn{
 min-height:42px !important;
 border-radius:12px !important;
 color:#0d0d0e !important;
 background:#fff !important;
 border:1px solid #d8dde5 !important;
 box-shadow:0 10px 24px rgba(16,16,20,.08) !important;
}
#mainContent[data-main-design="paper"] .ls-upgrade-btn{
 color:#fff !important;
 background:#0b0b0c !important;
 border-color:#0b0b0c !important;
}
#mainContent[data-main-design="paper"] .gp-design-open svg{
 display:block;
}
#mainContent[data-main-design="paper"] .gp-hero{
 grid-column:1;
 position:relative;
 min-height:470px;
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(240px,.56fr);
 align-items:center;
 gap:14px;
 padding:34px 34px 30px;
 border-radius:20px;
 border:1px solid #d8dce2;
 background:#fff;
 box-shadow:0 18px 48px rgba(13,15,18,.08);
 overflow:hidden;
}
#mainContent[data-main-design="paper"] .gp-hero-copy{
 max-width:560px;
 z-index:2;
}
#mainContent[data-main-design="paper"] .gp-eyebrow{
 margin:0 0 18px;
 color:#121212;
 font-size:15px;
 font-weight:950;
}
#mainContent[data-main-design="paper"] .gp-hero h1{
 max-width:590px;
 color:#050505 !important;
 font-size:64px;
 line-height:.96;
 font-weight:1000;
 letter-spacing:0 !important;
}
#mainContent[data-main-design="paper"] .gp-hero h1 span{
 color:#050505 !important;
 background:none !important;
 -webkit-text-fill-color:currentColor !important;
 position:relative;
}
#mainContent[data-main-design="paper"] .gp-hero h1 span::after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:-8px;
 height:4px;
 border-radius:999px;
 background:#ff413d;
}
#mainContent[data-main-design="paper"] .gp-hero-sub{
 max-width:460px;
 margin:22px 0 0;
 color:#414750 !important;
 font-size:17px;
 line-height:1.65;
}
#mainContent[data-main-design="paper"] .gp-hero-actions{
 display:flex;
 flex-wrap:wrap;
 gap:12px;
 max-width:none;
 margin-top:26px;
}
#mainContent[data-main-design="paper"] .gp-hero-primary,
#mainContent[data-main-design="paper"] .gp-hero-secondary{
 min-width:210px;
 min-height:58px;
 border-radius:999px !important;
 font-size:16px;
}
#mainContent[data-main-design="paper"] .gp-hero-primary{
 background:#ff413d !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-hero-secondary{
 background:#fff !important;
 border:1px solid #111 !important;
 color:#111 !important;
}
#mainContent[data-main-design="paper"] .gp-hero-art{
 position:relative;
 right:auto;
 bottom:auto;
 width:100%;
 height:auto;
 display:flex;
 justify-content:center;
 align-items:flex-end;
 opacity:1;
}
#mainContent[data-main-design="paper"] .gp-hero-art img{
 content:url("/assets/img/hero-ghost-paper.png");
 width:min(360px,100%);
 filter:drop-shadow(0 24px 28px rgba(0,0,0,.16));
}
#mainContent[data-main-design="paper"] .gp-paper-demo{
 grid-column:2;
 display:flex;
 flex-direction:column;
 min-height:470px;
 padding:24px;
 border-radius:20px;
 border:1px solid #72d9ab;
 background:linear-gradient(135deg,#f7fffb,#e1fff0);
 color:#111;
 box-shadow:0 18px 48px rgba(20,140,82,.12);
}
#mainContent[data-main-design="paper"] .gp-paper-demo-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:20px;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-head strong{
 font-size:19px;
 font-weight:950;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-head span{
 display:flex;
 align-items:center;
 gap:7px;
 color:#10bd72;
 font-size:13px;
 font-weight:950;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-head i{
 width:9px;
 height:9px;
 border-radius:999px;
 background:#10bd72;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-compare{
 position:relative;
 display:grid;
 grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);
 flex:1;
 border:1px solid #8fe0b7;
 border-radius:16px;
 background:rgba(255,255,255,.58);
 overflow:hidden;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-compare article{
 display:flex;
 flex-direction:column;
 gap:18px;
 padding:24px;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-compare .after{
 background:rgba(210,255,233,.62);
}
#mainContent[data-main-design="paper"] .gp-paper-demo-compare span{
 align-self:flex-start;
 padding:5px 12px;
 border-radius:999px;
 background:#54565c;
 color:#fff;
 font-size:13px;
 font-weight:900;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-compare .after span{
 background:#15bd75;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-compare p{
 margin:0;
 padding:18px;
 border-radius:12px;
 border:1px solid #d8dde5;
 background:#fff;
 color:#191b20;
 font-size:16px;
 line-height:1.7;
 word-break:keep-all;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-compare mark{
 background:transparent;
 color:#ff413d;
 font-weight:850;
}
#mainContent[data-main-design="paper"] .gp-paper-demo-compare > b{
 align-self:center;
 justify-self:center;
 width:46px;
 height:46px;
 display:grid;
 place-items:center;
 border-radius:999px;
 background:#0b0b0c;
 color:#fff;
 font-size:24px;
 font-weight:900;
 z-index:2;
}
#mainContent[data-main-design="paper"] .gp-paper-score{
 margin-top:14px;
 padding:18px 22px;
 border-radius:16px;
 background:#fff;
 box-shadow:0 12px 30px rgba(20,140,82,.08);
}
#mainContent[data-main-design="paper"] .gp-paper-score > div:first-child{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:18px;
 font-weight:950;
}
#mainContent[data-main-design="paper"] .gp-paper-score strong{
 font-size:42px;
 line-height:1;
}
#mainContent[data-main-design="paper"] .gp-paper-score .bad{color:#ff413d;}
#mainContent[data-main-design="paper"] .gp-paper-score .good{color:#12bd72;}
#mainContent[data-main-design="paper"] .gp-paper-scorebar{
 position:relative;
 height:12px;
 margin-top:18px;
 border-radius:999px;
 background:linear-gradient(90deg,#ff413d 0 56%,#12bd72 56% 100%);
}
#mainContent[data-main-design="paper"] .gp-paper-scorebar i{
 position:absolute;
 left:55%;
 top:50%;
 width:24px;
 height:24px;
 border-radius:999px;
 background:#fff;
 border:1px solid #d8dde5;
 transform:translate(-50%,-50%);
 box-shadow:0 4px 12px rgba(0,0,0,.12);
}
#mainContent[data-main-design="paper"] .gp-paper-score footer{
 display:flex;
 justify-content:space-between;
 margin-top:10px;
 color:#4e545c;
 font-size:12px;
 font-weight:750;
}
#mainContent[data-main-design="paper"] .gp-workbench{
 display:none !important;
}
#mainContent[data-main-design="paper"] .gp-stat-row{
 grid-column:1/-1;
 width:100%;
 min-width:0;
 display:grid !important;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
 margin:0;
 border:0;
 background:transparent;
 overflow:visible;
}
#mainContent[data-main-design="paper"] .gp-stat-row div{
 min-height:148px;
 padding:24px;
 border:0;
 border-radius:20px;
 box-shadow:0 12px 32px rgba(17,22,30,.08);
}
#mainContent[data-main-design="paper"] .gp-stat-row strong{
 color:inherit !important;
 font-size:54px;
 line-height:.95;
 font-weight:1000;
}
#mainContent[data-main-design="paper"] .gp-stat-row span{
 margin-top:10px;
 color:inherit !important;
 font-size:18px;
 font-weight:950;
}
#mainContent[data-main-design="paper"] .gp-stat-row small{
 color:inherit;
 opacity:.82;
 font-size:13px;
 line-height:1.45;
}
#mainContent[data-main-design="paper"] .gp-paper-bottom-grid{
 grid-column:1/-1;
 display:grid;
 grid-template-columns:1.12fr .86fr 1.08fr 1fr;
 gap:12px;
}
#mainContent[data-main-design="paper"] .gp-paper-bottom-grid article{
 min-height:260px;
 padding:24px;
 border-radius:20px;
 border:1px solid #d8dce2;
 box-shadow:0 12px 32px rgba(17,22,30,.07);
}
#mainContent[data-main-design="paper"] .gp-paper-feature-card{
 background:#080808 !important;
 color:#fff !important;
}
#mainContent[data-main-design="paper"] .gp-paper-feature-card div{
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:12px;
}
#mainContent[data-main-design="paper"] .gp-paper-feature-card span{
 min-height:70px;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:center;
 gap:5px;
}
#mainContent[data-main-design="paper"] .gp-paper-feature-card b{
 font-size:14px;
}
#mainContent[data-main-design="paper"] .gp-paper-feature-card em{
 color:#b7bbc4;
 font-size:12px;
 font-style:normal;
 line-height:1.35;
}
#mainContent[data-main-design="paper"] .gp-paper-review-card i{
 width:56px;
 height:56px;
 display:block;
 margin-bottom:16px;
 border-radius:50%;
 background:
  radial-gradient(circle at 50% 42%,#20252b 0 28%,transparent 29%),
  radial-gradient(circle at 38% 36%,#f0c9a6 0 16%,transparent 17%),
  linear-gradient(135deg,#dbe5f2,#fff);
}
#mainContent[data-main-design="paper"] .gp-paper-review-card footer{
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-top:18px;
}
#mainContent[data-main-design="paper"] .gp-paper-review-card footer button{
 width:42px;
 height:42px;
 border-radius:999px;
 border:1px solid #d8dde5;
 background:#fff;
 color:#111;
 font-size:20px;
 cursor:pointer;
}
#mainContent[data-main-design="paper"] .gp-paper-review-card footer em{
 width:6px;
 height:6px;
 border-radius:999px;
 background:#a7adb7;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card{
 position:relative;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card small{
 position:absolute;
 top:24px;
 right:24px;
 padding:7px 12px;
 border-radius:999px;
 background:#ffe56a;
 color:#5e4a00;
 font-size:12px;
 font-weight:900;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card div{
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card span{
 min-height:118px;
 display:flex;
 flex-direction:column;
 padding:16px;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card span button{
 width:100%;
 min-height:36px;
 margin-top:auto;
 border-radius:8px;
 border:1px solid #d8dde5;
 background:#fff;
 color:#111;
 font-weight:850;
 cursor:pointer;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card span.active button{
 background:#0758ff;
 color:#fff;
 border-color:#0758ff;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card > button{
 display:none;
}
#mainContent[data-main-design="paper"] .gp-paper-price-card p{
 margin:14px 0 0;
 color:#616976;
 font-size:13px;
 text-align:center;
}
#mainContent[data-main-design="paper"] .gp-paper-faq-card button{
 min-height:42px;
}
#mainContent[data-main-design="paper"] .gp-paper-school-strip{
 grid-column:1/-1;
 display:flex;
 min-height:64px;
 align-items:center;
 justify-content:center;
 gap:30px;
 flex-wrap:wrap;
}

@media(max-width:1280px){
 #mainContent[data-main-design="paper"] .gp-top-actions{
  position:static;
  grid-column:1/-1;
  justify-content:flex-end;
  margin-bottom:10px;
 }
 #mainContent[data-main-design="paper"] .gp-paper-nav{
  padding-right:18px;
 }
 #mainContent[data-main-design="paper"] .gp-main-stage{
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"] .gp-hero,
 #mainContent[data-main-design="paper"] .gp-paper-demo,
 #mainContent[data-main-design="paper"] .gp-stat-row,
 #mainContent[data-main-design="paper"] .gp-paper-bottom-grid,
 #mainContent[data-main-design="paper"] .gp-paper-school-strip{
  grid-column:1;
 }
}

@media(max-width:980px){
 body[data-main-design="paper"] .gp-main{
  padding:0 !important;
 }
 #mainContent[data-main-design="paper"]{
  min-height:100svh;
  padding:12px 12px 76px;
  border-radius:0;
 }
 #mainContent[data-main-design="paper"] .gp-top-actions{
  justify-content:flex-end;
  gap:8px;
 }
 #mainContent[data-main-design="paper"] .gp-paper-nav{
  display:none;
 }
 #mainContent[data-main-design="paper"] .gp-hero{
  display:block;
  min-height:0;
  padding:22px;
 }
 #mainContent[data-main-design="paper"] .gp-hero h1{
  max-width:none;
  font-size:38px;
  line-height:1.06;
 }
 #mainContent[data-main-design="paper"] .gp-hero-sub{
  max-width:none;
  font-size:15px;
 }
 #mainContent[data-main-design="paper"] .gp-hero-art{
  display:none;
 }
 #mainContent[data-main-design="paper"] .gp-hero-actions{
  display:grid;
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"] .gp-hero-primary,
 #mainContent[data-main-design="paper"] .gp-hero-secondary{
  width:100%;
  min-width:0;
 }
 #mainContent[data-main-design="paper"] .gp-paper-demo{
  min-height:0;
  padding:14px;
 }
 #mainContent[data-main-design="paper"] .gp-paper-demo-compare{
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"] .gp-paper-demo-compare > b{
  transform:rotate(90deg);
  margin:-4px auto;
 }
 #mainContent[data-main-design="paper"] .gp-paper-score > div:first-child{
  flex-wrap:wrap;
  gap:9px;
 }
 #mainContent[data-main-design="paper"] .gp-paper-score strong{
  font-size:34px;
 }
 #mainContent[data-main-design="paper"] .gp-stat-row,
 #mainContent[data-main-design="paper"] .gp-paper-bottom-grid,
 #mainContent[data-main-design="paper"] .gp-paper-price-card div,
 #mainContent[data-main-design="paper"] .gp-paper-feature-card div{
  grid-template-columns:1fr;
 }
 #mainContent[data-main-design="paper"] .gp-stat-row div{
  min-height:118px;
 }
 #mainContent[data-main-design="paper"] .gp-stat-row strong{
  font-size:40px;
 }
}

#mainContent[data-main-design="paper"] .gp-top-actions .ls-credit-btn,
#mainContent[data-main-design="paper"] .gp-top-actions .ls-upgrade-btn{
 display:none !important;
}
#mainContent[data-main-design="paper"] .gp-top-actions{
 right:26px;
}
#mainContent[data-main-design="paper"] .gp-paper-nav{
 padding-right:168px;
}
#mainContent[data-main-design="paper"] .gp-paper-nav-actions{
 display:flex;
 align-items:center;
 gap:10px;
 margin-left:auto;
 padding-right:0;
}
#mainContent[data-main-design="paper"] .gp-paper-nav-actions button:first-child{
 color:#171717;
}
#mainContent[data-main-design="paper"] .gp-paper-nav-actions button:last-child{
 min-height:42px;
 padding:0 20px;
 border-radius:999px;
 background:#0b0b0c;
 color:#fff;
}

@media(max-width:1280px){
 #mainContent[data-main-design="paper"] .gp-paper-nav{
  padding-right:18px;
 }
 #mainContent[data-main-design="paper"] .gp-paper-nav-actions{
  display:none;
 }
}

/* Full-page sketch landing option (third design) */
.gp-sketch-page{
 display:none;
}
.preview-mint{
 background:#fff !important;
}
.preview-mint::before{
 left:10px;
 top:13px;
 width:46%;
 height:9px;
 border:0;
 background:#121212;
 box-shadow:0 15px 0 #6d36f2,0 31px 0 #ffd21a;
}
.preview-mint::after{
 left:auto;
 right:9px;
 top:10px;
 width:36%;
 height:38px;
 border-radius:3px;
 background:#ffd21a;
 box-shadow:-22px 16px 0 #6d36f2;
 transform:skew(-8deg);
}
body[data-main-design="mint"]{
 background:#fff !important;
 color:#101010;
}
body[data-main-design="mint"]::before{
 display:none;
}
body[data-main-design="mint"] .gp-sidebar,
body[data-main-design="mint"] .mobile-nav,
body[data-main-design="mint"] .gp-footer,
body[data-main-design="mint"] #mobileLogo,
body[data-main-design="mint"] #mobileMyPageBtn{
 display:none !important;
}
body[data-main-design="mint"] .gp-main{
 width:100% !important;
 margin-left:0 !important;
 padding:0 !important;
 background:#fff;
}
body[data-main-design="mint"] .gp-main > #mainContent{
 max-width:none;
 margin:0;
}
#mainContent[data-main-design="mint"]{
 min-height:100svh;
 padding:0 36px 32px;
 background:#fff !important;
 color:#101010;
 border:0;
 box-shadow:none;
 overflow:hidden;
}
#mainContent[data-main-design="mint"] .gp-main-stage,
#mainContent[data-main-design="mint"] > .gp-section,
#mainContent[data-main-design="mint"] #result,
#mainContent[data-main-design="mint"] .gp-top-actions{
 display:none !important;
}
#mainContent[data-main-design="mint"] .gp-sketch-page{
 display:block;
 max-width:1420px;
 margin:0 auto;
}
#mainContent[data-main-design="mint"] .gp-design-picker{
 position:fixed;
 top:76px;
 right:32px;
 background:rgba(255,255,255,.96);
 border-color:#e2e2e7;
 color:#111;
 box-shadow:0 22px 64px rgba(0,0,0,.14);
}
#mainContent[data-main-design="mint"] .gp-design-picker-head strong,
#mainContent[data-main-design="mint"] .gp-design-option strong{
 color:#111;
}
#mainContent[data-main-design="mint"] .gp-design-picker-head span,
#mainContent[data-main-design="mint"] .gp-design-option em{
 color:#6c6c73;
}
#mainContent[data-main-design="mint"] .gp-design-option{
 background:#fff;
 border-color:#e5e5ea;
 color:#111;
}
#mainContent[data-main-design="mint"] .gp-design-option.active{
 background:#f4efff;
 border-color:#6d36f2;
}
.gp-sketch-nav{
 height:78px;
 display:grid;
 grid-template-columns:330px minmax(0,1fr) 350px;
 align-items:center;
 gap:18px;
}
.gp-sketch-brand{
 display:flex;
 align-items:center;
 gap:13px;
 min-height:60px;
 padding:0 4px 0 0;
 border:0;
 background:transparent;
 color:#111;
 font-size:30px;
 font-weight:1000;
 line-height:1;
 letter-spacing:-.01em;
 cursor:pointer;
}
.gp-sketch-brand strong{
 display:block;
 padding-top:1px;
 color:#080808;
 text-shadow:0 1px 0 #fff;
 white-space:nowrap;
}
.gp-sketch-runner{
 width:58px;
 height:58px;
 flex:0 0 58px;
 background-image:url("/assets/img/logo-runner-stick.svg");
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 filter:drop-shadow(0 2px 0 rgba(0,0,0,.08));
}
.gp-sketch-nav nav{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:42px;
 min-width:0;
}
.gp-sketch-nav nav button,
.gp-sketch-nav-actions button{
 border:0;
 background:transparent;
 color:#111;
 font-size:14px;
 font-weight:850;
 cursor:pointer;
 white-space:nowrap;
}
.gp-sketch-nav-actions{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:16px;
}
.gp-sketch-nav-actions .join{
 min-height:38px;
 padding:0 22px;
 border-radius:999px;
 background:#080808;
 color:#fff;
 box-shadow:0 6px 16px rgba(0,0,0,.16);
}
.gp-sketch-design-btn{
 min-height:38px !important;
 padding:0 14px !important;
 border-radius:999px !important;
 border:1px solid #dedee5 !important;
 background:#fff !important;
 color:#111 !important;
}
.gp-sketch-hero{
 position:relative;
 min-height:374px;
 display:grid;
 grid-template-columns:minmax(420px,.44fr) minmax(0,.56fr);
 align-items:center;
 gap:24px;
 padding:24px 0 0;
}
.gp-sketch-copy{
 position:relative;
 z-index:2;
 padding-left:160px;
}
.gp-sketch-copy h1{
 margin:0;
 color:#080808;
 font-size:64px;
 line-height:.98;
 font-weight:1000;
 letter-spacing:0;
 word-break:keep-all;
}
.gp-sketch-copy h1 span{
 position:relative;
 display:inline-block;
 color:#6d36f2;
 text-shadow:0 4px 0 rgba(109,54,242,.12);
}
.gp-sketch-copy h1 span::after{
 content:"";
 position:absolute;
 left:-6px;
 right:-32px;
 bottom:-10px;
 height:8px;
 background:#ffd21a;
 clip-path:polygon(0 42%,88% 26%,100% 72%,0 78%);
 z-index:-1;
}
.gp-sketch-copy p{
 max-width:390px;
 margin:34px 0 0;
 color:#191919;
 font-size:18px;
 line-height:1.65;
 font-weight:650;
}
.gp-sketch-cta-row{
 display:flex;
 align-items:center;
 gap:18px;
 margin-top:22px;
}
.gp-sketch-cta-row button,
.gp-sketch-final button{
 min-height:54px;
 padding:0 24px;
 border:0;
 border-radius:12px;
 background:#6d36f2;
 color:#fff;
 font-size:16px;
 font-weight:950;
 cursor:pointer;
 box-shadow:0 10px 0 rgba(109,54,242,.18);
 transition:transform .18s ease,box-shadow .18s ease;
}
.gp-sketch-cta-row button:hover,
.gp-sketch-final button:hover{
 transform:translateY(-2px);
 box-shadow:0 12px 0 rgba(109,54,242,.16);
}
.gp-sketch-cta-row span{
 color:#6d36f2;
 font-size:14px;
 font-weight:900;
 transform:rotate(-8deg);
}
.gp-sketch-proof{
 display:flex;
 align-items:center;
 gap:8px;
 margin-top:26px;
 color:#161616;
 font-size:13px;
}
.gp-sketch-proof .avatar{
 width:28px;
 height:28px;
 margin-right:-11px;
 border:2px solid #fff;
 border-radius:999px;
 background:#f6d0b5;
 box-shadow:0 3px 10px rgba(0,0,0,.12);
}
.gp-sketch-proof .a2{background:#c9e6ff;}
.gp-sketch-proof .a3{background:#ffe28c;}
.gp-sketch-proof .a4{background:#d7cafc;margin-right:6px;}
.gp-sketch-visual{
 position:relative;
 min-height:360px;
 display:flex;
 align-items:flex-end;
 justify-content:flex-end;
}
.gp-sketch-visual::after{
 content:"";
 position:absolute;
 right:0;
 bottom:6px;
 width:min(720px,98%);
 height:64px;
 background:#6d36f2;
 clip-path:polygon(4% 42%,100% 3%,96% 30%,0 98%);
 opacity:.88;
 z-index:0;
}
.gp-sketch-visual img{
 position:relative;
 z-index:1;
 width:min(760px,100%);
 max-height:430px;
 object-fit:contain;
 object-position:right bottom;
 filter:drop-shadow(0 18px 18px rgba(0,0,0,.08));
}
.gp-sketch-convert{
 max-width:1120px;
 margin:-8px auto 0;
 padding:18px 28px;
 border:1px solid #e2e2e7;
 border-radius:20px;
 background:#fff;
 box-shadow:0 16px 38px rgba(0,0,0,.09);
}
.gp-sketch-convert h2,
.gp-sketch-lower h3{
 margin:0;
 color:#111;
 text-align:center;
 font-size:28px;
 line-height:1.2;
 font-weight:1000;
}
.gp-sketch-convert h2 span{
 color:#6d36f2;
}
.gp-sketch-convert-box{
 display:grid;
 grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);
 align-items:center;
 gap:22px;
 margin-top:14px;
}
.gp-sketch-convert-box article{
 min-height:132px;
 padding:18px 22px;
 border:1px solid #e3e3e8;
 border-radius:14px;
 background:#fff;
}
.gp-sketch-convert-box article.after{
 position:relative;
 padding-right:150px;
 border-color:#ded1ff;
 background:#fbf8ff;
}
.gp-sketch-convert-box strong{
 display:inline-flex;
 margin-bottom:12px;
 padding:5px 10px;
 border-radius:999px;
 background:#f1f1f3;
 color:#111;
 font-size:13px;
 font-weight:950;
}
.gp-sketch-convert-box .after strong{
 background:#f0e9ff;
 color:#6d36f2;
}
.gp-sketch-convert-box p{
 margin:0;
 color:#161616;
 font-size:15px;
 line-height:1.65;
 font-weight:620;
 word-break:keep-all;
}
.gp-sketch-convert-box > b{
 width:48px;
 height:48px;
 display:grid;
 place-items:center;
 border-radius:999px;
 background:#6d36f2;
 color:#fff;
 font-size:28px;
 line-height:1;
}
.gp-sketch-convert-box em{
 position:absolute;
 right:22px;
 bottom:18px;
 width:112px;
 color:#6d36f2;
 font-size:16px;
 font-weight:950;
 font-style:normal;
 text-align:center;
 transform:rotate(-8deg);
}
.gp-sketch-features{
 max-width:1060px;
 margin:22px auto 18px;
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:34px;
}
.gp-sketch-features article{
 display:grid;
 grid-template-columns:52px minmax(0,1fr);
 grid-template-rows:auto auto;
 column-gap:12px;
 align-items:center;
}
.gp-sketch-features i{
 grid-row:1/3;
 width:48px;
 height:48px;
 position:relative;
 color:#6d36f2;
}
.gp-sketch-features strong{
 color:#111;
 font-size:16px;
 font-weight:1000;
}
.gp-sketch-features span{
 color:#333;
 font-size:13px;
 line-height:1.45;
}
.gp-sketch-features .pen::before{
 content:"";
 position:absolute;
 inset:8px 12px;
 border:4px solid currentColor;
 border-radius:999px 999px 999px 3px;
 transform:rotate(38deg);
}
.gp-sketch-features .smile{
 color:#f2c400;
 border:4px solid currentColor;
 border-radius:999px;
}
.gp-sketch-features .smile::before,
.gp-sketch-features .smile::after{
 content:"";
 position:absolute;
 top:15px;
 width:5px;
 height:5px;
 border-radius:50%;
 background:currentColor;
}
.gp-sketch-features .smile::before{left:13px;}
.gp-sketch-features .smile::after{right:13px;}
.gp-sketch-features .bolt::before{
 content:"";
 position:absolute;
 inset:4px 13px;
 background:currentColor;
 clip-path:polygon(54% 0,4% 54%,38% 54%,22% 100%,96% 38%,58% 39%);
}
.gp-sketch-features .lock{
 color:#f2c400;
}
.gp-sketch-features .lock::before{
 content:"";
 position:absolute;
 left:12px;
 top:22px;
 width:24px;
 height:20px;
 border:4px solid currentColor;
 border-radius:4px;
}
.gp-sketch-features .lock::after{
 content:"";
 position:absolute;
 left:15px;
 top:6px;
 width:18px;
 height:20px;
 border:4px solid currentColor;
 border-bottom:0;
 border-radius:16px 16px 0 0;
}
.gp-sketch-lower{
 display:grid;
 grid-template-columns:.92fr .92fr 1.35fr;
 gap:32px;
 align-items:start;
 max-width:1040px;
 margin:0 auto;
}
.gp-sketch-lower h3{
 display:inline-block;
 position:relative;
 left:50%;
 transform:translateX(-50%);
 margin-bottom:18px;
 font-size:24px;
}
.gp-sketch-lower h3::after{
 content:"";
 position:absolute;
 left:-8px;
 right:-8px;
 bottom:-7px;
 height:5px;
 background:#ffd21a;
 clip-path:polygon(0 40%,100% 0,94% 78%,4% 100%);
 z-index:-1;
}
.gp-sketch-situations,
.gp-sketch-review,
.gp-sketch-pricing{
 min-width:0;
}
.gp-sketch-situations p{
 min-height:34px;
 display:flex;
 align-items:center;
 gap:10px;
 margin:9px 0;
 padding:7px 14px;
 border:1px solid #87ddd0;
 border-radius:999px;
 background:#effffc;
 color:#171717;
 font-size:13px;
 font-weight:780;
}
.gp-sketch-situations p:nth-child(2),
.gp-sketch-situations p:nth-child(4){
 border-color:#ffd84d;
 background:#fff8d8;
}
.gp-sketch-situations p span{
 width:26px;
 height:26px;
 flex:0 0 26px;
 border-radius:50%;
 background:linear-gradient(135deg,#222,#666);
}
.gp-sketch-review blockquote{
 min-height:132px;
 margin:0;
 padding:28px 34px;
 border:1px solid #e3e3e8;
 border-radius:14px;
 background:#fff;
 box-shadow:0 10px 30px rgba(0,0,0,.04);
 color:#161616;
 font-size:15px;
 line-height:1.75;
 font-weight:720;
}
.gp-sketch-review strong{
 display:block;
 margin-top:12px;
 color:#ffd21a;
 letter-spacing:2px;
 text-align:center;
}
.gp-sketch-review span{
 display:block;
 margin-top:5px;
 color:#555;
 font-size:12px;
 text-align:center;
}
.gp-sketch-review div{
 display:flex;
 justify-content:center;
 gap:8px;
 margin-top:16px;
}
.gp-sketch-review div i{
 width:8px;
 height:8px;
 border-radius:50%;
 background:#d8d8dd;
}
.gp-sketch-review div i:first-child{
 background:#6d36f2;
}
.gp-sketch-pricing > div{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;
}
.gp-sketch-pricing article{
 position:relative;
 min-height:174px;
 padding:20px 16px 14px;
 border:1px solid #dfe0e5;
 border-radius:12px;
 background:#fff;
 text-align:center;
}
.gp-sketch-pricing article.best{
 border:2px solid #6d36f2;
 box-shadow:0 12px 28px rgba(109,54,242,.12);
}
.gp-sketch-pricing article b{
 position:absolute;
 top:-14px;
 right:15px;
 padding:5px 12px;
 border-radius:999px;
 background:#6d36f2;
 color:#fff;
 font-size:12px;
}
.gp-sketch-pricing article span{
 color:#6d36f2;
 font-size:13px;
 font-weight:950;
}
.gp-sketch-pricing article strong{
 display:block;
 margin:8px 0 12px;
 color:#111;
 font-size:28px;
 font-weight:1000;
}
.gp-sketch-pricing article strong em{
 font-size:12px;
 font-style:normal;
 font-weight:800;
}
.gp-sketch-pricing article p{
 min-height:54px;
 margin:0;
 color:#252525;
 font-size:12px;
 line-height:1.55;
 font-weight:720;
}
.gp-sketch-pricing article button{
 width:100%;
 min-height:36px;
 margin-top:10px;
 border:1px solid #111;
 border-radius:7px;
 background:#fff;
 color:#111;
 font-weight:900;
 cursor:pointer;
}
.gp-sketch-pricing article.best button{
 border-color:#6d36f2;
 background:#6d36f2;
 color:#fff;
}
.gp-sketch-final{
 max-width:1280px;
 min-height:78px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:30px;
 margin:22px auto 0;
 padding:14px 28px;
 border-radius:22px 22px 0 0;
 background:#fff0be;
 overflow:hidden;
}
.gp-sketch-final span{
 width:140px;
 height:48px;
 position:relative;
}
.gp-sketch-final span::before{
 content:"";
 position:absolute;
 left:20px;
 top:7px;
 width:46px;
 height:34px;
 background:#6d36f2;
 clip-path:polygon(0 50%,70% 0,100% 24%,34% 78%);
 transform:rotate(-8deg);
}
.gp-sketch-final span::after{
 content:"";
 position:absolute;
 inset:22px auto auto 0;
 width:130px;
 height:4px;
 background:#111;
 transform:skewX(-22deg);
}
.gp-sketch-final strong{
 color:#111;
 font-size:28px;
 font-weight:1000;
}
.gp-sketch-final em{
 color:#6d36f2;
 font-style:normal;
}
.gp-sketch-final button{
 min-height:48px;
 border-radius:10px;
}

@media(max-width:1180px){
 #mainContent[data-main-design="mint"]{
  padding:0 18px 28px;
 }
 .gp-sketch-nav{
  grid-template-columns:310px 1fr;
 }
 .gp-sketch-nav nav{
  display:none;
 }
 .gp-sketch-hero{
  grid-template-columns:1fr;
  min-height:0;
  padding-top:28px;
 }
 .gp-sketch-copy{
  padding-left:0;
 }
 .gp-sketch-visual{
  min-height:260px;
 }
 .gp-sketch-visual img{
  width:min(760px,100%);
  max-height:360px;
 }
 .gp-sketch-convert{
  margin-top:18px;
 }
 .gp-sketch-features,
 .gp-sketch-lower{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .gp-sketch-pricing{
  grid-column:1/-1;
 }
}

@media(max-width:760px){
 #mainContent[data-main-design="mint"]{
  padding:0 12px 22px;
 }
 .gp-sketch-nav{
  height:auto;
  min-height:64px;
  grid-template-columns:1fr;
  gap:8px;
  padding-top:10px;
 }
 .gp-sketch-brand strong{
  font-size:25px;
 }
 .gp-sketch-runner{
  width:46px;
  height:46px;
  flex-basis:46px;
 }
 .gp-sketch-nav-actions{
  justify-content:space-between;
  gap:8px;
 }
 .gp-sketch-nav-actions > button:not(.gp-sketch-design-btn){
  display:none;
 }
 .gp-sketch-design-btn{
  margin-left:auto;
 }
 .gp-sketch-copy h1{
  font-size:42px;
 }
 .gp-sketch-copy p{
  margin-top:24px;
  font-size:15px;
 }
 .gp-sketch-cta-row{
  display:grid;
  grid-template-columns:1fr;
 }
 .gp-sketch-cta-row span{
  display:none;
 }
 .gp-sketch-visual{
  min-height:210px;
 }
 .gp-sketch-visual img{
  max-height:270px;
 }
 .gp-sketch-convert{
  padding:18px 14px;
 }
 .gp-sketch-convert h2{
  font-size:23px;
 }
 .gp-sketch-convert-box{
  grid-template-columns:1fr;
 }
 .gp-sketch-convert-box > b{
  transform:rotate(90deg);
  margin:0 auto;
 }
 .gp-sketch-convert-box article.after{
  padding-right:22px;
 }
 .gp-sketch-convert-box em{
  position:static;
  display:block;
  margin-top:12px;
  width:auto;
  transform:none;
 }
 .gp-sketch-features,
 .gp-sketch-lower,
 .gp-sketch-pricing > div{
  grid-template-columns:1fr;
 }
 .gp-sketch-final{
  flex-direction:column;
  gap:10px;
  text-align:center;
 }
 .gp-sketch-final strong{
  font-size:22px;
 }
}

/* Final priority overrides for the design picker after all page variants */
.gp-design-options{
 grid-template-columns:repeat(auto-fit,minmax(118px,1fr));
}
@media(max-width:760px){
 .gp-design-options{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
@media(max-width:420px){
 .gp-design-options{
  grid-template-columns:1fr;
 }
}

/* Final clean layout reset: override app-shell spacing with sidebar removed */
body[data-main-design="clean"] .gp-main{
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 padding:0 !important;
 overflow-x:clip;
}
body[data-main-design="clean"] .gp-main > #mainContent,
#mainContent[data-main-design="clean"]{
 width:100% !important;
 max-width:none !important;
 margin:0 !important;
}

/* Final hub layout reset: override app-shell spacing with sidebar removed */
body[data-main-design="hub"] .gp-main{
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 padding:0 !important;
 overflow-x:clip;
}
body[data-main-design="hub"] .gp-main > #mainContent,
#mainContent[data-main-design="hub"]{
 width:100% !important;
 max-width:none !important;
 margin:0 !important;
}

/* Final fifth design refinements: Stellaize-style content hub */
body[data-main-design="hub"],
#mainContent[data-main-design="hub"]{
 font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 background:#f6f8fc !important;
 color:#141c2d;
 overflow-x:hidden;
}
#mainContent[data-main-design="hub"] .gp-hub-page{
 grid-template-columns:292px minmax(0,1fr);
 background:#f6f8fc;
 overflow-x:hidden;
 word-break:keep-all;
 overflow-wrap:break-word;
}
#mainContent[data-main-design="hub"] .gp-hub-page,
#mainContent[data-main-design="hub"] .gp-hub-page *{
 box-sizing:border-box;
}
#mainContent[data-main-design="hub"] .gp-design-picker{
 z-index:50;
}
.gp-hub-sidebar{
 padding:24px 24px 22px;
 background:#f4f7fb;
 border-right:1px solid #cfd8e6;
 box-shadow:none;
 gap:24px;
}
.gp-hub-brand{
 min-height:44px;
 grid-template-columns:34px 1fr;
 column-gap:10px;
 padding-bottom:18px;
 border-bottom:1px solid #d8e0ec;
}
.gp-hub-brand span{
 width:32px;
 height:32px;
 border-radius:10px;
 background:linear-gradient(145deg,#65a3ff,#5d69ef);
 box-shadow:none;
}
.gp-hub-brand span::before{
 width:16px;
 height:14px;
 background:#fff;
}
.gp-hub-brand span::after{
 left:9px;
 right:9px;
 bottom:6px;
 height:2px;
 background:#dfeaff;
}
.gp-hub-brand strong{
 color:#1748aa;
 font-size:19px;
 line-height:1;
 letter-spacing:0;
}
.gp-hub-brand em{
 color:#7e8ba2;
 font-size:11px;
 font-weight:700;
}
.gp-hub-menu{
 gap:20px;
 padding-top:0;
 border-top:0;
}
.gp-hub-menu section{
 padding-bottom:20px;
 border-bottom:1px solid #dce4ef;
}
.gp-hub-menu h3{
 margin-bottom:14px;
 color:#2d8bff;
 font-size:12px;
 font-weight:900;
 letter-spacing:0;
}
.gp-hub-menu button{
 min-height:38px;
 padding:0 4px;
 border-radius:9px;
 color:#40506b;
 font-size:14px;
 font-weight:800;
}
.gp-hub-menu button.active,
.gp-hub-menu button:hover{
 background:#e8f1ff;
 color:#1f66dc;
 transform:none;
}
.gp-hub-menu i{
 color:#8290a9;
}
.gp-hub-cta{
 padding:16px;
 border:1px solid #dce6f4;
 border-radius:10px;
 background:linear-gradient(145deg,#edf5ff,#e6f7ff);
}
.gp-hub-cta button{
 border-radius:7px;
 background:#4c6fff;
 box-shadow:none;
}
.gp-hub-shell{
 background:#fff;
 min-width:0;
 overflow-x:hidden;
}
.gp-hub-topbar{
 height:60px;
 padding:0 34px;
 border-bottom:1px solid #cfd8e6;
 background:rgba(255,255,255,.92);
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
}
.gp-hub-topbar button{
 min-height:34px;
 border-radius:7px;
 font-size:14px;
}
.gp-hub-design{
 color:#2c77f6 !important;
 border-color:#d7e2f1 !important;
 background:#fff !important;
}
.gp-hub-join{
 color:#1f75ff !important;
 background:#e9f2ff !important;
 border-color:#d9e7fb !important;
}
.gp-hub-login{
 color:#243047 !important;
}
.gp-hub-content{
 width:min(100%,1268px);
 margin:0 auto;
 padding:56px 54px 36px;
}
.gp-hub-quick-entry{
 display:flex;
 justify-content:center;
 margin-bottom:40px;
}
.gp-hub-search-pill{
 width:min(720px,100%);
 min-height:56px;
 display:grid;
 grid-template-columns:42px 1fr 42px;
 align-items:center;
 gap:8px;
 padding:0 16px;
 border:2px solid #2597ff;
 border-radius:999px;
 background:#fff;
 box-shadow:0 16px 40px rgba(42,116,242,.08);
}
.gp-hub-search-pill span{
 width:30px;
 height:30px;
 display:grid;
 place-items:center;
 position:relative;
}
.gp-hub-search-pill span::before,
.gp-hub-search-pill span::after,
.gp-hub-search-pill i::before,
.gp-hub-search-pill i::after{
 content:"";
 position:absolute;
 border-radius:999px;
 background:#5a8cff;
}
.gp-hub-search-pill span::before{width:22px;height:7px;transform:rotate(24deg);}
.gp-hub-search-pill span::after{width:7px;height:22px;transform:rotate(24deg);}
.gp-hub-search-pill i::before{width:22px;height:7px;background:#9fd5ff;transform:rotate(-24deg);}
.gp-hub-search-pill i::after{width:7px;height:22px;background:#9fd5ff;transform:rotate(-24deg);}
.gp-hub-search-pill input{
 min-width:0;
 height:100%;
 border:0;
 outline:0;
 background:transparent;
 color:#162033;
 font:inherit;
 font-size:15px;
 font-weight:700;
}
.gp-hub-search-pill input::placeholder{
 color:#8b97aa;
 font-weight:700;
}
.gp-hub-search-pill button{
 width:34px;
 height:34px;
 border:0;
 border-radius:50%;
 background:transparent;
 color:#147eff;
 position:relative;
 cursor:pointer;
}
.gp-hub-search-pill button::before{
 content:"";
 position:absolute;
 left:9px;
 top:8px;
 width:12px;
 height:12px;
 border:2px solid currentColor;
 border-radius:50%;
}
.gp-hub-search-pill button::after{
 content:"";
 position:absolute;
 left:22px;
 top:21px;
 width:9px;
 height:2px;
 border-radius:999px;
 background:currentColor;
 transform:rotate(45deg);
}
.gp-hub-promo{
 min-height:150px;
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);
 align-items:center;
 gap:20px;
 margin-bottom:36px;
 padding:26px 32px;
 border-radius:14px;
 overflow:hidden;
 background:
  linear-gradient(90deg,rgba(255,255,255,.56),rgba(255,255,255,0) 44%),
  linear-gradient(105deg,#fff4ec 0%,#ffe7d1 58%,#ffd3aa 100%);
 position:relative;
}
.gp-hub-promo::before{
 content:"";
 position:absolute;
 right:31%;
 top:-48px;
 width:250px;
 height:250px;
 border-radius:50%;
 background:rgba(255,255,255,.34);
}
.gp-hub-promo > div:first-child{
 position:relative;
 z-index:1;
}
.gp-hub-promo p{
 margin:0 0 14px;
 color:#ff7500;
 font-size:14px;
 font-weight:900;
}
.gp-hub-promo h2{
 margin:0;
 color:#20283a;
 font-size:24px;
 line-height:1.34;
 letter-spacing:0;
 font-weight:900;
}
.gp-hub-promo span{
 display:block;
 margin-top:10px;
 color:#607089;
 font-size:13px;
 font-weight:700;
}
.gp-hub-promo-cards{
 min-height:118px;
 display:grid;
 grid-template-columns:1.05fr .9fr .9fr;
 align-items:center;
 gap:12px;
 position:relative;
 z-index:1;
}
.gp-hub-promo-cards article{
 min-height:104px;
 padding:16px;
 border:1px solid rgba(217,226,240,.9);
 border-radius:10px;
 background:rgba(255,255,255,.84);
 box-shadow:0 12px 28px rgba(85,72,54,.08);
}
.gp-hub-promo-cards article.large{
 min-height:118px;
 transform:translateY(7px);
}
.gp-hub-promo-cards b{
 display:inline-flex;
 margin-bottom:18px;
 padding:4px 8px;
 border-radius:5px;
 background:#eaf3ff;
 color:#2c77f6;
 font-size:10px;
 font-weight:900;
}
.gp-hub-promo-cards strong{
 display:block;
 color:#243047;
 font-size:15px;
 font-weight:900;
}
.gp-hub-promo-cards em{
 display:block;
 margin-top:7px;
 color:#6b7890;
 font-size:11px;
 font-style:normal;
 font-weight:700;
}
.gp-hub-top-grid{
 grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);
 gap:20px;
}
.gp-hub-work-card,
.gp-hub-ranking,
.gp-hub-wide-post,
.gp-hub-recommend{
 border-color:#d9e2ee;
 border-radius:14px;
 box-shadow:none;
}
.gp-hub-work-card{
 min-height:462px;
 padding:28px 26px 22px;
 position:relative;
 overflow:hidden;
 background:
  linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 66%,rgba(255,255,255,.62) 100%),
  url("/assets/img/content-desk-hero.png") right center / 54% auto no-repeat,
  #fff;
}
.gp-hub-work-card > *{
 position:relative;
 z-index:1;
}
.gp-hub-work-card header p{
 margin-bottom:24px;
}
.gp-hub-work-card header p strong{
 color:#1f75ff;
}
.gp-hub-work-card h1{
 max-width:590px;
 font-size:28px;
 line-height:1.34;
}
.gp-hub-work-card header > button{
 border-color:#d9e4f2;
 border-radius:8px;
 color:#1f75ff;
 box-shadow:0 8px 20px rgba(40,72,120,.04);
}
.gp-hub-task-row{
 gap:8px;
}
.gp-hub-task-row button{
 min-height:32px;
 padding:0 12px;
 border-radius:999px;
 font-size:12px;
}
.gp-hub-input-box{
 max-width:100%;
 min-height:154px;
 border-color:#d9e4f2;
 border-radius:12px;
 background:rgba(255,255,255,.94);
}
.gp-hub-input-box textarea{
 min-height:116px;
 padding:17px 18px;
 font-size:14px;
}
.gp-hub-work-card footer{
 gap:12px;
}
.gp-hub-work-card footer button,
.gp-hub-work-card footer label{
 min-height:34px;
 border-radius:7px;
}
.gp-hub-work-card footer .primary{
 background:#4d69f5;
 box-shadow:none;
}
.gp-hub-ranking{
 min-height:462px;
 padding:26px 20px 18px;
}
.gp-hub-ranking header{
 grid-template-columns:auto 1fr auto;
 margin-bottom:22px;
}
.gp-hub-ranking header h2{
 color:#1f75ff;
 font-size:18px;
}
.gp-hub-podium{
 gap:14px;
 margin-top:12px;
}
.gp-hub-podium article{
 min-height:176px;
 border-color:#dce5f1;
 border-radius:12px;
 box-shadow:none;
}
.gp-hub-podium article.first{
 min-height:208px;
}
.gp-hub-rank-list{
 gap:10px 18px;
 margin-top:2px;
}
.gp-hub-rank-list p{
 min-height:42px;
 grid-template-columns:26px minmax(0,1fr);
 align-items:start;
 padding:3px 46px 3px 0;
 position:relative;
}
.gp-hub-rank-list strong{
 grid-row:1/3;
 color:#8591a5;
 font-size:17px;
}
.gp-hub-rank-list span{
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#29374d;
 font-size:12px;
 line-height:1.2;
 font-weight:900;
}
.gp-hub-rank-list em{
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#6e7a90;
 font-size:10px;
 line-height:1.25;
 font-weight:700;
}
.gp-hub-rank-list b{
 position:absolute;
 top:50%;
 right:0;
 transform:translateY(-50%);
 width:38px;
 text-align:center;
 padding:4px 0 3px;
 border-radius:6px;
 font-size:10px;
}
.gp-hub-wide-post{
 min-height:292px;
 margin-top:20px;
 border-radius:14px;
}
.gp-hub-wide-post > div{
 width:min(660px,58%);
 padding:30px 28px 22px;
}
.gp-hub-wide-post h2{
 font-size:26px;
 line-height:1.32;
}
.gp-hub-recommend{
 margin-top:20px;
 padding:20px 20px 16px;
}
.gp-hub-recommend article{
 min-height:124px;
 border-radius:10px;
}
@media(max-width:1260px){
 #mainContent[data-main-design="hub"] .gp-hub-page{
  grid-template-columns:252px minmax(0,1fr);
 }
 .gp-hub-sidebar{
  padding:22px 18px;
 }
 .gp-hub-content{
  padding:36px 28px 30px;
 }
 .gp-hub-promo{
  grid-template-columns:1fr;
 }
 .gp-hub-top-grid{
  grid-template-columns:1fr;
 }
 .gp-hub-ranking{
  min-height:0;
 }
}
@media(max-width:900px){
 #mainContent[data-main-design="hub"] .gp-hub-page{
  grid-template-columns:1fr;
 }
 .gp-hub-sidebar{
  display:none;
 }
 .gp-hub-topbar{
  min-height:58px;
  grid-template-columns:auto 1fr auto auto;
  padding:10px 14px;
 }
 .gp-hub-menu-toggle{
  display:block;
 }
 .gp-hub-content{
  padding:24px 14px 28px;
 }
 .gp-hub-quick-entry{
  margin-bottom:18px;
 }
 .gp-hub-promo{
  min-height:0;
  margin-bottom:18px;
  padding:22px 18px;
 }
 .gp-hub-promo-cards{
  grid-template-columns:1fr;
 }
 .gp-hub-promo-cards article.large{
  min-height:104px;
  transform:none;
 }
 .gp-hub-work-card{
  background:#fff;
 }
}
@media(max-width:560px){
 #mainContent[data-main-design="hub"] .gp-hub-page,
 .gp-hub-shell,
 .gp-hub-topbar,
 .gp-hub-content{
  width:100vw !important;
  max-width:100vw !important;
 }
 .gp-hub-content{
  overflow:hidden;
 }
 .gp-hub-search-pill,
 .gp-hub-promo,
 .gp-hub-work-card,
 .gp-hub-ranking,
 .gp-hub-wide-post,
 .gp-hub-recommend{
  width:100%;
  max-width:100%;
 }
 .gp-hub-topbar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 58px 9px 12px;
  position:relative;
 }
 .gp-hub-topbar > div{
  flex:1 1 auto;
  min-width:0;
 }
 .gp-hub-topbar > div::before{
  content:"교수님 피하기";
  color:#1748aa;
  font-size:16px;
  font-weight:900;
  white-space:nowrap;
 }
 .gp-hub-menu-toggle{
  display:block;
  flex:0 0 34px;
  width:34px;
  height:34px;
 }
 .gp-hub-join,
 .gp-hub-login{
  display:none;
 }
 .gp-hub-design{
  flex:0 0 38px;
  position:absolute;
  top:9px;
  right:12px;
  min-height:34px;
  width:38px;
  min-width:38px;
  max-width:38px;
  padding:0 !important;
  overflow:hidden;
  font-size:0 !important;
  position:relative;
 }
 .gp-hub-design::before,
 .gp-hub-design::after{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  height:2px;
  border-radius:999px;
  background:#2c77f6;
 }
 .gp-hub-design::before{
  top:12px;
  box-shadow:0 5px 0 #2c77f6;
 }
 .gp-hub-design::after{
  top:22px;
 }
 .gp-hub-content{
  padding:18px 12px 24px;
 }
 .gp-hub-search-pill{
  min-height:52px;
  grid-template-columns:32px 1fr 34px;
  padding:0 12px;
 }
 .gp-hub-search-pill input{
  font-size:13px;
 }
 .gp-hub-promo h2{
  font-size:20px;
 }
 .gp-hub-promo span{
  font-size:12px;
 }
 .gp-hub-work-card{
  min-height:0;
  padding:22px 18px 18px;
 }
 .gp-hub-work-card header{
  grid-template-columns:1fr;
 }
 .gp-hub-work-card header p{
  gap:6px;
  margin-bottom:18px;
 }
 .gp-hub-work-card header p span{
  flex-basis:100%;
  min-width:0;
  white-space:normal;
  line-height:1.45;
 }
 .gp-hub-work-card header > button{
  justify-self:stretch;
 }
 .gp-hub-work-card h1{
  font-size:23px;
 }
 .gp-hub-task-row{
  flex-wrap:nowrap;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:none;
 }
 .gp-hub-task-row::-webkit-scrollbar{
  display:none;
 }
 .gp-hub-task-row button{
  flex:0 0 auto;
 }
 .gp-hub-ranking{
  padding:22px 16px 16px;
 }
 .gp-hub-rank-list{
  grid-template-columns:1fr;
 }
 .gp-hub-wide-post > div{
  width:100%;
 }
}

/* Sixth design: dark neon writing studio */
.gp-neon-page{
 display:none;
}
body[data-main-design="neon"]{
 background:#010303 !important;
 color:#f7fbff;
}
body[data-main-design="neon"]::before,
body[data-main-design="neon"] .gp-sidebar,
body[data-main-design="neon"] .mobile-nav,
body[data-main-design="neon"] .gp-footer,
body[data-main-design="neon"] #mobileLogo,
body[data-main-design="neon"] #mobileMyPageBtn{
 display:none !important;
}
body[data-main-design="paper"] .gp-main,
body[data-main-design="mint"] .gp-main,
body[data-main-design="clean"] .gp-main,
body[data-main-design="hub"] .gp-main,
body[data-main-design="neon"] .gp-main{
 transition:none !important;
}
body[data-main-design="neon"] .gp-main{
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 min-height:100dvh;
 padding:0 !important;
 overflow-x:clip;
 background:#010303;
}
.gp-main[data-main-design="neon"]{
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 min-height:100dvh;
 padding:0 !important;
 overflow-x:clip;
 background:#010303;
}
body[data-main-design="neon"] .gp-main > #mainContent,
#mainContent[data-main-design="neon"]{
 width:100% !important;
 max-width:none !important;
 min-height:100dvh;
 margin:0 !important;
 padding:0 !important;
 border:0;
 border-radius:0;
 background:#010303;
 color:#f7fbff;
 overflow:clip;
 font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 animation:none !important;
 transform:none !important;
}
#mainContent[data-main-design="neon"] .gp-main-stage,
#mainContent[data-main-design="neon"] > .gp-section,
#mainContent[data-main-design="neon"] #result,
#mainContent[data-main-design="neon"] .gp-top-actions,
#mainContent[data-main-design="neon"] .gp-sketch-page,
#mainContent[data-main-design="neon"] .gp-clean-page,
#mainContent[data-main-design="neon"] .gp-hub-page{
 display:none !important;
}
#mainContent[data-main-design="neon"] .gp-neon-page{
 display:grid;
 grid-template-columns:82px minmax(0,1fr);
 word-break:keep-all;
 overflow-wrap:break-word;
 width:100%;
 min-height:100dvh;
 margin:0;
 background:
  radial-gradient(circle at 52% 0%,rgba(0,238,255,.13),transparent 32%),
  radial-gradient(circle at 82% 22%,rgba(111,69,255,.16),transparent 30%),
  linear-gradient(180deg,#020505 0%,#010303 48%,#040506 100%);
}
#mainContent[data-main-design="neon"] .gp-neon-page,
#mainContent[data-main-design="neon"] .gp-neon-page *{
 box-sizing:border-box;
}
#mainContent[data-main-design="neon"] .gp-design-picker{
 position:fixed;
 z-index:80;
 top:72px;
 right:34px;
 width:min(900px,calc(100vw - 48px));
 border-color:rgba(0,231,255,.24);
 background:rgba(5,10,13,.96);
 box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 32px rgba(0,222,255,.16);
 color:#eafcff;
}
#mainContent[data-main-design="neon"] .gp-design-picker-head strong,
#mainContent[data-main-design="neon"] .gp-design-option strong{
 color:#efffff;
}
#mainContent[data-main-design="neon"] .gp-design-picker-head span,
#mainContent[data-main-design="neon"] .gp-design-option em{
 color:#8ba2a8;
}
#mainContent[data-main-design="neon"] .gp-design-picker-head button{
 background:#101719;
 color:#dffcff;
}
#mainContent[data-main-design="neon"] .gp-design-option{
 border-color:rgba(255,255,255,.1);
 background:#071012;
 color:#eafcff;
}
#mainContent[data-main-design="neon"] .gp-design-option.active{
 border-color:#00e7ff;
 background:rgba(0,231,255,.1);
}
.preview-neon{
 background:
  radial-gradient(circle at 72% 24%,#00dff0 0 13%,transparent 14%),
  linear-gradient(135deg,#020505 0 48%,#06272b 49% 70%,#6b39ff 71% 100%);
}
.gp-neon-rail{
 position:sticky;
 top:0;
 align-self:start;
 height:100dvh;
 padding:18px 12px;
 border-right:1px solid rgba(255,255,255,.09);
 background:linear-gradient(180deg,rgba(12,15,17,.92),rgba(5,6,7,.96));
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:26px;
}
.gp-neon-logo,
.gp-neon-help,
.gp-neon-rail nav button,
.gp-neon-top button,
.gp-neon-actions button,
.gp-neon-filter button,
.gp-neon-copy-block button,
.gp-neon-feature-pair button{
 font:inherit;
 cursor:pointer;
}
.gp-neon-logo{
 width:58px;
 border:0;
 background:transparent;
 color:#fff;
 display:grid;
 justify-items:center;
 gap:7px;
 padding:0;
 text-align:center;
}
.gp-neon-logo span,
.gp-neon-mobile-logo span,
.gp-neon-footer > div > span{
 width:30px;
 height:30px;
 display:block;
 border-radius:7px;
 background:#00f2dc;
 position:relative;
 box-shadow:0 0 24px rgba(0,242,220,.45);
}
.gp-neon-logo span::before,
.gp-neon-mobile-logo span::before,
.gp-neon-footer > div > span::before{
 content:"";
 position:absolute;
 inset:7px;
 border:2px solid #022526;
 border-top:0;
 border-left:0;
 transform:rotate(-45deg);
}
.gp-neon-logo strong{
 font-size:13px;
 line-height:1.08;
 font-weight:900;
 letter-spacing:0;
}
.gp-neon-rail nav{
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:18px;
 width:100%;
}
.gp-neon-rail nav button,
.gp-neon-help{
 width:56px;
 min-height:54px;
 border:0;
 border-radius:14px;
 background:transparent;
 color:#9ca8ac;
 display:grid;
 place-items:center;
 gap:5px;
 font-size:10px;
 font-weight:800;
 transition:background .18s ease,color .18s ease,transform .18s ease;
}
.gp-neon-rail nav button:hover,
.gp-neon-rail nav button.active,
.gp-neon-help:hover{
 color:#eaffff;
 background:rgba(0,231,255,.1);
 transform:translateY(-1px);
}
.gp-neon-rail i,
.gp-neon-help i{
 width:20px;
 height:20px;
 position:relative;
 color:currentColor;
}
.gp-neon-rail i::before,
.gp-neon-rail i::after,
.gp-neon-help i::before,
.gp-neon-help i::after{
 content:"";
 position:absolute;
 box-sizing:border-box;
}
.gp-neon-rail .home::before{inset:4px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:9px solid #28a5ff;}
.gp-neon-rail .home::after{left:6px;right:6px;bottom:3px;height:8px;background:#28a5ff;border-radius:2px;}
.gp-neon-rail .scan::before,
.gp-neon-rail .archive::before,
.gp-neon-rail .chat::before,
.gp-neon-rail .gear::before{inset:3px;border:2px solid currentColor;border-radius:4px;}
.gp-neon-rail .archive::after{left:5px;right:5px;top:7px;height:2px;background:currentColor;}
.gp-neon-rail .chat::before{border-radius:5px;}
.gp-neon-rail .chat::after{left:6px;bottom:2px;border-top:6px solid currentColor;border-right:5px solid transparent;}
.gp-neon-rail .clock::before{inset:2px;border:2px solid currentColor;border-radius:50%;}
.gp-neon-rail .clock::after{left:10px;top:5px;width:6px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;}
.gp-neon-rail .gear::before{border-radius:50%;}
.gp-neon-help{
 margin-top:auto;
}
.gp-neon-help i::before{inset:2px;border:2px solid currentColor;border-radius:50%;}
.gp-neon-help i::after{left:9px;top:7px;width:2px;height:8px;background:currentColor;box-shadow:0 10px 0 currentColor;}
.gp-neon-shell{
 min-width:0;
 overflow:hidden;
}
.gp-neon-top{
 position:relative;
 z-index:4;
 min-height:70px;
 display:grid;
 grid-template-columns:190px 1fr auto;
 align-items:center;
 gap:18px;
 padding:0 44px;
 color:#dfe9ed;
}
.gp-neon-mobile-logo{
 border:0;
 background:transparent;
 color:#fff;
 display:flex;
 align-items:center;
 gap:10px;
 font-size:14px;
 font-weight:900;
}
.gp-neon-top nav{
 display:flex;
 justify-content:center;
 gap:58px;
}
.gp-neon-top nav button,
.gp-neon-top > div button{
 border:0;
 background:transparent;
 color:#dce5e9;
 font-size:13px;
 font-weight:800;
}
.gp-neon-top > div{
 display:flex;
 align-items:center;
 gap:12px;
}
.gp-neon-top > div .primary{
 min-height:38px;
 padding:0 18px;
 border-radius:8px;
 background:#1f7cff;
 color:#fff;
 box-shadow:0 0 24px rgba(31,124,255,.32);
}
.gp-neon-top > div .primary::after{
 content:" →";
}
.gp-neon-top > div .design{
 min-height:38px;
 padding:0 14px;
 border:1px solid rgba(0,231,255,.34);
 border-radius:8px;
 color:#aefbff;
 background:rgba(0,231,255,.08);
}
.gp-neon-hero{
 min-height:640px;
 display:grid;
 grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);
 align-items:center;
 gap:34px;
 padding:56px 70px 44px;
 position:relative;
 overflow:hidden;
}
.gp-neon-hero::before{
 content:"";
 position:absolute;
 inset:-80px 0 auto;
 height:620px;
 background:
  linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.38) 48%,rgba(0,0,0,.72)),
  url("/assets/img/content-desk-hero.png") center / cover no-repeat;
 opacity:.45;
 filter:saturate(.45) contrast(1.1);
}
.gp-neon-hero::after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:-1px;
 height:220px;
 background:linear-gradient(180deg,transparent,#010303 78%);
}
.gp-neon-hero-copy,
.gp-neon-visual{
 position:relative;
 z-index:1;
}
.gp-neon-hero h1{
 margin:0;
 color:#fff;
 font-size:64px;
 line-height:1.1;
 letter-spacing:0;
 font-weight:900;
}
.gp-neon-hero h1 span{
 color:#00dff4;
 text-shadow:0 0 28px rgba(0,223,244,.32);
}
.gp-neon-hero p{
 width:min(430px,100%);
 margin:22px 0 0;
 color:#b9c5c9;
 font-size:18px;
 line-height:1.68;
 font-weight:700;
}
.gp-neon-actions{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:14px;
 margin-top:34px;
}
.gp-neon-actions button{
 min-height:48px;
 padding:0 24px;
 border-radius:8px;
 border:1px solid rgba(255,255,255,.18);
 background:rgba(255,255,255,.05);
 color:#fff;
 font-size:14px;
 font-weight:900;
}
.gp-neon-actions .primary{
 border-color:#00e5e5;
 background:rgba(0,229,229,.12);
 color:#00e5e5;
 box-shadow:0 0 34px rgba(0,229,229,.28);
}
.gp-neon-actions .primary::after{
 content:" →";
}
.gp-neon-proof{
 display:flex;
 flex-wrap:wrap;
 gap:28px;
 margin-top:28px;
 color:#9fc0c5;
 font-size:13px;
 font-weight:800;
}
.gp-neon-proof span{
 display:flex;
 align-items:center;
 gap:9px;
}
.gp-neon-proof i{
 width:16px;
 height:16px;
 border:1px solid #00e5e5;
 border-radius:50%;
 position:relative;
 box-shadow:0 0 16px rgba(0,229,229,.24);
}
.gp-neon-proof i::after{
 content:"";
 position:absolute;
 left:4px;
 top:3px;
 width:6px;
 height:8px;
 border-right:2px solid #00e5e5;
 border-bottom:2px solid #00e5e5;
 transform:rotate(38deg);
}
.gp-neon-visual{
 min-height:520px;
 display:grid;
 place-items:center;
}
.gp-neon-visual img{
 width:min(680px,100%);
 transform:rotate(-3deg);
 filter:drop-shadow(0 0 28px rgba(0,229,229,.2));
}
.gp-neon-code{
 position:absolute;
 border:1px solid rgba(0,231,255,.12);
 border-radius:14px;
 background:rgba(3,12,16,.72);
 box-shadow:0 0 28px rgba(0,0,0,.55);
 opacity:.72;
}
.gp-neon-code span{
 display:block;
 height:8px;
 margin:12px;
 border-radius:999px;
 background:linear-gradient(90deg,#00dff4 0 35%,#ff2a85 36% 55%,rgba(255,255,255,.24) 56%);
}
.gp-neon-code.c1{left:8%;top:7%;width:220px;height:120px;transform:rotate(-8deg);}
.gp-neon-code.c2{right:4%;bottom:12%;width:260px;height:132px;transform:rotate(7deg);}
.gp-neon-live{
 position:absolute;
 right:40px;
 bottom:64px;
 min-width:172px;
 padding:12px 14px;
 border:1px solid rgba(0,231,255,.34);
 border-radius:12px;
 background:rgba(0,0,0,.64);
 color:#dffcff;
 box-shadow:0 0 24px rgba(0,231,255,.16);
}
.gp-neon-live b{
 width:10px;
 height:10px;
 display:inline-block;
 margin-right:8px;
 border-radius:50%;
 background:#00f2a6;
 box-shadow:0 0 16px #00f2a6;
}
.gp-neon-live strong{
 font-size:12px;
 font-weight:900;
}
.gp-neon-live span{
 display:block;
 margin-left:22px;
 color:#8ea0a5;
 font-size:11px;
 font-weight:800;
}
.gp-neon-panel{
 width:min(860px,calc(100% - 64px));
 margin:0 auto;
 padding:34px 38px 32px;
 border:1px solid rgba(0,231,255,.55);
 border-radius:12px;
 background:linear-gradient(135deg,rgba(29,48,48,.9),rgba(13,23,23,.86));
 box-shadow:0 0 44px rgba(0,231,255,.28),inset 0 1px 0 rgba(255,255,255,.12);
}
.gp-neon-panel h2,
.gp-neon-tools h2{
 margin:0;
 color:#fff;
 font-size:24px;
 line-height:1.25;
 font-weight:900;
}
.gp-neon-form{
 margin-top:28px;
 display:grid;
 grid-template-columns:minmax(0,1fr) 174px;
 gap:18px 24px;
}
.gp-neon-form label{
 display:grid;
 grid-template-columns:110px minmax(0,1fr);
 align-items:center;
 gap:16px;
 color:#cbd9dc;
 font-size:14px;
 font-weight:900;
}
.gp-neon-form label span{
 color:#d9e9ec;
}
.gp-neon-form label:nth-child(3){
 position:relative;
}
.gp-neon-type-row{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
}
.gp-neon-type-row button,
.gp-neon-filter button{
 min-height:38px;
 padding:0 17px;
 border:1px solid rgba(255,255,255,.16);
 border-radius:7px;
 background:rgba(255,255,255,.04);
 color:#dce9ed;
 font-size:13px;
 font-weight:800;
}
.gp-neon-type-row button.active,
.gp-neon-filter button.active,
.gp-neon-type-row button:hover,
.gp-neon-filter button:hover{
 border-color:#00e5e5;
 color:#00e5e5;
 background:rgba(0,229,229,.08);
 box-shadow:0 0 18px rgba(0,229,229,.14);
}
.gp-neon-form select,
.gp-neon-form input{
 min-height:46px;
 width:100%;
 border:1px solid rgba(255,255,255,.14);
 border-radius:7px;
 background:rgba(0,0,0,.28);
 color:#efffff;
 padding:0 16px;
 outline:0;
 font:inherit;
 font-size:13px;
}
.gp-neon-form input::placeholder{
 color:#6e7d82;
}
.gp-neon-form em{
 position:absolute;
 right:14px;
 top:50%;
 transform:translateY(-50%);
 color:#66777b;
 font-size:12px;
 font-style:normal;
}
.gp-neon-upload{
 grid-column:2;
 grid-row:1/4;
 min-height:196px;
 border:1px dashed rgba(0,231,255,.52);
 border-radius:9px;
 background:rgba(4,11,13,.48);
 color:#e6fbff;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:12px;
 text-align:center;
}
.gp-neon-upload i{
 width:34px;
 height:40px;
 border:2px solid rgba(255,255,255,.8);
 border-radius:5px;
 position:relative;
}
.gp-neon-upload i::after{
 content:"";
 position:absolute;
 left:10px;
 top:13px;
 width:10px;
 height:10px;
 border-left:2px solid rgba(255,255,255,.8);
 border-bottom:2px solid rgba(255,255,255,.8);
 transform:rotate(-45deg);
}
.gp-neon-upload small{
 color:#7f9095;
 font-size:11px;
 font-weight:700;
}
.gp-neon-filter{
 width:min(720px,calc(100% - 64px));
 margin:26px auto 80px;
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 gap:12px;
}
.gp-neon-story,
.gp-neon-feature-pair,
.gp-neon-assist,
.gp-neon-tools{
 width:min(900px,calc(100% - 64px));
 margin:0 auto;
}
.gp-neon-story{
 display:grid;
 grid-template-columns:1fr 1fr;
 align-items:center;
 gap:62px;
 margin-bottom:88px;
}
.gp-neon-before-after{
 display:grid;
 grid-template-columns:1fr 34px 1fr;
 align-items:stretch;
 gap:14px;
}
.gp-neon-before-after article,
.gp-neon-refine-card,
.gp-neon-library-grid article,
.gp-neon-library-grid button,
.gp-neon-chart-grid div,
.gp-neon-export,
.gp-neon-tools article{
 border:1px solid rgba(255,255,255,.13);
 border-radius:10px;
 background:linear-gradient(145deg,rgba(20,32,34,.86),rgba(8,11,13,.88));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.gp-neon-before-after article{
 min-height:0;
 padding:20px 22px;
}
.gp-neon-before-after span{
 display:block;
 margin-bottom:12px;
 color:#d8e6ea;
 font-size:13px;
 font-weight:900;
}
.gp-neon-before-after p{
 margin:0;
 color:#aebec3;
 font-size:14px;
 line-height:1.72;
 font-weight:700;
}
.gp-neon-before-after article:first-child p{
 color:#d1c3ca;
}
.gp-neon-before-after p b{
 font-weight:inherit;
}
.gp-neon-before-after article:first-child p b{
 color:#ff5a93;
}
.gp-neon-before-after article:last-child p b{
 color:#00dff4;
}
.gp-neon-before-after > b{
 align-self:center;
 color:#fff;
 font-size:26px;
 line-height:1;
 text-align:center;
}
.gp-neon-copy-block span,
.gp-neon-feature-pair > article span,
.gp-neon-assist > article span{
 display:inline-flex;
 min-height:34px;
 align-items:center;
 padding:0 14px;
 border:1px solid #00e5e5;
 border-radius:7px;
 color:#00e5e5;
 background:rgba(0,229,229,.08);
 font-size:14px;
 font-weight:900;
}
.gp-neon-copy-block h2,
.gp-neon-feature-pair h2,
.gp-neon-assist h2{
 margin:18px 0 0;
 color:#fff;
 font-size:38px;
 line-height:1.22;
 letter-spacing:0;
 font-weight:900;
}
.gp-neon-copy-block p,
.gp-neon-feature-pair p,
.gp-neon-assist p{
 margin:18px 0 0;
 color:#9faeb3;
 font-size:15px;
 line-height:1.7;
 font-weight:700;
}
.gp-neon-copy-block button,
.gp-neon-feature-pair > article button,
.gp-neon-assist > article button{
 margin-top:22px;
 padding:0;
 border:0;
 background:transparent;
 color:#00e5e5;
 font-size:14px;
 font-weight:900;
}
.gp-neon-copy-block button::after,
.gp-neon-feature-pair > article button::after,
.gp-neon-assist > article button::after{
 content:" →";
}
.gp-neon-feature-pair{
 display:grid;
 grid-template-columns:.86fr .74fr .95fr;
 align-items:center;
 gap:28px;
 margin-bottom:90px;
}
.gp-neon-feature-pair.refine > article span{
 border-color:#ff2a85;
 color:#ff5aa2;
 background:rgba(255,42,133,.08);
}
.gp-neon-feature-pair.refine > article button{
 color:#ff5aa2;
}
.gp-neon-refine-card{
 padding:20px;
 border-color:rgba(255,42,133,.26);
 box-shadow:0 0 32px rgba(255,42,133,.12),inset 0 1px 0 rgba(255,255,255,.06);
}
.gp-neon-refine-card strong{
 color:#f5fbff;
 font-size:13px;
 font-weight:900;
}
.gp-neon-refine-card em{
 float:right;
 color:#98a7ad;
 font-size:11px;
 font-style:normal;
 font-weight:800;
}
.gp-neon-refine-card p{
 margin:14px 0 0;
 padding:14px;
 border:1px solid rgba(255,255,255,.1);
 border-radius:7px;
 color:#dce8eb;
 font-size:12px;
 line-height:1.48;
}
.gp-neon-refine-card p.active{
 border-color:#ff2a85;
 box-shadow:0 0 20px rgba(255,42,133,.18);
}
.gp-neon-refine-card span{
 color:#8e9fa5;
}
.gp-neon-feature-pair figure{
 margin:0;
 height:240px;
 border-radius:12px;
 overflow:hidden;
 border:1px solid rgba(255,42,133,.18);
 box-shadow:0 0 32px rgba(255,42,133,.16);
}
.gp-neon-feature-pair figure img{
 width:100%;
 height:100%;
 object-fit:cover;
 filter:grayscale(1) contrast(1.1) brightness(.9);
}
.gp-neon-feature-pair.library{
 grid-template-columns:1.2fr .9fr;
}
.gp-neon-library-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:12px;
}
.gp-neon-library-grid article,
.gp-neon-library-grid button{
 min-height:110px;
 overflow:hidden;
 color:#d9ebef;
 font-size:12px;
 font-weight:800;
 text-align:left;
}
.gp-neon-library-grid article{
 padding:8px;
}
.gp-neon-library-grid img,
.gp-neon-library-grid .wire,
.gp-neon-library-grid .wave{
 width:100%;
 height:70px;
 display:block;
 border-radius:7px;
 object-fit:cover;
 margin-bottom:8px;
 filter:saturate(.95) brightness(.8);
}
.gp-neon-library-grid .wire{
 background:
  linear-gradient(120deg,transparent 30%,rgba(0,229,229,.56) 31% 33%,transparent 34%),
  linear-gradient(45deg,transparent 45%,rgba(0,130,255,.45) 46% 48%,transparent 49%),
  #082027;
}
.gp-neon-library-grid .wave{
 background:
  radial-gradient(circle at 28% 52%,rgba(255,42,133,.5),transparent 22%),
  radial-gradient(circle at 70% 35%,rgba(0,229,229,.36),transparent 28%),
  #190b15;
}
.gp-neon-library-grid button{
 display:grid;
 place-items:center;
 border-style:dashed;
 background:rgba(0,229,229,.03);
 color:#00e5e5;
 text-align:center;
}
.gp-neon-library-grid button::before{
 content:"+";
 width:42px;
 height:42px;
 display:grid;
 place-items:center;
 border:1px solid rgba(0,229,229,.46);
 border-radius:50%;
 margin-bottom:8px;
 font-size:26px;
}
.gp-neon-assist{
 display:grid;
 grid-template-columns:.8fr 1.2fr;
 gap:42px;
 align-items:end;
 margin-bottom:90px;
}
.gp-neon-assist > article span{
 border-color:#8348ff;
 color:#b485ff;
 background:rgba(131,72,255,.1);
}
.gp-neon-assist > article button{
 color:#b485ff;
}
.gp-neon-chart-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:14px;
}
.gp-neon-chart-grid div{
 min-height:138px;
 padding:18px;
 position:relative;
 overflow:hidden;
}
.gp-neon-chart-grid strong{
 color:#f4fbff;
 font-size:13px;
 font-weight:900;
}
.gp-neon-chart-grid span{
 float:right;
 color:#99a7ad;
 font-size:12px;
 font-weight:900;
}
.gp-neon-chart-grid i{
 position:absolute;
 left:16px;
 right:16px;
 bottom:26px;
 height:56px;
 background:
  radial-gradient(ellipse at 12% 60%,transparent 0 30%,rgba(0,229,229,.65) 31% 33%,transparent 34%),
  radial-gradient(ellipse at 48% 34%,transparent 0 30%,rgba(0,229,229,.45) 31% 33%,transparent 34%),
  radial-gradient(ellipse at 76% 68%,transparent 0 30%,rgba(255,42,133,.54) 31% 33%,transparent 34%);
 opacity:.9;
}
.gp-neon-chart-grid div:nth-child(2) i{
 filter:hue-rotate(300deg) saturate(1.15);
}
.gp-neon-chart-grid div:nth-child(3) i{
 filter:hue-rotate(140deg);
}
.gp-neon-chart-grid div:first-child span::before{
 content:"✓ ";
 color:#0bdc9d;
 font-weight:900;
}
.gp-neon-export{
 grid-column:2;
 min-height:74px;
 display:grid;
 grid-template-columns:36px 1fr auto;
 align-items:center;
 gap:14px;
 padding:14px;
}
.gp-neon-export span{
 width:32px;
 height:32px;
 border-radius:50%;
 background:#0bdc9d;
 position:relative;
 box-shadow:0 0 22px rgba(11,220,157,.3);
}
.gp-neon-export span::after{
 content:"";
 position:absolute;
 left:10px;
 top:7px;
 width:9px;
 height:14px;
 border-right:3px solid #001313;
 border-bottom:3px solid #001313;
 transform:rotate(42deg);
}
.gp-neon-export strong{
 color:#fff;
 font-size:14px;
}
.gp-neon-export > div{
 min-width:0;
}
.gp-neon-export > div p{
 margin:7px 0 0;
 display:flex;
 flex-wrap:wrap;
 gap:5px 16px;
}
.gp-neon-export > div p b{
 color:#93a6ab;
 font-size:11px;
 font-weight:700;
}
.gp-neon-export > div p b::before{
 content:"✓ ";
 color:#0bdc9d;
 font-weight:900;
}
.gp-neon-export button{
 min-height:42px;
 padding:0 22px;
 border:0;
 border-radius:8px;
 background:#7a45ff;
 color:#fff;
 font-size:13px;
 font-weight:900;
}
.gp-neon-export button::after{
 content:" →";
}
.gp-neon-tools{
 margin-bottom:88px;
 text-align:center;
}
.gp-neon-tools h2{
 font-size:38px;
}
.gp-neon-tools > p{
 margin:30px 0 18px;
 color:#00e5e5;
 font-size:14px;
 font-weight:900;
}
.gp-neon-tools > div{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:18px;
 margin-bottom:34px;
}
.gp-neon-tools article{
 min-height:156px;
 padding:26px 24px;
 text-align:left;
}
.gp-neon-tools i{
 width:58px;
 height:58px;
 display:block;
 border-radius:8px;
 background:linear-gradient(145deg,#f7f4ff,#e1e8ff);
 margin-bottom:18px;
 position:relative;
}
.gp-neon-tools i::after{
 content:"";
 position:absolute;
 left:21px;
 top:13px;
 width:15px;
 height:32px;
 border-radius:999px;
 background:#745cff;
 transform:rotate(36deg);
}
.gp-neon-tools > div article:nth-child(2) i::after{
 left:17px;
 top:17px;
 width:24px;
 height:24px;
 border-radius:6px;
 background:#4f8aff;
 transform:none;
}
.gp-neon-tools > div article:nth-child(3) i::after{
 left:15px;
 top:21px;
 width:28px;
 height:4px;
 border-radius:999px;
 background:#8b94a8;
 transform:none;
 box-shadow:0 8px 0 #8b94a8;
}
.gp-neon-tools > div:nth-of-type(2) article:nth-child(1) i::after{
 background:#9a5cff;
}
.gp-neon-tools > div:nth-of-type(2) article:nth-child(2) i::after{
 background:#ff9a4d;
}
.gp-neon-tools > div:nth-of-type(2) article:nth-child(3) i::after{
 background:#3aa6ff;
 box-shadow:0 8px 0 #3aa6ff;
}
.gp-neon-tools strong{
 display:block;
 color:#fff;
 font-size:17px;
 font-weight:900;
}
.gp-neon-tools span{
 display:block;
 margin-top:8px;
 color:#a4b1b6;
 font-size:13px;
 line-height:1.55;
 font-weight:700;
}
.gp-neon-footer{
 min-height:220px;
 display:grid;
 grid-template-columns:1.3fr repeat(4,.72fr);
 gap:30px 36px;
 padding:42px 70px 30px;
 border-top:1px solid rgba(255,255,255,.1);
 background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
}
.gp-neon-socials{
 display:flex;
 gap:10px;
 margin-top:18px;
}
.gp-neon-socials i{
 width:28px;
 height:28px;
 border:1px solid rgba(255,255,255,.18);
 border-radius:50%;
 background:rgba(255,255,255,.05);
}
.gp-neon-footer-base{
 grid-column:1/-1;
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:8px 24px;
 padding-top:18px;
 border-top:1px solid rgba(255,255,255,.08);
}
.gp-neon-footer-base button{
 padding:0;
 border:0;
 background:transparent;
 color:#7e8c91;
 font:inherit;
 font-size:12px;
 font-weight:700;
 cursor:pointer;
}
.gp-neon-footer-base em{
 margin-left:auto;
 color:#5d696e;
 font-size:12px;
 font-style:normal;
 font-weight:700;
}
.gp-neon-footer > div{
 color:#fff;
}
.gp-neon-footer > div > span{
 display:inline-block;
 margin-right:10px;
 vertical-align:middle;
}
.gp-neon-footer strong{
 color:#fff;
 font-size:16px;
 font-weight:900;
}
.gp-neon-footer p{
 margin:14px 0 0;
 color:#9da9ae;
 font-size:13px;
 line-height:1.6;
 font-weight:700;
}
.gp-neon-footer nav{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:10px;
}
.gp-neon-footer nav button{
 border:0;
 background:transparent;
 color:#8f9da2;
 padding:0;
 font:inherit;
 font-size:13px;
 font-weight:700;
 cursor:pointer;
}
@media(max-width:1180px){
 #mainContent[data-main-design="neon"] .gp-neon-page{
  grid-template-columns:1fr;
  width:100%;
 }
 .gp-neon-rail{
  display:none;
 }
 .gp-neon-top{
  grid-template-columns:auto 1fr;
  padding:0 22px;
 }
 .gp-neon-top nav{
  display:none;
 }
 .gp-neon-top > div{
  justify-content:flex-end;
 }
 .gp-neon-hero{
  grid-template-columns:1fr;
  padding:34px 28px 44px;
 }
 .gp-neon-visual{
  min-height:420px;
 }
 .gp-neon-story,
 .gp-neon-feature-pair,
 .gp-neon-feature-pair.library,
 .gp-neon-assist{
  grid-template-columns:1fr;
 }
 .gp-neon-export{
  grid-column:auto;
 }
}
@media(max-width:760px){
 #mainContent[data-main-design="neon"] .gp-design-picker{
  top:64px;
  left:12px;
  right:12px;
  width:auto;
 }
 .gp-neon-top{
  min-height:60px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:0 14px;
 }
 .gp-neon-top > div button:not(.design){
  display:none;
 }
 .gp-neon-top > div .design{
  min-height:34px;
  padding:0 12px;
  font-size:12px;
 }
 .gp-neon-hero{
  min-height:0;
  padding:28px 18px 30px;
 }
 .gp-neon-hero h1{
  font-size:42px;
 }
 .gp-neon-hero p{
  font-size:15px;
 }
 .gp-neon-actions{
  display:grid;
  grid-template-columns:1fr;
 }
 .gp-neon-visual{
  min-height:280px;
 }
 .gp-neon-code,
 .gp-neon-live{
  display:none;
 }
 .gp-neon-panel,
 .gp-neon-story,
 .gp-neon-feature-pair,
 .gp-neon-assist,
 .gp-neon-tools{
  width:calc(100% - 28px);
 }
 .gp-neon-panel{
  padding:24px 18px;
 }
 .gp-neon-form{
  grid-template-columns:1fr;
 }
 .gp-neon-form label{
  grid-template-columns:1fr;
  gap:9px;
 }
 .gp-neon-upload{
  grid-column:auto;
  grid-row:auto;
  min-height:150px;
 }
 .gp-neon-filter{
  width:calc(100% - 28px);
  justify-content:flex-start;
  overflow-x:auto;
  flex-wrap:nowrap;
  padding-bottom:5px;
  margin-bottom:54px;
  scrollbar-width:none;
 }
 .gp-neon-filter::-webkit-scrollbar{
  display:none;
 }
 .gp-neon-filter button{
  flex:0 0 auto;
 }
 .gp-neon-before-after{
  grid-template-columns:1fr;
 }
 .gp-neon-before-after > b{
  transform:rotate(90deg);
 }
 .gp-neon-copy-block h2,
 .gp-neon-feature-pair h2,
 .gp-neon-assist h2,
 .gp-neon-tools h2{
  font-size:28px;
 }
 .gp-neon-library-grid,
 .gp-neon-chart-grid,
 .gp-neon-tools > div{
  grid-template-columns:1fr;
 }
 .gp-neon-feature-pair figure{
  height:210px;
 }
 .gp-neon-footer{
  grid-template-columns:1fr;
  padding:34px 22px;
 }
}

/* Final neon parent reset: beat repeated app-shell .gp-main rules */
html body[data-main-design="neon"] #appScreen .app-layout .main-content.gp-main,
html body[data-main-design="neon"] .main-content.gp-main,
html body[data-main-design="neon"] .gp-main[data-main-design="neon"],
#appScreen[data-main-design="neon"] .app-layout .main-content.gp-main,
.app-layout[data-main-design="neon"] .main-content.gp-main,
.main-content.gp-main[data-main-design="neon"]{
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 padding:0 !important;
 overflow-x:clip !important;
 background:#010303 !important;
}
html body[data-main-design="neon"] #mainContent[data-main-design="neon"]{
 width:100% !important;
 max-width:100% !important;
 margin:0 !important;
 padding:0 !important;
}
html body[data-main-design="neon"] .gp-sidebar,
#appScreen[data-main-design="neon"] .gp-sidebar,
.app-layout[data-main-design="neon"] .gp-sidebar,
.gp-sidebar[data-main-design="neon"]{
 display:none !important;
}
body:has(#mainContent[data-main-design="neon"]) .sidebar,
body:has(#mainContent[data-main-design="neon"]) .gp-sidebar{
 display:none !important;
}
body:has(#mainContent[data-main-design="neon"]) .main-content.gp-main{
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 padding:0 !important;
}
body:has(#mainContent[data-main-design="neon"]) #mainContent[data-main-design="neon"]{
 width:100% !important;
 max-width:100% !important;
 margin:0 !important;
 padding:0 !important;
}

/* ============================================================
   Seventh design: Lavender SaaS — confirmed main design
   ============================================================ */
.gp-lav-page{
 display:none;
}
.preview-lavender{
 background:
  radial-gradient(circle at 76% 30%,#5a5bd8 0 14%,transparent 15%),
  linear-gradient(180deg,#ffffff 0 38%,#f1f2f8 39% 100%);
}
/* 라벤더 셸은 모든 탭에서 앱 셸을 대체한다(라이트 톤 전면 적용). */
body[data-main-design="lavender"]{
 background:#f1f2f8 !important;
 color:#1a1f2e;
}
body[data-main-design="lavender"]::before,
body[data-main-design="lavender"] .gp-sidebar,
body[data-main-design="lavender"] .mobile-nav,
body[data-main-design="lavender"] .gp-footer,
body[data-main-design="lavender"] #mobileLogo,
body[data-main-design="lavender"] #mobileMyPageBtn{
 display:none !important;
}
body[data-main-design="lavender"] .gp-main{
 transition:none !important;
 margin-left:0 !important;
 width:100% !important;
 max-width:none !important;
 min-height:100dvh;
 padding:0 !important;
 overflow-x:clip;
 background:#f1f2f8;
}
body[data-main-design="lavender"] .gp-main > #mainContent,
#mainContent[data-main-design="lavender"]{
 width:100% !important;
 max-width:none !important;
 min-height:100dvh;
 margin:0 !important;
 padding:0 !important;
 border:0;
 border-radius:0;
 background:#f1f2f8;
 color:#1a1f2e;
 overflow:clip;
 font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 animation:none !important;
 transform:none !important;
}
#mainContent[data-main-design="lavender"]{
 --bg:#f1f2f8;
 --surface:#ffffff;
 --surface2:#f7f8fc;
 --surface3:#eef0f8;
 --border:#e4e7f1;
 --text:#1a1f2e;
 --text2:#525a6e;
 --text3:#8a91a3;
 --gp-panel:linear-gradient(180deg,#ffffff,#ffffff);
 --gp-panel-soft:linear-gradient(180deg,#ffffff,#fafbff);
 --gp-shadow:0 18px 44px rgba(78,84,148,.1);
 --gp-focus:rgba(90,91,216,.45);
}
#mainContent[data-main-design="lavender"] .gp-main-stage,
#mainContent[data-main-design="lavender"] > .gp-section,
#mainContent[data-main-design="lavender"] .gp-top-actions,
#mainContent[data-main-design="lavender"] .gp-sketch-page,
#mainContent[data-main-design="lavender"] .gp-clean-page,
#mainContent[data-main-design="lavender"] .gp-hub-page,
#mainContent[data-main-design="lavender"] .gp-neon-page{
 display:none !important;
}
#mainContent[data-main-design="lavender"] .gp-lav-page{
 display:grid;
 grid-template-columns:auto minmax(0,1fr);
 width:100%;
 min-height:100dvh;
 word-break:keep-all;
 overflow-wrap:break-word;
}
#mainContent[data-main-design="lavender"] .gp-lav-page,
#mainContent[data-main-design="lavender"] .gp-lav-page *{
 box-sizing:border-box;
}
#mainContent[data-main-design="lavender"] .gp-design-picker{
 position:fixed;
 z-index:80;
 top:72px;
 right:34px;
 width:min(900px,calc(100vw - 48px));
 border-color:#dde1ef;
 background:rgba(255,255,255,.98);
 box-shadow:0 26px 80px rgba(52,58,110,.18);
 color:#1a1f2e;
}
#mainContent[data-main-design="lavender"] .gp-design-picker-head strong,
#mainContent[data-main-design="lavender"] .gp-design-option strong{
 color:#1a1f2e;
}
#mainContent[data-main-design="lavender"] .gp-design-picker-head span,
#mainContent[data-main-design="lavender"] .gp-design-option em{
 color:#707a90;
}
#mainContent[data-main-design="lavender"] .gp-design-picker-head button{
 background:#f0f2f9;
 color:#39415a;
}
#mainContent[data-main-design="lavender"] .gp-design-option{
 border-color:#e5e8f3;
 background:#fff;
 color:#1a1f2e;
}
#mainContent[data-main-design="lavender"] .gp-design-option.active{
 border-color:#5a5bd8;
 background:#efeffd;
}

/* --- sidebar --- */
.gp-lav-sidebar{
 position:sticky;
 top:0;
 align-self:start;
 width:300px;
 height:100dvh;
 display:flex;
 flex-direction:column;
 gap:18px;
 padding:20px 16px 18px;
 border-right:1px solid #e7e9f3;
 background:#fff;
 transition:width .2s ease;
 overflow:hidden;
}
.gp-lav-backdrop{
 display:none;
}
.gp-lav-brand{
 display:flex;
 align-items:center;
 gap:11px;
 min-height:66px;
 padding:0 4px;
}
.gp-lav-brand-logo{
 display:block;
 width:212px;
 max-width:calc(100% - 44px);
 height:auto;
 object-fit:contain;
 filter:drop-shadow(0 10px 22px rgba(90,91,216,.16));
}
.gp-lav-logo{
 flex:0 0 42px;
 width:42px;
 height:42px;
 display:grid;
 place-items:center;
 border-radius:14px;
 background:linear-gradient(145deg,#6d6ef2,#5253cc);
 color:#fff;
 box-shadow:0 10px 22px rgba(90,91,216,.28);
}
.gp-lav-logo svg{
 width:24px;
 height:24px;
}
.gp-lav-brand strong{
 flex:1;
 min-width:0;
 color:#171c2c;
 font-size:17px;
 font-weight:800;
 letter-spacing:0;
 white-space:nowrap;
}
.gp-lav-collapse{
 margin-left:auto;
 flex:0 0 32px;
 width:32px;
 height:32px;
 border:0;
 border-radius:9px;
 background:transparent;
 color:#9aa0b4;
 font-size:17px;
 font-weight:700;
 cursor:pointer;
 transition:background .15s ease,color .15s ease;
}
.gp-lav-collapse:hover{
 background:#f1f2f9;
 color:#4d5268;
}
.gp-lav-new{
 display:flex;
 align-items:center;
 gap:10px;
 min-height:52px;
 padding:0 16px;
 border:0;
 border-radius:14px;
 background:linear-gradient(145deg,#6163e2,#5052c9);
 color:#fff;
 font-size:15px;
 font-weight:700;
 cursor:pointer;
 box-shadow:0 12px 26px rgba(85,87,210,.3);
 transition:transform .15s ease,box-shadow .15s ease;
}
.gp-lav-new:hover{
 transform:translateY(-1px);
 box-shadow:0 15px 30px rgba(85,87,210,.36);
}
.gp-lav-new svg{
 flex:0 0 18px;
 width:18px;
 height:18px;
}
.gp-lav-new span{
 flex:1;
 min-width:0;
 text-align:left;
 white-space:nowrap;
}
.gp-lav-new kbd{
 padding:3px 8px;
 border-radius:7px;
 background:rgba(255,255,255,.18);
 color:#e9eaff;
 font-family:inherit;
 font-size:11.5px;
 font-weight:700;
 white-space:nowrap;
}
.gp-lav-menu{
 display:flex;
 flex-direction:column;
 gap:3px;
 overflow-y:auto;
 scrollbar-width:none;
}
.gp-lav-menu::-webkit-scrollbar{display:none;}
.gp-lav-menu button,
.gp-lav-side-link,
.gp-lav-side-bottom button{
 display:flex;
 align-items:center;
 gap:13px;
 width:100%;
 min-height:46px;
 padding:0 13px;
 border:0;
 border-radius:12px;
 background:transparent;
 color:#3d4458;
 font-size:15px;
 font-weight:500;
 text-align:left;
 cursor:pointer;
 transition:background .15s ease,color .15s ease;
}
.gp-lav-menu button svg,
.gp-lav-side-link svg,
.gp-lav-side-bottom button svg{
 flex:0 0 20px;
 width:20px;
 height:20px;
 color:#8d94a9;
 transition:color .15s ease;
}
.gp-lav-menu button span,
.gp-lav-side-link span,
.gp-lav-side-bottom button span{
 white-space:nowrap;
}
.gp-lav-menu button:hover,
.gp-lav-side-link:hover,
.gp-lav-side-bottom button:hover{
 background:#f3f4fa;
 color:#23283a;
}
.gp-lav-menu button:hover svg,
.gp-lav-side-link:hover svg,
.gp-lav-side-bottom button:hover svg{
 color:#5d647c;
}
.gp-lav-menu button.active{
 background:#edecfd;
 color:#4b4cc6;
}
.gp-lav-menu button.active svg{
 color:#5a5bd8;
}
.gp-lav-side-sep{
 height:1px;
 margin:2px 6px;
 background:#ecedf5;
}
.gp-lav-side-bottom{
 margin-top:auto;
 display:flex;
 flex-direction:column;
 gap:3px;
 padding-top:10px;
 border-top:1px solid #ecedf5;
}

/* collapsed sidebar */
.gp-lav-page.side-collapsed .gp-lav-sidebar{
 width:82px;
 padding:20px 12px 18px;
}
.gp-lav-page.side-collapsed .gp-lav-brand{
 flex-direction:column;
 gap:8px;
 min-height:58px;
 padding:0;
}
.gp-lav-page.side-collapsed .gp-lav-brand-logo{
 width:52px;
 max-width:52px;
 height:42px;
 object-fit:cover;
 object-position:left center;
}
.gp-lav-page.side-collapsed .gp-lav-brand strong,
.gp-lav-page.side-collapsed .gp-lav-new span,
.gp-lav-page.side-collapsed .gp-lav-new kbd,
.gp-lav-page.side-collapsed .gp-lav-menu button span,
.gp-lav-page.side-collapsed .gp-lav-side-link span,
.gp-lav-page.side-collapsed .gp-lav-side-bottom button span{
 display:none;
}
.gp-lav-page.side-collapsed .gp-lav-collapse{
 transform:rotate(180deg);
}
.gp-lav-page.side-collapsed .gp-lav-new{
 justify-content:center;
 padding:0;
}
.gp-lav-page.side-collapsed .gp-lav-menu button,
.gp-lav-page.side-collapsed .gp-lav-side-link,
.gp-lav-page.side-collapsed .gp-lav-side-bottom button{
 justify-content:center;
 padding:0;
}

/* --- main column --- */
.gp-lav-main{
 min-width:0;
 min-height:100dvh;
 display:flex;
 flex-direction:column;
 padding:22px 48px 40px;
}
.gp-lav-top{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 min-height:48px;
}
.gp-lav-hamburger{
 display:none;
 width:42px;
 height:42px;
 border:1px solid #e4e7f1;
 border-radius:12px;
 background:#fff;
 color:#39415a;
 position:relative;
 cursor:pointer;
}
.gp-lav-hamburger span,
.gp-lav-hamburger span::before,
.gp-lav-hamburger span::after{
 content:"";
 position:absolute;
 left:11px;
 right:11px;
 height:2px;
 border-radius:999px;
 background:currentColor;
}
.gp-lav-hamburger span{top:20px;}
.gp-lav-hamburger span::before{top:-6px;left:0;right:0;}
.gp-lav-hamburger span::after{top:6px;left:0;right:0;}
.gp-lav-top-right{
 margin-left:auto;
 display:flex;
 align-items:center;
 gap:10px;
}
.gp-lav-guide{
 display:inline-flex;
 align-items:center;
 gap:8px;
 min-height:44px;
 padding:0 18px;
 border:1px solid #e4e7f1;
 border-radius:999px;
 background:#fff;
 color:#3d4458;
 font-size:14px;
 font-weight:500;
 cursor:pointer;
 box-shadow:0 6px 18px rgba(82,88,150,.06);
 transition:transform .15s ease,box-shadow .15s ease;
}
.gp-lav-guide:hover{
 transform:translateY(-1px);
 box-shadow:0 10px 22px rgba(82,88,150,.1);
}
.gp-lav-guide b{
 width:19px;
 height:19px;
 display:grid;
 place-items:center;
 border:1.6px solid #9aa0b4;
 border-radius:50%;
 color:#7d8398;
 font-size:11px;
 font-weight:700;
}
.gp-lav-bell{
 width:44px;
 height:44px;
 display:grid;
 place-items:center;
 border:1px solid #e4e7f1;
 border-radius:999px;
 background:#fff;
 color:#3d4458;
 position:relative;
 cursor:pointer;
 box-shadow:0 6px 18px rgba(82,88,150,.06);
}
.gp-lav-bell svg{
 width:20px;
 height:20px;
}
.gp-lav-bell i{
 position:absolute;
 right:10px;
 top:9px;
 width:7px;
 height:7px;
 border-radius:50%;
 background:#5a5bd8;
 box-shadow:0 0 0 2px #fff;
}
.gp-lav-design{
 min-height:44px;
 padding:0 16px;
 border:1px solid #dcdff0;
 border-radius:999px;
 background:#fff;
 color:#5a5bd8;
 font-size:13px;
 font-weight:700;
 cursor:pointer;
}

/* --- hero --- */
.gp-lav-hero{
 width:min(960px,100%);
 margin:auto;
 display:flex;
 flex-direction:column;
 align-items:center;
 padding:28px 0;
}
.gp-lav-hero h1{
 margin:0;
 color:#14182a;
 font-size:56px;
 line-height:1.12;
 letter-spacing:-.01em;
 font-weight:800;
 text-align:center;
}
.gp-lav-hero-title{
 display:flex;
 justify-content:center;
 width:100%;
}
.gp-lav-hero-title img{
 display:block;
 width:360px;
 max-width:78vw;
 height:auto;
 object-fit:contain;
 filter:drop-shadow(0 18px 32px rgba(90,91,216,.16));
}
.gp-lav-sub{
 margin:16px 0 0;
 color:#5d6477;
 font-size:17px;
 font-weight:500;
 text-align:center;
}
.gp-lav-composer{
 width:min(960px,100%); /* 880→960: 히어로 폭과 일치(사장님 — 노트북서 좁아 보임) */
 margin-top:34px;
 border:1px solid #e7e9f4;
 border-radius:24px;
 background:#fff;
 box-shadow:0 24px 60px rgba(84,90,160,.1);
 overflow:hidden;
 transition:box-shadow .18s ease,border-color .18s ease;
}
.gp-lav-composer:focus-within{
 border-color:#c6c8f0;
 box-shadow:0 24px 64px rgba(84,90,160,.16);
}
.gp-lav-composer textarea{
 width:100%;
 min-height:150px;
 padding:24px 26px 8px;
 border:0;
 outline:0;
 resize:none;
 background:transparent;
 color:#1c2133;
 font:inherit;
 font-size:15.5px;
 line-height:1.7;
 font-weight:500;
}
.gp-lav-composer textarea::placeholder{
 color:#9aa1b5;
 font-weight:500;
}
.gp-lav-composer-bar{
 display:flex;
 align-items:center;
 gap:10px;
 padding:10px 14px 14px;
}
.gp-lav-add{
 flex:0 0 44px;
 width:44px;
 height:44px;
 display:grid;
 place-items:center;
 border:1px solid #e4e7f1;
 border-radius:999px;
 background:#fff;
 color:#4d5268;
 cursor:pointer;
 transition:background .15s ease;
}
.gp-lav-add:hover{
 background:#f3f4fa;
}
.gp-lav-add svg{
 width:19px;
 height:19px;
}
.gp-lav-mode{
 display:inline-flex;
 align-items:center;
 gap:8px;
 min-height:44px;
 padding:0 16px;
 border:1px solid #e4e7f1;
 border-radius:999px;
 background:#fff;
 color:#3d4458;
 font-size:14px;
 font-weight:700;
 cursor:pointer;
 transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.gp-lav-mode:hover{
 background:#f6f6fd;
}
.gp-lav-mode.detect{
 border-color:#c9cbf2;
 background:#efeffd;
 color:#4b4cc6;
}
.gp-lav-mode svg{
 width:18px;
 height:18px;
 color:#5a5bd8;
}
.gp-lav-mode b,
.gp-lav-model b{
 color:#9aa0b4;
 font-size:10px;
 font-weight:700;
}
.gp-lav-count{
 margin-left:auto;
 color:#a0a6b8;
 font-size:12px;
 font-weight:500;
 white-space:nowrap;
}
.gp-lav-model{
 display:inline-flex;
 align-items:center;
 gap:7px;
 min-height:40px;
 padding:0 12px;
 border:0;
 border-radius:10px;
 background:transparent;
 color:#444b61;
 font-size:14px;
 font-weight:700;
 cursor:pointer;
}
.gp-lav-model:hover{
 background:#f3f4fa;
}
.gp-lav-send{
 flex:0 0 52px;
 width:52px;
 height:52px;
 display:grid;
 place-items:center;
 border:0;
 border-radius:50%;
 background:linear-gradient(145deg,#7173ee,#5557d2);
 color:#fff;
 cursor:pointer;
 box-shadow:0 12px 26px rgba(85,87,210,.32);
 transition:transform .15s ease,box-shadow .15s ease;
}
.gp-lav-send:hover{
 transform:translateY(-2px);
 box-shadow:0 16px 30px rgba(85,87,210,.4);
}
.gp-lav-send svg{
 width:22px;
 height:22px;
}

/* --- quick chips --- */
.gp-lav-chips{
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:wrap;
 gap:12px;
 margin-top:28px;
}
.gp-lav-chips button{
 display:inline-flex;
 align-items:center;
 gap:9px;
 min-height:46px;
 padding:0 19px;
 border:1px solid #e7e9f4;
 border-radius:999px;
 background:#fff;
 color:#3e4557;
 font-size:14px;
 font-weight:500;
 cursor:pointer;
 box-shadow:0 6px 16px rgba(82,88,150,.05);
 transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease;
}
.gp-lav-chips button svg{
 width:17px;
 height:17px;
 color:#7d8398;
 transition:color .15s ease;
}
.gp-lav-chips button:hover{
 transform:translateY(-1px);
 box-shadow:0 10px 22px rgba(82,88,150,.1);
}
.gp-lav-chips button.active{
 border-color:#bcbef0;
 background:#efeffd;
 color:#4b4cc6;
}
.gp-lav-chips button.active svg{
 color:#5a5bd8;
}

/* --- banner carousel --- */
.gp-lav-banners{
 width:min(760px,100%);
 margin-top:46px;
}
.gp-lav-banners article{
 display:none;
 align-items:center;
 gap:18px;
 padding:20px 22px;
 border:1px solid #e7e9f4;
 border-radius:18px;
 background:#fff;
 box-shadow:0 14px 36px rgba(84,90,160,.08);
}
.gp-lav-banners article.active{
 display:flex;
 animation:lavBannerIn .3s ease both;
}
@keyframes lavBannerIn{
 from{opacity:0;transform:translateY(6px);}
 to{opacity:1;transform:translateY(0);}
}
.gp-lav-banner-icon{
 flex:0 0 56px;
 width:56px;
 height:56px;
 display:grid;
 place-items:center;
 border-radius:16px;
 background:#eceefd;
 color:#5a5bd8;
}
.gp-lav-banner-icon svg{
 width:28px;
 height:28px;
}
.gp-lav-banners article > div{
 flex:1;
 min-width:0;
}
.gp-lav-banners strong{
 display:block;
 color:#20253a;
 font-size:16.5px;
 font-weight:700;
}
.gp-lav-banners p{
 margin:4px 0 0;
 color:#6a7184;
 font-size:13.5px;
 font-weight:500;
}
.gp-lav-banners article > button{
 flex:0 0 46px;
 width:46px;
 height:46px;
 border:1px solid #e7e9f4;
 border-radius:50%;
 background:#fff;
 color:#39415a;
 font-size:18px;
 font-weight:700;
 cursor:pointer;
 transition:transform .15s ease,background .15s ease;
}
.gp-lav-banners article > button:hover{
 transform:translateX(2px);
 background:#f3f4fa;
}
.gp-lav-dots{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 margin-top:16px;
}
.gp-lav-dots button{
 width:8px;
 height:8px;
 padding:0;
 border:0;
 border-radius:50%;
 background:#ccd0e2;
 cursor:pointer;
 transition:background .15s ease,transform .15s ease;
}
.gp-lav-dots button.active{
 background:#5a5bd8;
 transform:scale(1.2);
}

/* --- result area --- */
.gp-lav-result{
 width:min(880px,100%);
 margin-top:10px;
}
.gp-lav-result #result{
 margin-top:24px;
}
#mainContent[data-main-design="lavender"] #result .rsec{
 max-width:none;
}
#mainContent[data-main-design="lavender"] #result .obody{
 color:#212738;
}
#mainContent[data-main-design="lavender"] #result .gauge-main-msg{
 color:#1a1f2e;
}
#mainContent[data-main-design="lavender"] #result .cpybtn{
 background:#fff !important;
 border:1px solid #dfe3ef !important;
 color:#39415a !important;
}
#mainContent[data-main-design="lavender"] #result .cpybtn:hover{
 background:#f1f2f9 !important;
 color:#1a1f2e !important;
}
#mainContent[data-main-design="lavender"] #result .cpybtn.copied{
 color:#1e8e3e !important;
 border-color:rgba(30,142,62,.45) !important;
}

/* --- tab pages inside lavender shell --- */
.gp-lav-tabs{
 width:100%;
}
.gp-lav-tabs > div{
 max-width:1240px;
 margin:0 auto;
 padding-bottom:48px;
}

/* lavender: 탭 페이지 공통 라이트 보정(다크용 하드코딩 텍스트/서피스) */
#mainContent[data-main-design="lavender"] :is(.gp-page-hero h2,.gp-page-head h2,.gp-coupon-panel strong,.gp-notice-card h3,.gp-fit-panel h3,.gp-fit-panel strong,.gp-history-head h2,.gp-pro-head h2,.gp-pro-eyebrow,.gp-pro-tier,.gp-pro-card-title,.ltitle,.plan-card,.plan-tag,.plan-price-main,.plan-won){
 color:#1a1f2e !important;
}
#mainContent[data-main-design="lavender"] .faq-q:hover{
 color:#1a1f2e;
}
#mainContent[data-main-design="lavender"] .pricing-tabs{
 background:#e9ebf5;
 border-color:#dadff0;
}
#mainContent[data-main-design="lavender"] .pricing-tabs button{
 color:#525a6e;
}
#mainContent[data-main-design="lavender"] .pricing-tabs button[aria-selected="true"]{
 color:#fff;
}
#mainContent[data-main-design="lavender"] .phero-badge{
 background:#fff;
 border-color:#e4e7f1;
 color:#525a6e;
}
#mainContent[data-main-design="lavender"] .wform input,
#mainContent[data-main-design="lavender"] .wform textarea,
#mainContent[data-main-design="lavender"] .wform select,
#mainContent[data-main-design="lavender"] .gp-search input,
#mainContent[data-main-design="lavender"] .gp-coupon-form input{
 background:#fff !important;
 border:1px solid #dfe3ef !important;
 color:#1a1f2e !important;
}
#mainContent[data-main-design="lavender"] .gp-coupon-form button{
 background:#5a5bd8;
 color:#fff;
}
#mainContent[data-main-design="lavender"] :is(.cancelbtn,.backbtn){
 background:#fff !important;
 border:1px solid #dfe3ef !important;
 color:#39415a !important;
}
#mainContent[data-main-design="lavender"] .gp-search{
 background:#fff;
 border:1px solid #dfe3ef;
 box-shadow:0 8px 22px rgba(82,88,150,.06);
}
#mainContent[data-main-design="lavender"] .gp-aside-card h3{
 color:#1a1f2e;
}
#mainContent[data-main-design="lavender"] .gp-rank-list li,
#mainContent[data-main-design="lavender"] .gp-faq-rank li{
 color:#525a6e;
}
#mainContent[data-main-design="lavender"] .gp-qna-help button{
 background:#5a5bd8 !important;
 color:#fff !important;
 border-color:transparent !important;
}
#mainContent[data-main-design="lavender"] .gp-support-time span{
 background:#e8efff;
 color:#3a62c4;
}
#mainContent[data-main-design="lavender"] :is(.post-card,.pitem,.qna-item,.notice-item){
 background:#fff !important;
 border:1px solid #e7e9f4 !important;
 color:#39415a !important;
}
#mainContent[data-main-design="lavender"] :is(.post-card,.pitem,.qna-item,.notice-item):hover{
 border-color:#bcbef0 !important;
}
#mainContent[data-main-design="lavender"] :is(.post-card-ttl,.pttl,.qna-ttl,.notice-ttl){
 color:#1a1f2e !important;
}
#mainContent[data-main-design="lavender"] .wform{
 background:#fff !important;
 border:1px solid #e7e9f4 !important;
}
#mainContent[data-main-design="lavender"] .notice-arrow{
 color:#a9b0c4;
}

/* ===== lavender: 전 페이지 가독성·정렬·간격 통일 패스 ===== */
/* 페이지 헤더 */
#mainContent[data-main-design="lavender"] :is(.gp-page-head,.gp-history-head){
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:18px;
 margin:0 0 20px;
}
#mainContent[data-main-design="lavender"] :is(.gp-page-head h2,.gp-history-head h2,.gp-page-hero h2){
 margin:0;
 font-size:28px !important;
 line-height:1.25 !important;
 font-weight:800 !important;
 letter-spacing:-.01em;
 color:#14182a !important;
}
#mainContent[data-main-design="lavender"] :is(.gp-page-head p,.gp-page-hero p){
 margin:8px 0 0;
 max-width:560px;
 color:#5d6477 !important;
 font-size:14.5px !important;
 line-height:1.65 !important;
 font-weight:500;
}
#mainContent[data-main-design="lavender"] .gp-history-head span{
 color:#8a91a3;
 font-size:13px;
 font-weight:500;
}

/* 카드 공통 */
#mainContent[data-main-design="lavender"] :is(.gp-coupon-panel,.gp-fit-panel,.gp-aside-card,.gp-visual-card,.gp-table-panel,.plan-card,.wform,.gp-sub-banner){
 background:#fff !important;
 border:1px solid #e7e9f4 !important;
 border-radius:16px !important;
 box-shadow:0 10px 30px rgba(84,90,160,.06) !important;
}

/* 요금제: 히어로를 화이트 카드로 */
#mainContent[data-main-design="lavender"] .gp-page-hero{
 display:grid;
 grid-template-columns:minmax(0,1fr) 200px;
 align-items:center;
 gap:24px;
 padding:28px 32px !important;
 margin:0 0 16px !important;
 border:1px solid #e7e9f4;
 border-radius:18px;
 background:#fff;
 box-shadow:0 10px 30px rgba(84,90,160,.06);
}
#mainContent[data-main-design="lavender"] .gp-page-hero img{
 width:168px;
 justify-self:center;
}
#mainContent[data-main-design="lavender"] .pricing-tabs{
 width:300px;
 height:44px;
 margin:18px 0 14px;
}
#mainContent[data-main-design="lavender"] .phero-badge{
 padding:6px 10px;
 font-size:12px;
}
#mainContent[data-main-design="lavender"] .gp-coupon-panel{
 padding:20px 26px !important;
 margin:0 0 16px !important;
}
#mainContent[data-main-design="lavender"] .gp-coupon-panel strong{
 font-size:16px;
 margin-bottom:4px;
}
#mainContent[data-main-design="lavender"] .gp-coupon-panel > div > span{
 font-size:13px;
}
#mainContent[data-main-design="lavender"] .gp-coupon-form input,
#mainContent[data-main-design="lavender"] .gp-coupon-form button{
 height:44px;
 border-radius:10px;
}
#mainContent[data-main-design="lavender"] .gp-plan-grid{
 gap:12px !important;
 margin-bottom:16px;
}
#mainContent[data-main-design="lavender"] .plan-card{
 min-height:0;
 padding:22px 18px !important;
 transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}
#mainContent[data-main-design="lavender"] .plan-card:hover{
 border-color:#bcbef0 !important;
 transform:translateY(-2px);
 box-shadow:0 16px 36px rgba(84,90,160,.12) !important;
}
#mainContent[data-main-design="lavender"] .plan-tag{
 font-size:15px !important;
}
#mainContent[data-main-design="lavender"] .plan-price-main{
 font-size:26px !important;
 margin:4px 0 2px !important;
}
#mainContent[data-main-design="lavender"] .plan-won{
 font-size:14px !important;
 color:#8a91a3 !important;
}
#mainContent[data-main-design="lavender"] .plan-unitcost{
 font-size:12.5px;
 color:#8a91a3;
}
#mainContent[data-main-design="lavender"] .plan-feats li{
 font-size:13px;
 color:#525a6e;
}
#mainContent[data-main-design="lavender"] .gp-plan-total{
 margin-top:12px;
 color:#4b4cc6;
 font-size:13.5px;
 font-weight:700;
}
#mainContent[data-main-design="lavender"] .plan-btn{
 margin-top:12px;
 min-height:42px;
 border-radius:10px !important;
 font-weight:700;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel{
 padding:26px 28px !important;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel h3{
 text-align:left;
 font-size:18px;
 margin:0 0 20px;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel > div{
 display:grid;
 grid-template-columns:repeat(5,1fr);
}
#mainContent[data-main-design="lavender"] .gp-fit-panel article{
 padding:0 20px;
 border-right:1px solid #eef0f7;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel article:first-child{padding-left:0;}
#mainContent[data-main-design="lavender"] .gp-fit-panel article:last-child{border-right:0;padding-right:0;}
#mainContent[data-main-design="lavender"] .gp-fit-panel article span{
 display:inline-block;
 color:#5a5bd8;
 font-size:13px;
 font-weight:800;
 margin-bottom:8px;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel article strong{
 display:block;
 font-size:14px;
 line-height:1.45;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel article p{
 margin:7px 0 0;
 font-size:12.5px;
 line-height:1.55;
 color:#6a7184;
}
#mainContent[data-main-design="lavender"] .gp-sub-banner{
 padding:18px 22px !important;
 margin-bottom:16px;
}
#mainContent[data-main-design="lavender"] .gp-sub-banner strong{
 color:#1a1f2e;
}
#mainContent[data-main-design="lavender"] .gp-sub-banner span{
 color:#6a7184;
}

/* 커뮤니티·Q&A: 칩/정렬/리스트 */
#mainContent[data-main-design="lavender"] :is(.wbtn,.postsubmit){
 min-height:42px;
 padding:0 20px;
 border:0 !important;
 border-radius:10px !important;
 background:#5a5bd8 !important;
 color:#fff !important;
 font-size:14px;
 font-weight:700;
 cursor:pointer;
}
#mainContent[data-main-design="lavender"] .cat-filter{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin:0 0 12px;
}
#mainContent[data-main-design="lavender"] .cat-fbtn{
 min-height:36px !important;
 padding:0 14px !important;
 border:1px solid #e4e7f1 !important;
 border-radius:999px !important;
 background:#fff !important;
 color:#525a6e !important;
 font-size:13px !important;
 font-weight:500 !important;
}
#mainContent[data-main-design="lavender"] .cat-fbtn.active{
 border-color:#bcbef0 !important;
 background:#efeffd !important;
 color:#4b4cc6 !important;
}
#mainContent[data-main-design="lavender"] :is(.sortbar,.qna-sort-btns){
 display:flex;
 gap:6px;
 margin:0 0 14px;
}
#mainContent[data-main-design="lavender"] .sortbtn{
 min-height:34px !important;
 padding:0 13px !important;
 border-radius:999px !important;
 font-size:12.5px !important;
 color:#6a7184 !important;
}
#mainContent[data-main-design="lavender"] .sortbtn.active{
 color:#fff !important;
}
#mainContent[data-main-design="lavender"] .pricing-tabs button{
 color:#5d6477;
}
#mainContent[data-main-design="lavender"] .pricing-tabs button[aria-selected="true"]{
 color:#fff;
}
#mainContent[data-main-design="lavender"] .post-card{
 padding:18px 20px !important;
 margin-bottom:10px !important;
 border-radius:14px !important;
}
#mainContent[data-main-design="lavender"] .post-card-ttl{
 font-size:16px !important;
}
#mainContent[data-main-design="lavender"] .post-card-excerpt{
 font-size:13px !important;
 color:#6a7184 !important;
}
#mainContent[data-main-design="lavender"] .post-card-meta{
 margin-top:6px;
 font-size:12px !important;
}
#mainContent[data-main-design="lavender"] .qna-item{
 padding:16px 20px !important;
 margin-bottom:10px !important;
 border-radius:14px !important;
}
#mainContent[data-main-design="lavender"] .qna-ttl{
 font-size:15.5px !important;
}
#mainContent[data-main-design="lavender"] .gp-search{
 height:52px;
 border-radius:14px;
 margin:0 0 14px;
}
#mainContent[data-main-design="lavender"] .wform{
 padding:18px !important;
}
#mainContent[data-main-design="lavender"] .wform :is(input,select,textarea){
 margin-bottom:10px;
}
#mainContent[data-main-design="lavender"] .gp-aside-card{
 padding:22px !important;
}
#mainContent[data-main-design="lavender"] .gp-aside-card h3{
 font-size:16px;
 margin:0 0 14px;
}
#mainContent[data-main-design="lavender"] .gp-visual-card{
 padding:22px !important;
}

/* 공지 */
#mainContent[data-main-design="lavender"] .gp-notice-card{
 padding:24px !important;
}
#mainContent[data-main-design="lavender"] .gp-notice-card h3{
 font-size:19px;
}
#mainContent[data-main-design="lavender"] .gp-table-toolbar{
 padding:14px 20px 0;
}
#mainContent[data-main-design="lavender"] .gp-table-head{
 padding:12px 22px;
 border-color:#eef0f7;
}
#mainContent[data-main-design="lavender"] #noticeList .notice-item{
 padding:14px 22px !important;
 border-bottom:1px solid #eef0f7 !important;
}
#mainContent[data-main-design="lavender"] .notice-ttl{
 font-size:14.5px !important;
 font-weight:700 !important;
}

/* ===== lavender v2: 오픈 레이아웃 패스 — 박스 축소·탭형 필터·여백 ===== */
/* 상단 버튼 줄과 콘텐츠 사이 여백 */
.gp-lav-tabs{
 padding-top:36px;
}
#mainContent[data-main-design="lavender"] .gp-lav-tabs > div{
 padding-bottom:64px;
}

/* 보드 리스트: 떠 있는 카드 → 행 + 구분선 */
#mainContent[data-main-design="lavender"] :is(.post-card,.qna-item,.pitem){
 background:transparent !important;
 border:0 !important;
 border-bottom:1px solid #e7e9f4 !important;
 border-radius:0 !important;
 margin:0 !important;
 padding:20px 10px !important;
 box-shadow:none !important;
}
#mainContent[data-main-design="lavender"] :is(.post-card,.qna-item,.pitem):hover{
 background:#f6f7fc !important;
 border-bottom-color:#e7e9f4 !important;
 transform:none !important;
}

/* 필터: 필 → 밑줄 탭 */
#mainContent[data-main-design="lavender"] .cat-filter{
 gap:2px;
 margin:0;
 border-bottom:1px solid #e7e9f4;
}
#mainContent[data-main-design="lavender"] .cat-fbtn{
 min-height:44px !important;
 padding:0 14px !important;
 border:0 !important;
 border-bottom:2px solid transparent !important;
 border-radius:0 !important;
 background:transparent !important;
 color:#6a7184 !important;
 font-size:14px !important;
 font-weight:500 !important;
 margin-bottom:-1px;
 box-shadow:none !important;
}
#mainContent[data-main-design="lavender"] .cat-fbtn:hover{
 color:#14182a !important;
}
#mainContent[data-main-design="lavender"] .cat-fbtn.active{
 border:0 !important;
 border-bottom:2px solid #5a5bd8 !important;
 background:transparent !important;
 color:#14182a !important;
 font-weight:700 !important;
}

/* 정렬: 텍스트 버튼 */
#mainContent[data-main-design="lavender"] :is(.sortbar,.qna-sort-btns){
 gap:16px;
 margin:12px 0 2px;
 justify-content:flex-end;
}
#mainContent[data-main-design="lavender"] .sortbtn{
 min-height:30px !important;
 padding:0 2px !important;
 border:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 color:#8a91a3 !important;
 font-size:13px !important;
 font-weight:500 !important;
 box-shadow:none !important;
}
#mainContent[data-main-design="lavender"] .sortbtn:hover{
 color:#14182a !important;
 background:transparent !important;
}
#mainContent[data-main-design="lavender"] .sortbtn.active{
 background:transparent !important;
 color:#4b4cc6 !important;
 font-weight:700 !important;
}
#mainContent[data-main-design="lavender"] .gp-sort-select{
 border:0 !important;
 background:transparent !important;
 color:#8a91a3 !important;
 font-size:13px !important;
 font-weight:500 !important;
 cursor:pointer;
}

/* 탭 + 정렬을 한 줄로 (Q&A·공지 툴바) */
#mainContent[data-main-design="lavender"] :is(.qna-toolbar,.gp-table-toolbar){
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 padding:0 !important;
 margin:0 0 2px;
 border-bottom:1px solid #e7e9f4;
}
#mainContent[data-main-design="lavender"] :is(.qna-toolbar,.gp-table-toolbar) .cat-filter{
 border-bottom:0;
 margin:0;
}
#mainContent[data-main-design="lavender"] .qna-toolbar .qna-sort-btns{
 margin:0;
}

/* 사이드 패널: 박스 → 구분선 섹션 */
#mainContent[data-main-design="lavender"] .gp-aside-card{
 background:transparent !important;
 border:0 !important;
 border-bottom:1px solid #e7e9f4 !important;
 border-radius:0 !important;
 box-shadow:none !important;
 padding:0 0 22px !important;
 margin-bottom:22px;
}
#mainContent[data-main-design="lavender"] .gp-aside-card:last-child{
 border-bottom:0 !important;
 margin-bottom:0;
}
#mainContent[data-main-design="lavender"] .gp-visual-card{
 background:linear-gradient(145deg,#efeffd,#edf3ff) !important;
 border:0 !important;
 border-radius:18px !important;
 box-shadow:none !important;
 padding:24px !important;
}
#mainContent[data-main-design="lavender"] .gp-visual-card span{
 color:#5a5bd8 !important;
 font-size:12.5px;
 font-weight:700;
}
#mainContent[data-main-design="lavender"] .gp-visual-card :is(strong,h3){
 color:#1f2438 !important;
}
#mainContent[data-main-design="lavender"] .gp-visual-card p{
 color:#525a6e !important;
}
#mainContent[data-main-design="lavender"] .gp-guide-list li :is(strong){
 color:#1f2438 !important;
}
#mainContent[data-main-design="lavender"] .gp-guide-list li span{
 color:#6a7184 !important;
}
#mainContent[data-main-design="lavender"] .gp-keywords span{
 display:inline-flex;
 align-items:center;
 min-height:30px;
 padding:0 11px;
 margin:0 6px 6px 0;
 border:0 !important;
 border-radius:8px !important;
 background:#eef0f8 !important;
 color:#4d5577 !important;
 font-size:12.5px !important;
 font-weight:500 !important;
}

/* 공지: 패널 박스 제거 → 오픈 테이블 */
#mainContent[data-main-design="lavender"] .gp-table-panel{
 background:transparent !important;
 border:0 !important;
 border-radius:0 !important;
 box-shadow:none !important;
 overflow:visible;
}
#mainContent[data-main-design="lavender"] .gp-table-head{
 padding:13px 10px;
 border-top:0;
 border-bottom:1px solid #eef0f7;
}
#mainContent[data-main-design="lavender"] #noticeList .notice-item{
 background:transparent !important;
 border:0 !important;
 border-bottom:1px solid #eef0f7 !important;
 padding:15px 10px !important;
}
#mainContent[data-main-design="lavender"] #noticeList .notice-item:hover{
 background:#f6f7fc !important;
}
#mainContent[data-main-design="lavender"] .gp-notice-card{
 border:0 !important;
 box-shadow:none !important;
 border-radius:18px !important;
}
#mainContent[data-main-design="lavender"] .gp-notice-card.maintenance{
 background:linear-gradient(145deg,#f1effd,#ece9fb) !important;
}
#mainContent[data-main-design="lavender"] .gp-notice-card.update{
 background:linear-gradient(145deg,#ecf2fe,#e8effd) !important;
}
#mainContent[data-main-design="lavender"] .gp-notice-card button{
 border:0;
 border-radius:9px;
 min-height:34px;
 padding:0 14px;
 background:#fff;
 color:#4b4cc6;
 font-weight:700;
 cursor:pointer;
}

/* 요금제: 히어로·쿠폰·가이드 디박스(플랜 카드는 유지) */
#mainContent[data-main-design="lavender"] .gp-page-hero{
 background:transparent;
 border:0;
 box-shadow:none;
 padding:4px 0 10px !important;
 margin:0 0 18px !important;
}
#mainContent[data-main-design="lavender"] .gp-coupon-panel{
 background:transparent !important;
 border:0 !important;
 border-bottom:1px solid #e7e9f4 !important;
 border-radius:0 !important;
 box-shadow:none !important;
 padding:4px 0 20px !important;
 margin:0 0 20px !important;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel{
 background:transparent !important;
 border:0 !important;
 border-top:1px solid #e7e9f4 !important;
 border-radius:0 !important;
 box-shadow:none !important;
 padding:26px 0 0 !important;
}
#mainContent[data-main-design="lavender"] .gp-sub-banner{
 background:#f4f4fc !important;
 border:0 !important;
 box-shadow:none !important;
}

/* 검색바: 라운드 완화 */
#mainContent[data-main-design="lavender"] .gp-search{
 border-radius:12px;
 height:50px;
 margin-bottom:18px;
}

/* ===== lavender v3: 본문 폭·공지 가시성·로그인 화면 ===== */
/* 본문 폭: 텍스트 길이에 맞게 축소 */
#mainContent[data-main-design="lavender"] .gp-lav-tabs > div{
 max-width:1100px;
}
#mainContent[data-main-design="lavender"] .gp-lav-tabs > #pricingContent{
 max-width:1240px;
}
#mainContent[data-main-design="lavender"] .gp-lav-tabs > #noticeContent,
#mainContent[data-main-design="lavender"] .gp-lav-tabs > #historyContent{
 max-width:860px;
}

/* 공지: 행을 흰 바 형태로 — 칸 구별 명확하게 */
#mainContent[data-main-design="lavender"] .gp-table-head{
 padding:12px 16px;
 border-bottom:0;
}
#mainContent[data-main-design="lavender"] #noticeList .notice-item{
 background:#fff !important;
 border:0 !important;
 border-radius:12px !important;
 margin:0 0 8px !important;
 padding:15px 16px !important;
}
#mainContent[data-main-design="lavender"] #noticeList .notice-item:hover{
 background:#f3f4fd !important;
}
#mainContent[data-main-design="lavender"] .notice-ttl{
 font-size:15px !important;
 color:#14182a !important;
}

/* 로그인 화면: 라벤더 전면 재개편 */
.lhome{
 margin-top:18px;
 width:100%;
 padding:12px;
 border-radius:50px;
 border:1px solid var(--border);
 background:var(--surface2);
 color:var(--text);
 font-family:var(--font);
 font-size:14px;
 font-weight:500;
 cursor:pointer;
}
body[data-main-design="lavender"] #loginScreen{
 background:#f1f2f8 !important;
}
body[data-main-design="lavender"] #loginScreen :is(.qd-orb,.qd-ring){
 display:none !important;
}
body[data-main-design="lavender"] #loginScreen .lcard{
 width:min(440px,calc(100vw - 32px));
 padding:38px 36px 30px !important;
 border:1px solid #e7e9f4 !important;
 border-radius:24px !important;
 background:#fff !important;
 box-shadow:0 30px 70px rgba(84,90,160,.12) !important;
 text-align:center;
}
body[data-main-design="lavender"] #loginScreen .llogo{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:0;
 background:none !important;
 -webkit-background-clip:initial !important;
 background-clip:initial !important;
 -webkit-text-fill-color:#14182a !important;
 color:#14182a !important;
 font-size:20px !important;
 font-weight:800 !important;
}
body[data-main-design="lavender"] #loginScreen .llogo::before{
 display:none;
 content:none;
}
body[data-main-design="lavender"] #loginScreen .llogo img{
 display:block;
 width:176px;
 max-width:72vw;
 height:auto;
 object-fit:contain;
 filter:drop-shadow(0 12px 24px rgba(90,91,216,.16));
}
body[data-main-design="lavender"] #loginScreen .lsub{
 margin-top:9px;
 color:#8a91a3 !important;
 font-size:13px !important;
 font-weight:500;
}
body[data-main-design="lavender"] #loginScreen .ltitle{
 margin-top:28px;
 color:#14182a !important;
 font-size:23px !important;
 font-weight:800 !important;
}
body[data-main-design="lavender"] #loginScreen .ldesc{
 margin:12px 0 28px;
 color:#5d6477 !important;
 font-size:14.5px !important;
 line-height:1.7 !important;
 font-weight:500;
}
body[data-main-design="lavender"] #loginScreen :is(.btn-google,.btn-kakao){
 display:flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 margin:0;
}
body[data-main-design="lavender"] #loginScreen .btn-google{
 margin-bottom:10px;
}
body[data-main-design="lavender"] #loginScreen .lfeatures{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:6px;
 margin:18px 0 22px;
}
body[data-main-design="lavender"] #loginScreen .lfeature{
 padding:7px 11px !important;
 border:0 !important;
 border-radius:8px !important;
 background:#eef0f8 !important;
 color:#4d5577 !important;
 font-size:12.5px !important;
 font-weight:500 !important;
}
body[data-main-design="lavender"] #loginScreen .lfeature span{
 color:#4d5577 !important;
 font-size:12.5px !important;
}
body[data-main-design="lavender"] #loginScreen .btn-google{
 width:100%;
 min-height:48px;
 border:1px solid #dfe3ef !important;
 border-radius:12px !important;
 background:#fff !important;
 color:#1f2438 !important;
 font-size:14.5px !important;
 font-weight:700 !important;
 box-shadow:none !important;
}
body[data-main-design="lavender"] #loginScreen .btn-google:hover{
 background:#f6f7fc !important;
}
body[data-main-design="lavender"] #loginScreen .btn-kakao{
 width:100%;
 min-height:48px;
 border:0 !important;
 border-radius:12px !important;
 background:#fee500 !important;
 color:#191919 !important;
 font-size:14.5px !important;
 font-weight:700 !important;
}
body[data-main-design="lavender"] #loginScreen .lbadge{
 margin-top:16px;
 padding:0 !important;
 border:0 !important;
 background:transparent !important;
 color:#8a91a3 !important;
 font-size:12.5px !important;
 font-weight:500 !important;
}
body[data-main-design="lavender"] #loginScreen .lhome{
 width:auto;
 margin:14px auto 0;
 padding:8px 12px;
 border:0;
 border-radius:8px;
 background:transparent;
 color:#8a91a3;
 font-size:13px;
}
body[data-main-design="lavender"] #loginScreen .lhome:hover{
 background:#f4f5fa;
 color:#39415a;
}
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-credit-btn::before{
 display:none !important;
}
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-credit-btn{
 padding:0 16px !important;
}

/* 메인 히어로 간격 다듬기 */
.gp-lav-hero h1{
 font-size:52px;
}
.gp-lav-sub{
 margin-top:14px;
}
.gp-lav-composer{
 margin-top:30px;
}
.gp-lav-chips{
 margin-top:24px;
}
.gp-lav-banners{
 margin-top:38px;
}

/* --- moved app elements (credit chip / upgrade / sidebar footer / recent history) --- */
.gp-lav-top-slot{
 display:inline-flex;
 align-items:center;
 gap:10px;
}
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-credit-btn{
 min-height:44px;
 padding:0 18px;
 border:1px solid #e4e7f1 !important;
 border-radius:999px;
 background:#fff !important;
 color:#3d4458 !important;
 font-size:14px;
 font-weight:500;
 box-shadow:0 6px 18px rgba(82,88,150,.06);
 cursor:pointer;
}
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn{
 min-height:44px;
 padding:0 18px;
 border:0 !important;
 border-radius:999px;
 background:linear-gradient(145deg,#6163e2,#5052c9) !important;
 color:#fff !important;
 font-size:14px;
 font-weight:700;
 box-shadow:0 10px 22px rgba(85,87,210,.26);
 cursor:pointer;
}
.gp-lav-side-bottom .gp-sidebar-footer{
 display:flex;
 flex-direction:column;
 gap:10px;
 padding:0;
 border:0;
 background:transparent;
}
.gp-lav-side-bottom .gp-sidebar-login{
 display:flex;
 align-items:center;
 gap:10px;
 width:100%;
 min-height:46px;
 padding:0 13px;
 border:1px solid #e7e9f3 !important;
 border-radius:12px;
 background:#fff !important;
 color:#3d4458 !important;
 font-size:14px;
 font-weight:500;
 cursor:pointer;
 text-align:left;
}
.gp-lav-side-bottom .gp-sidebar-login:hover{
 background:#f3f4fa !important;
}
.gp-lav-side-bottom .gp-user-dot{
 flex:0 0 9px;
 width:9px;
 height:9px;
 border-radius:50%;
 background:#5a5bd8;
 box-shadow:0 0 0 3px #edecfd;
}
.gp-lav-side-bottom .sidebar-user-name{
 flex:1;
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#3d4458 !important;
}
.gp-lav-side-bottom .sidebar-user-badge{
 padding:3px 9px;
 border-radius:999px;
 background:#edecfd !important;
 color:#4b4cc6 !important;
 font-size:11px;
 font-weight:700;
 border:0 !important;
}
.gp-lav-side-bottom .sidebar-invite{
 position:relative;
 margin:0;
 padding:14px;
 border:1px solid #dcdff0 !important;
 border-radius:14px;
 background:linear-gradient(145deg,#f3f3ff,#ecefff) !important;
 cursor:pointer;
 box-shadow:none !important;
}
.gp-lav-side-bottom .sidebar-invite-title{
 color:#2c3150 !important;
 font-size:13px;
 font-weight:700;
}
.gp-lav-side-bottom .sidebar-invite-sub{
 margin-top:3px;
 color:#6a7184 !important;
 font-size:11.5px;
 font-weight:500;
}
.gp-lav-side-bottom .gp-invite-btn{
 margin-top:10px;
 min-height:32px;
 padding:0 14px;
 border:0 !important;
 border-radius:8px;
 background:#5a5bd8 !important;
 color:#fff !important;
 font-size:12px;
 font-weight:700;
 cursor:pointer;
}
.gp-lav-side-bottom .gp-invite-close{
 position:absolute;
 right:8px;
 top:6px;
 border:0;
 background:transparent;
 color:#9aa0b4 !important;
 font-size:14px;
 cursor:pointer;
}
.gp-lav-hist{
 display:flex;
 flex-direction:column;
 gap:2px;
}
.gp-lav-hist .sidebar-hist-item{
 width:100%;
 padding:7px 13px 7px 46px;
 border:0;
 border-radius:10px;
 background:transparent;
 color:#525a6e;
 text-align:left;
 cursor:pointer;
}
.gp-lav-hist .sidebar-hist-item:hover{
 background:#f3f4fa;
}
.gp-lav-hist .sidebar-hist-text{
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#525a6e;
 font-size:12.5px;
 font-weight:500;
}
.gp-lav-page.side-collapsed .gp-lav-side-bottom,
.gp-lav-page.side-collapsed .gp-lav-hist{
 display:none;
}
#mainContent[data-main-design="lavender"] .lowbanner{
 margin:10px auto 0;
 width:min(880px,calc(100% - 40px));
 padding:12px 16px;
 border:1px solid #f4d7ad;
 border-radius:12px;
 background:#fff7ea;
 color:#8a6116;
 font-weight:500;
}

/* --- responsive --- */
@media(max-width:1240px){
 .gp-lav-main{
  padding:18px 26px 48px;
 }
 .gp-lav-hero h1{
  font-size:46px;
 }
}
@media(max-width:940px){
 #mainContent[data-main-design="lavender"] .gp-lav-page{
  grid-template-columns:1fr;
 }
 .gp-lav-sidebar{
  position:fixed;
  left:0;
  top:0;
  z-index:70;
  height:100dvh;
  transform:translateX(-105%);
  transition:transform .22s ease;
  box-shadow:0 30px 70px rgba(30,34,70,.25);
 }
 .gp-lav-page.menu-open .gp-lav-sidebar{
  transform:none;
 }
 .gp-lav-page.menu-open .gp-lav-backdrop{
  display:block;
  position:fixed;
  inset:0;
  z-index:60;
  background:rgba(22,26,48,.34);
 }
 .gp-lav-collapse{
  display:none;
 }
 .gp-lav-hamburger{
  display:block;
 }
 .gp-lav-hero{
  padding-top:34px;
 }
 .gp-lav-hero h1{
  font-size:38px;
 }
 .gp-lav-hero-title img{
  width:260px;
  max-width:76vw;
 }
 .gp-lav-sub{
  font-size:15px;
 }
 #mainContent[data-main-design="lavender"] .gp-design-picker{
  top:64px;
  left:12px;
  right:12px;
  width:auto;
 }
}
@media(max-width:560px){
 .gp-lav-main{
  padding:14px 14px 40px;
 }
 .gp-lav-hero h1{
  font-size:31px;
 }
 .gp-lav-hero-title img{
  width:232px;
  max-width:78vw;
 }
 .gp-lav-guide span{
  display:none;
 }
 .gp-lav-design{
  padding:0 12px;
  font-size:12px;
 }
 .gp-lav-composer{
  border-radius:18px;
 }
 .gp-lav-composer textarea{
  min-height:120px;
  padding:18px 18px 6px;
  font-size:14.5px;
 }
 .gp-lav-composer-bar{
  gap:7px;
  padding:8px 10px 12px;
 }
 .gp-lav-count{
  display:none;
 }
 .gp-lav-add{
  flex-basis:40px;
  width:40px;
  height:40px;
 }
 .gp-lav-mode{
  min-height:40px;
  padding:0 11px;
  font-size:12.5px;
 }
 .gp-lav-model{
  margin-left:auto;
  min-height:36px;
  padding:0 8px;
  font-size:12.5px;
 }
 .gp-lav-send{
  flex-basis:46px;
  width:46px;
  height:46px;
 }
 .gp-lav-chips{
  gap:8px;
  margin-top:20px;
 }
 .gp-lav-chips button{
  min-height:40px;
  padding:0 13px;
  font-size:12.5px;
 }
 .gp-lav-banners{
  margin-top:30px;
 }
 .gp-lav-banners article{
  padding:16px;
  gap:13px;
 }
 .gp-lav-banner-icon{
  flex-basis:46px;
  width:46px;
  height:46px;
 }
 .gp-lav-banners strong{
  font-size:15px;
 }
 .gp-lav-banners p{
  font-size:12.5px;
 }
}


/* ===== lavender: 타이포 무게 완화(베이스 다크 스타일의 800/900 상속분) ===== */
#mainContent[data-main-design="lavender"] :is(.post-card-ttl,.pttl,.qna-ttl,.notice-ttl){
 font-weight:600 !important;
}
#mainContent[data-main-design="lavender"] :is(.post-card-excerpt,.post-card-meta,.qna-meta,.notice-date,.notice-views,.pmeta){
 font-weight:500 !important;
}
#mainContent[data-main-design="lavender"] .gp-table-head{
 font-weight:600 !important;
}
#mainContent[data-main-design="lavender"] .gp-aside-card h3{
 font-weight:700 !important;
}
#mainContent[data-main-design="lavender"] :is(.gp-rank-list li,.gp-faq-rank li,.gp-guide-list li span){
 font-weight:500 !important;
}
#mainContent[data-main-design="lavender"] :is(.plan-feats li,.plan-unitcost,.gp-coupon-panel > div > span){
 font-weight:500 !important;
}
#mainContent[data-main-design="lavender"] .plan-tag{
 font-weight:700 !important;
}
#mainContent[data-main-design="lavender"] :is(.plan-price-main,.plan-won){
 font-weight:800 !important;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel article strong{
 font-weight:600;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel article p{
 font-weight:400;
}
#mainContent[data-main-design="lavender"] :is(.gp-page-head p,.gp-page-hero p){
 font-weight:500 !important;
}
#mainContent[data-main-design="lavender"] :is(.gp-page-head h2,.gp-history-head h2,.gp-page-hero h2){
 font-weight:800 !important;
}
#mainContent[data-main-design="lavender"] #result :is(.obody,.dpane p){
 font-weight:400 !important;
}
#mainContent[data-main-design="lavender"] #result .gauge-main-msg{
 font-weight:700 !important;
}
#mainContent[data-main-design="lavender"] :is(.cat-fbtn,.sortbtn,.gp-sort-select){
 font-weight:500 !important;
}
#mainContent[data-main-design="lavender"] :is(.cat-fbtn.active,.sortbtn.active){
 font-weight:700 !important;
}
#mainContent[data-main-design="lavender"] :is(.gp-notice-card h3){
 font-weight:700 !important;
}
#mainContent[data-main-design="lavender"] .gp-notice-card p{
 font-weight:400 !important;
}
#mainContent[data-main-design="lavender"] :is(.gp-visual-card p,.gp-support-time){
 font-weight:500 !important;
}
.gp-lav-sub{
 font-weight:500;
}
.gp-lav-composer textarea{
 font-weight:400;
}
.gp-lav-composer textarea::placeholder{
 font-weight:400;
}
.gp-lav-banners p{
 font-weight:500;
}
.gp-lav-menu button,
.gp-lav-side-link,
.gp-lav-side-bottom button{
 font-weight:600;
}
.gp-lav-menu button.active{
 font-weight:700;
}
.gp-lav-chips button{
 font-weight:600;
}
body[data-main-design="lavender"] #loginScreen .ldesc{
 font-weight:500 !important;
}

/* ===== lavender v5: 임팩트 패스 — 그림자 다이어트·액센트 절제·증명 블록 ===== */
/* 1) 그림자 제거: 컴포저·전송 버튼·픽커(팝오버)만 띄운다 */
.gp-lav-guide,
.gp-lav-bell,
.gp-lav-new,
.gp-lav-logo,
.gp-lav-chips button,
.gp-lav-chips button:hover,
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-credit-btn,
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn,
#mainContent[data-main-design="lavender"] .gp-search,
#mainContent[data-main-design="lavender"] .plan-card,
#mainContent[data-main-design="lavender"] .plan-card:hover,
.gp-lav-side-bottom .sidebar-invite{
 box-shadow:none !important;
}
.gp-lav-guide:hover,
.gp-lav-send:hover{
 transform:none;
}
.gp-lav-chips button:hover{
 transform:none;
 border-color:#c9cdf0;
}
#mainContent[data-main-design="lavender"] .plan-card:hover{
 transform:none;
 border-color:#c9cdf0 !important;
}
/* 보더 한 단계 진하게(그림자 대신 구조를 보더로) */
.gp-lav-sidebar{
 border-right-color:#e3e6ef;
}
.gp-lav-composer{
 border-color:#dfe3ee;
 box-shadow:0 16px 40px rgba(70,76,140,.1);
}
.gp-lav-guide,
.gp-lav-bell,
.gp-lav-chips button,
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-credit-btn{
 border-color:#dfe3ee !important;
}

/* 2) 보라 절제: 채도 높은 보라는 로고·전송 버튼만 */
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn{
 background:#171a2b !important;
}
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn:hover{
 background:#23263a !important;
}
.gp-lav-new{
 background:#edecfd;
 color:#4b4cc6;
}
.gp-lav-new:hover{
 transform:none;
 background:#e4e3fb;
}
.gp-lav-new kbd{
 background:rgba(75,76,198,.12);
 color:#4b4cc6;
}
.gp-lav-menu button.active{
 background:#eef0f8;
 color:#14182a;
 box-shadow:none;
}
.gp-lav-menu button.active svg{
 color:#3d4458;
}
.gp-lav-side-bottom .gp-invite-btn{
 background:#171a2b !important;
}
.gp-lav-send{
 background:linear-gradient(145deg,#6c6eec,#4d4fce);
 box-shadow:0 12px 26px rgba(85,87,210,.38);
}

/* 3) 디자인 예시 버튼 숨김(프로덕션) */
#mainContent[data-main-design="lavender"] .gp-lav-design{
 display:none !important;
}

/* 4) 아이브로 + Before/After 증명 블록 */
.gp-lav-eyebrow{
 display:inline-flex;
 align-items:center;
 gap:8px;
 margin-bottom:20px;
 padding:7px 14px;
 border:1px solid #dfe3ee;
 border-radius:999px;
 background:#fff;
 color:#3d4458;
 font-size:12.5px;
 font-weight:600;
}
.gp-lav-eyebrow b{
 width:6px;
 height:6px;
 border-radius:50%;
 background:#5a5bd8;
}
.gp-lav-proof{
 width:min(820px,100%);
 margin-top:42px;
 display:grid;
 grid-template-columns:1fr 46px 1fr;
 align-items:stretch;
 padding:0;
 border:1px solid #dfe3ee;
 border-radius:16px;
 background:#fff;
 overflow:hidden;
 cursor:pointer;
 text-align:left;
 font:inherit;
 transition:border-color .15s ease;
}
.gp-lav-proof:hover{
 border-color:#b9bcf0;
}
.gp-lav-proof-col{
 display:block;
 min-width:0;
 padding:18px 20px 16px;
}
.gp-lav-proof-col.before{
 background:#fafafc;
}
.gp-lav-proof-arrow{
 display:grid;
 place-items:center;
 border-left:1px dashed #e3e6f0;
 border-right:1px dashed #e3e6f0;
 color:#8a91a3;
 font-size:17px;
 font-weight:600;
}
.gp-lav-proof-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 margin-bottom:9px;
}
.gp-lav-proof-head > span{
 color:#6a7184;
 font-size:12.5px;
 font-weight:600;
}
.gp-lav-proof-head em{
 padding:3px 9px;
 border-radius:7px;
 font-size:12px;
 font-style:normal;
 font-weight:700;
}
.gp-lav-proof-col.before .gp-lav-proof-head em{
 background:#fdeaea;
 color:#c43d3d;
}
.gp-lav-proof-col.after .gp-lav-proof-head em{
 background:#e6f6ee;
 color:#177a4c;
}
.gp-lav-proof p{
 margin:0;
 color:#39415a;
 font-size:13px;
 line-height:1.65;
 font-weight:400;
}
.gp-lav-proof-cap{
 margin:12px 0 0;
 color:#8a91a3;
 font-size:12.5px;
 font-weight:500;
}

/* 5) 모바일 정리 */
@media(max-width:940px){
 .gp-lav-guide span{
  display:none;
 }
}
@media(max-width:560px){
 .gp-lav-top{
  gap:8px;
 }
 .gp-lav-top-right{
  gap:6px;
 }
 .gp-lav-guide{
  display:none;
 }
 #mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn{
  display:none !important;
 }
 #mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-credit-btn{
  min-height:40px;
  padding:0 12px !important;
  font-size:12.5px;
 }
 .gp-lav-bell{
  width:40px;
  height:40px;
 }
 .gp-lav-eyebrow{
  margin-bottom:14px;
 }
 .gp-lav-proof{
  grid-template-columns:1fr;
  margin-top:30px;
 }
 .gp-lav-proof-arrow{
  min-height:34px;
  border:0;
  border-top:1px dashed #e3e6f0;
  border-bottom:1px dashed #e3e6f0;
  font-size:0;
 }
 .gp-lav-proof-arrow::before{
  content:"\2193";
  font-size:16px;
 }
}

/* ===== lavender v6: 페이지 템플릿 통일 ===== */
/* 1) 모든 탭 페이지 동일 폭 */
#mainContent[data-main-design="lavender"] .gp-lav-tabs > div,
#mainContent[data-main-design="lavender"] .gp-lav-tabs > #pricingContent,
#mainContent[data-main-design="lavender"] .gp-lav-tabs > #noticeContent,
#mainContent[data-main-design="lavender"] .gp-lav-tabs > #historyContent{
 max-width:1120px;
}

/* 2) 요금제 헤더를 표준 헤더 형태로(이미지·배지 제거, 토글은 컨트롤 줄) */
#mainContent[data-main-design="lavender"] .gp-page-hero{
 display:block;
 padding:0 !important;
 margin:0 0 18px !important;
}
#mainContent[data-main-design="lavender"] .gp-page-hero img,
#mainContent[data-main-design="lavender"] .phero-badges{
 display:none !important;
}
#mainContent[data-main-design="lavender"] .pricing-tabs{
 margin:18px 0 0;
}

/* 3) 리스트 행 통일: 모든 페이지 흰 바 행(공지와 동일) */
#mainContent[data-main-design="lavender"] :is(.post-card,.qna-item,.pitem){
 background:#fff !important;
 border:0 !important;
 border-radius:12px !important;
 margin:0 0 8px !important;
 padding:18px 20px !important;
}
#mainContent[data-main-design="lavender"] :is(.post-card,.qna-item,.pitem):hover{
 background:#f3f4fd !important;
}

/* 4) 커뮤니티 정렬 줄을 탭 줄과 같은 라인으로(Q&A·공지와 동일 구조) */
@media(min-width:769px){
 #mainContent[data-main-design="lavender"] .sortbar{
  margin:-43px 0 16px;
  position:relative;
  z-index:1;
 }
}

/* 5) 컨트롤·콘텐츠 간격 통일 */
#mainContent[data-main-design="lavender"] :is(.cat-filter,.qna-toolbar,.gp-table-toolbar){
 margin-bottom:14px;
}
#mainContent[data-main-design="lavender"] .gp-notice-featured{
 margin:0 0 18px;
 gap:12px;
}
#mainContent[data-main-design="lavender"] .gp-notice-card{
 padding:20px !important;
 min-height:0;
}

/* ===== lavender v7: 게시판 가독성·검색 바 디테일 ===== */
/* 검색 바: 컨테이너 하나로 보이게(내부 인풋 무테), 플레이스홀더 수직 중앙 */
#mainContent[data-main-design="lavender"] .gp-search{
 display:flex;
 align-items:center;
 gap:8px;
 height:50px;
 padding:0 8px 0 18px;
 margin:0 0 16px;
}
#mainContent[data-main-design="lavender"] .gp-search input{
 flex:1;
 min-width:0;
 height:100%;
 border:0 !important;
 background:transparent !important;
 padding:0 !important;
 margin:0 !important;
 font-size:14px;
 font-weight:500;
 color:#1a1f2e !important;
 outline:0;
}
#mainContent[data-main-design="lavender"] .gp-search input::placeholder{
 color:#9aa1b5;
 font-weight:500;
}
#mainContent[data-main-design="lavender"] .gp-search button{
 flex:0 0 36px;
 width:36px;
 height:36px;
 display:grid;
 place-items:center;
 border:0 !important;
 border-radius:9px;
 background:transparent !important;
 color:#8a91a3 !important;
 cursor:pointer;
}
#mainContent[data-main-design="lavender"] .gp-search button:hover{
 background:#f1f2f8 !important;
 color:#3d4458 !important;
}
#mainContent[data-main-design="lavender"] .gp-search svg{
 width:17px;
 height:17px;
 fill:none;
 stroke:currentColor;
 stroke-width:2;
 stroke-linecap:round;
}

/* 게시판 행: 제목/본문/메타 위계 또렷하게 */
#mainContent[data-main-design="lavender"] :is(.post-card-ttl,.qna-ttl,.notice-ttl,.pttl){
 font-size:15.5px !important;
 line-height:1.45 !important;
 color:#14182a !important;
}
#mainContent[data-main-design="lavender"] .post-card-excerpt{
 font-size:13.5px !important;
 color:#5d6477 !important;
 margin-top:3px;
}
#mainContent[data-main-design="lavender"] :is(.post-card-meta,.qna-meta,.pmeta){
 margin-top:7px;
 font-size:12px !important;
 color:#8a91a3 !important;
}
#mainContent[data-main-design="lavender"] .cat-chip{
 padding:3px 8px !important;
 border:0 !important;
 border-radius:6px !important;
 font-size:11px !important;
 font-weight:600 !important;
}
/* 이미지 없는 글의 카테고리 타일: 구겨진 글자 → 작은 라벨 타일 */
#mainContent[data-main-design="lavender"] .post-card-thumb{
 border-radius:12px !important;
}
#mainContent[data-main-design="lavender"] .post-card-thumb.no-img{
 display:flex;
 align-items:center;
 justify-content:center;
 padding:8px;
 background:#eef0f8 !important;
 color:#6a7184 !important;
 font-size:11px !important;
 font-weight:600 !important;
 line-height:1.35 !important;
 text-align:center;
 word-break:keep-all;
 overflow:hidden;
}
/* Q&A 상태: 큰 박스 → 작은 상태 필 */
#mainContent[data-main-design="lavender"] .qna-status{
 width:auto !important;
 height:auto !important;
 min-width:0 !important;
 min-height:0 !important;
 padding:5px 10px !important;
 border:0 !important;
 border-radius:999px !important;
 font-size:11.5px !important;
 font-weight:700 !important;
 display:inline-flex !important;
 align-items:center;
 justify-content:center;
 align-self:center;
 white-space:nowrap;
}
#mainContent[data-main-design="lavender"] .qna-status::before,
#mainContent[data-main-design="lavender"] .qna-status::after{
 display:none !important;
}
#mainContent[data-main-design="lavender"] .qna-status.pending{
 background:#f1f2f8 !important;
 color:#6a7184 !important;
}
#mainContent[data-main-design="lavender"] .qna-status.answered{
 background:#e6f6ee !important;
 color:#177a4c !important;
}

/* ===== lavender v8: 여백 통일·충전 카드 가독성 ===== */
/* 커뮤니티/Q&A 수직 리듬 동일화 */
#mainContent[data-main-design="lavender"] :is(.gp-page-head,.gp-history-head){
 margin-bottom:18px;
}
#mainContent[data-main-design="lavender"] .gp-search{
 margin:0 0 14px;
}
@media(min-width:769px){
 #mainContent[data-main-design="lavender"] .sortbar{
  margin:-44px 0 14px;
 }
}
#mainContent[data-main-design="lavender"] .gp-sort-select{
 display:none !important;
}

/* 충전하기 카드: 초록 남발 제거, 좌측 정렬·위계 정리 */
#mainContent[data-main-design="lavender"] .plan-card{
 text-align:left;
}
#mainContent[data-main-design="lavender"] .plan-hd-row{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 margin-bottom:12px;
}
#mainContent[data-main-design="lavender"] .plan-discount{
 background:#fdeaea !important;
 color:#c43d3d !important;
 border:0 !important;
 padding:3px 8px !important;
 border-radius:7px !important;
 font-size:11.5px !important;
 font-weight:700 !important;
}
#mainContent[data-main-design="lavender"] .plan-unitcost{
 margin:2px 0 0;
 color:#8a91a3 !important;
 font-size:12.5px !important;
}
#mainContent[data-main-design="lavender"] .plan-unitcost strong{
 color:#5d6477 !important;
 font-weight:600 !important;
}
#mainContent[data-main-design="lavender"] .plan-feats{
 margin:14px 0 0 !important;
 padding:12px 0 0 !important;
 border-top:1px solid #eef0f7 !important;
 list-style:none;
 display:flex;
 flex-direction:column;
 gap:7px;
}
#mainContent[data-main-design="lavender"] .plan-feats li{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 font-size:12.5px !important;
 color:#525a6e !important;
 font-weight:500 !important;
}
#mainContent[data-main-design="lavender"] .plan-feats li span{
 color:#8a91a3 !important;
 font-weight:500 !important;
}
#mainContent[data-main-design="lavender"] .plan-feats li strong{
 color:#1a1f2e !important;
 font-weight:600 !important;
}
#mainContent[data-main-design="lavender"] .gp-plan-total{
 margin-top:12px;
 padding:9px 12px;
 border-radius:9px;
 background:#f4f5fb;
 color:#1a1f2e !important;
 font-size:13px !important;
 font-weight:700 !important;
 text-align:center;
}
#mainContent[data-main-design="lavender"] .plan-btn{
 width:100%;
 margin-top:12px;
 border:0 !important;
 background:#171a2b !important;
 color:#fff !important;
 font-size:13.5px !important;
 font-weight:600 !important;
 box-shadow:none !important;
}
#mainContent[data-main-design="lavender"] .plan-card:hover .plan-btn{
 background:#23263a !important;
}
#mainContent[data-main-design="lavender"] .plan-badge{
 background:#5a5bd8 !important;
 color:#fff !important;
 border:0 !important;
 font-size:11px !important;
 font-weight:700 !important;
}
#mainContent[data-main-design="lavender"] .plan-credit-amount{
 color:#1a1f2e !important;
 font-size:19px !important;
 font-weight:800 !important;
}
#mainContent[data-main-design="lavender"] .plan-credit-amount .plan-unit{
 color:#8a91a3 !important;
 font-size:12px !important;
 font-weight:500 !important;
}

/* ===== lavender v9: Q&A 헤더 높이를 커뮤니티와 동일하게 ===== */
#mainContent[data-main-design="lavender"] .gp-qna-action{
 display:flex !important;
 flex-direction:row !important;
 align-items:center !important;
 gap:12px;
 margin:0 !important;
 min-width:0;
}
#mainContent[data-main-design="lavender"] .gp-qna-action > span{
 order:-1;
 margin:0 !important;
 color:#9aa1b5 !important;
 font-size:12px !important;
 font-weight:500 !important;
 white-space:nowrap;
}

/* ===== lavender v10: Q&A 헤더 1줄 고정 + 충전 쿠폰 줄 정리 ===== */
#mainContent[data-main-design="lavender"] .gp-qna-action > span{
 display:none !important;
}
/* 쿠폰 줄: 적용 버튼 가시성 + 컴팩트 정렬 */
#mainContent[data-main-design="lavender"] .gp-page-hero{
 margin-bottom:14px !important;
}
#mainContent[data-main-design="lavender"] .pricing-tabs{
 margin:16px 0 0;
}
#mainContent[data-main-design="lavender"] .gp-coupon-panel{
 grid-template-columns:minmax(0,1fr) minmax(300px,460px);
 align-items:center;
 gap:10px 24px;
 padding:2px 0 18px !important;
 margin:0 0 18px !important;
}
#mainContent[data-main-design="lavender"] .gp-coupon-panel strong{
 font-size:14.5px;
 margin-bottom:3px;
}
#mainContent[data-main-design="lavender"] .gp-coupon-panel > div > span{
 font-size:12.5px;
 color:#8a91a3 !important;
}
#mainContent[data-main-design="lavender"] .gp-coupon-form{
 display:flex;
 align-items:center;
 gap:8px;
}
#mainContent[data-main-design="lavender"] .gp-coupon-form input{
 height:44px;
 border-radius:10px;
}
#mainContent[data-main-design="lavender"] .gp-coupon-form button{
 width:88px;
 height:44px;
 border:0 !important;
 border-radius:10px !important;
 background:#171a2b !important;
 color:#fff !important;
 font-size:13.5px !important;
 font-weight:600 !important;
 cursor:pointer;
}
#mainContent[data-main-design="lavender"] .gp-coupon-form button:hover{
 background:#23263a !important;
}
#couponMsg:empty{
 display:none;
}

/* ===== lavender v11: 쿠폰 여백 대칭·가이드 구분선·구독 탭 동일 레이아웃·초대 카드 ===== */
#mainContent[data-main-design="lavender"] .gp-page-hero{
  margin-bottom:16px !important;
}

/* SEO landing routes: /blog, /detect-report */
.gp-seo-page{
 width:min(1120px,100%);
 margin:0 auto;
 padding:10px 0 44px;
 color:var(--text);
}
.gp-seo-hero{
 display:grid;
 grid-template-columns:minmax(0,1fr) 340px;
 gap:36px;
 align-items:center;
 min-height:360px;
 padding:46px 44px;
 border:1px solid rgba(126,111,255,.18);
 border-radius:28px;
 background:
  radial-gradient(circle at 88% 18%,rgba(126,111,255,.16),transparent 34%),
  linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,248,255,.88));
 box-shadow:0 20px 70px rgba(31,38,75,.08);
 overflow:hidden;
}
.gp-seo-kicker{
 display:inline-flex;
 align-items:center;
 min-height:30px;
 padding:0 13px;
 border-radius:999px;
 background:rgba(90,91,216,.1);
 color:#5a5bd8;
 font-size:13px;
 font-weight:800;
 margin-bottom:18px;
}
.gp-seo-hero h2{
 margin:0;
 max-width:650px;
 color:#141826;
 font-size:48px;
 line-height:1.13;
 font-weight:900;
 letter-spacing:0;
}
.gp-seo-hero p{
 margin:18px 0 0;
 max-width:560px;
 color:#5b6477;
 font-size:17px;
 line-height:1.72;
}
.gp-seo-actions{
 display:flex;
 gap:12px;
 flex-wrap:wrap;
 margin-top:28px;
}
.gp-seo-actions button,
.gp-seo-strip button,
.gp-blog-feature button,
.gp-detect-note button{
 height:44px;
 border:0;
 border-radius:14px;
 padding:0 18px;
 font-weight:850;
 cursor:pointer;
 transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.gp-seo-primary,
.gp-seo-strip button,
.gp-blog-feature button,
.gp-detect-note button{
 color:#fff;
 background:linear-gradient(135deg,#6d55ff,#4f8cff);
 box-shadow:0 12px 28px rgba(90,91,216,.24);
}
.gp-seo-secondary{
 color:#252b3b;
 background:#fff;
 border:1px solid rgba(33,41,70,.12) !important;
}
.gp-seo-actions button:hover,
.gp-seo-strip button:hover,
.gp-blog-feature button:hover,
.gp-detect-note button:hover{transform:translateY(-1px);}
.gp-seo-visual{
 position:relative;
 min-height:250px;
 border-radius:24px;
 background:linear-gradient(145deg,#151827,#252b52);
 color:#fff;
 padding:28px;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.gp-seo-visual span{
 display:block;
 font-size:64px;
 font-weight:950;
 color:#8f7cff;
 line-height:1;
}
.gp-seo-visual i{
 display:block;
 width:100%;
 height:90px;
 margin:28px 0 18px;
 border-radius:18px;
 background:repeating-linear-gradient(0deg,rgba(255,255,255,.75) 0 2px,transparent 2px 18px);
 opacity:.42;
 transform:rotate(-4deg);
}
.gp-seo-visual strong{font-size:20px;line-height:1.35;}
.gp-blog-layout{
 display:grid;
 grid-template-columns:390px minmax(0,1fr);
 gap:20px;
 margin-top:22px;
}
.gp-blog-feature,
.gp-blog-list article,
.gp-detect-grid article,
.gp-detect-note{
 border:1px solid rgba(33,41,70,.1);
 border-radius:22px;
 background:rgba(255,255,255,.86);
 box-shadow:0 14px 44px rgba(31,38,75,.06);
}
.gp-blog-feature{padding:28px;}
.gp-blog-feature span,
.gp-blog-list em{
 color:#5a5bd8;
 font-size:13px;
 font-style:normal;
 font-weight:850;
}
.gp-blog-feature h3,
.gp-blog-list h3,
.gp-detect-grid h3,
.gp-detect-note h3{
 margin:10px 0 8px;
 color:#171b29;
 font-size:22px;
 line-height:1.35;
}
.gp-blog-feature p,
.gp-blog-list p,
.gp-detect-grid p,
.gp-detect-note p{
 margin:0;
 color:#5e687b;
 font-size:14.5px;
 line-height:1.7;
}
.gp-blog-feature button{margin-top:24px;}
.gp-blog-list{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
}
.gp-blog-list article,
.gp-detect-grid article{padding:24px;}
.gp-seo-strip{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 margin-top:22px;
 padding:24px 28px;
 border-radius:22px;
 background:linear-gradient(135deg,#fff7c7,#f2ecff 70%,#eaf4ff);
 border:1px solid rgba(126,111,255,.14);
}
.gp-seo-strip strong{
 display:block;
 color:#171b29;
 font-size:22px;
 line-height:1.35;
}
.gp-seo-strip span{
 display:block;
 margin-top:6px;
 color:#5e687b;
 font-size:14.5px;
}
.gp-detect-hero{
 background:
  radial-gradient(circle at 82% 22%,rgba(55,218,196,.16),transparent 32%),
  linear-gradient(135deg,rgba(255,255,255,.95),rgba(244,250,255,.9));
}
.gp-detect-meter{
 border-radius:28px;
 padding:30px;
 background:linear-gradient(145deg,#111827,#1c2342);
 color:#fff;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 18px 50px rgba(19,31,61,.15);
}
.gp-detect-meter div{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:16px;
}
.gp-detect-meter span{color:#bac6dc;font-size:13px;font-weight:800;}
.gp-detect-meter strong{font-size:58px;line-height:1;color:#45dfc8;}
.gp-detect-meter i{
 display:block;
 height:10px;
 margin:26px 0 20px;
 border-radius:999px;
 background:linear-gradient(90deg,#45dfc8 0 72%,rgba(255,255,255,.14) 72%);
}
.gp-detect-meter p{
 margin:0;
 color:#c5d0e4;
 font-size:14px;
 line-height:1.65;
}
.gp-detect-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:16px;
 margin-top:22px;
}
.gp-detect-grid span{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:36px;
 height:36px;
 border-radius:12px;
 background:rgba(90,91,216,.1);
 color:#5a5bd8;
 font-weight:900;
}
.gp-detect-note{
 margin-top:22px;
 padding:28px;
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:20px;
 align-items:center;
}
.gp-detect-note h3{margin-top:0;}
@media (max-width:960px){
 .gp-seo-page{padding:70px 16px 110px;}
 .gp-seo-hero,
 .gp-blog-layout,
 .gp-detect-note{grid-template-columns:1fr;}
 .gp-seo-hero{padding:30px 22px;border-radius:22px;}
 .gp-seo-hero h2{font-size:34px;}
 .gp-seo-visual{display:none;}
 .gp-blog-list,
 .gp-detect-grid{grid-template-columns:1fr;}
 .gp-seo-strip{display:block;}
 .gp-seo-strip button{margin-top:18px;width:100%;}
}
#mainContent[data-main-design="lavender"] .gp-coupon-panel{
 padding:0 0 16px !important;
 margin:0 0 16px !important;
}
/* 플랜 가이드: 단계 구분선 명확하게(데스크톱 세로, 모바일 가로) */
#mainContent[data-main-design="lavender"] .gp-fit-panel article{
 border-right:1px solid #e3e6f0;
}
#mainContent[data-main-design="lavender"] .gp-fit-panel article:last-child{
 border-right:0;
}
@media(max-width:900px){
 #mainContent[data-main-design="lavender"] .gp-fit-panel article{
  border-right:0;
  border-bottom:1px solid #e3e6f0;
  padding:14px 0 !important;
 }
 #mainContent[data-main-design="lavender"] .gp-fit-panel article:first-child{
  padding-top:0 !important;
 }
 #mainContent[data-main-design="lavender"] .gp-fit-panel article:last-child{
  border-bottom:0;
 }
}
/* 정기구독 가이드는 4단 */
#mainContent[data-main-design="lavender"] .gp-fit-sub > div{
 grid-template-columns:repeat(4,1fr);
}

/* 사이드바 초대 카드: 조용한 카드 + 버튼만 클릭 */
.gp-lav-side-bottom .sidebar-invite{
 pointer-events:none;
 padding:14px !important;
 border:1px solid #e7e9f4 !important;
 border-radius:12px !important;
 background:#f7f8fc !important;
 box-shadow:none !important;
}
.gp-lav-side-bottom .sidebar-invite .gp-invite-btn{
 pointer-events:auto;
 width:100%;
 margin-top:10px;
}
.gp-lav-side-bottom .gp-invite-close{
 display:none !important;
}
.gp-lav-side-bottom .sidebar-invite-title{
 color:#1f2438 !important;
 font-size:12.5px !important;
 font-weight:700 !important;
}
.gp-lav-side-bottom .sidebar-invite-sub{
 margin-top:2px;
 color:#8a91a3 !important;
 font-size:11.5px !important;
 font-weight:500 !important;
}

/* ===== lavender v12: 모달 라이트 컨셉 + 초대 카드 X 복원 ===== */
/* 모달: 토큰 재정의로 인라인 var() 스타일까지 라이트화 */
body[data-main-design="lavender"] :is(#inviteModal,#policyModal,#subConfirmModal,#refundModal){
 --surface:#ffffff;
 --surface2:#f6f7fc;
 --surface3:#eef0f8;
 --border:#e4e7f1;
 --text:#1a1f2e;
 --text2:#525a6e;
 --text3:#8a91a3;
 --blue:#3a62c4;
 --green:#1e8e3e;
 --red:#d64545;
 --yellow:#b8860b;
 --accent:#5a5bd8;
 --gp-accent:#171a2b;
 background:rgba(23,26,43,.44) !important;
}
body[data-main-design="lavender"] :is(#inviteModal,#policyModal,#subConfirmModal,#refundModal) .gp-modal-card{
 box-shadow:0 30px 80px rgba(52,58,110,.22) !important;
 border-radius:20px !important;
}
body[data-main-design="lavender"] #inviteModal .gp-modal-card svg :is(circle,path){
 stroke:#8a91a3;
}
body[data-main-design="lavender"] #inviteModal .gp-modal-card svg circle[stroke="#3fb950"],
body[data-main-design="lavender"] #inviteModal .gp-modal-card svg path[stroke="#3fb950"]{
 stroke:#5a5bd8;
}
body[data-main-design="lavender"] #inviteModal .gp-modal-card svg path[stroke="#e3b341"]{
 stroke:#5a5bd8;
}

/* 사이드바 초대 카드: X 닫기 복원(버튼·X만 클릭 가능) */
.gp-lav-side-bottom .sidebar-invite{
 padding:14px 30px 14px 14px !important;
}
.gp-lav-side-bottom .gp-invite-close{
 display:flex !important;
 pointer-events:auto;
 position:absolute;
 right:7px;
 top:7px;
 width:22px;
 height:22px;
 align-items:center;
 justify-content:center;
 padding:0;
 border:0;
 border-radius:50%;
 background:transparent !important;
 color:#9aa1b5 !important;
 font-size:13px;
 line-height:1;
 cursor:pointer;
}
.gp-lav-side-bottom .gp-invite-close:hover{
 background:#e9ebf4 !important;
 color:#3d4458 !important;
}

/* ===== lavender v13: 정기구독 카드 = 크레딧 카드와 동일 규격 ===== */
#mainContent[data-main-design="lavender"] .gp-sub-grid{
 grid-template-columns:repeat(4,calc((100% - 48px) / 5)) !important;
 justify-content:center;
 gap:12px !important;
 margin-bottom:16px;
}
#mainContent[data-main-design="lavender"] :is(.gp-plan-grid,.gp-sub-grid) .plan-card{
 min-height:312px;
 display:flex;
 flex-direction:column;
}
#mainContent[data-main-design="lavender"] :is(.gp-plan-grid,.gp-sub-grid) .plan-btn{
 margin-top:auto;
}
@media(max-width:900px){
 #mainContent[data-main-design="lavender"] .gp-sub-grid{
  grid-template-columns:1fr !important;
 }
 #mainContent[data-main-design="lavender"] :is(.gp-plan-grid,.gp-sub-grid) .plan-card{
  min-height:0;
 }
}

/* ===== lavender v14: 사이드바 초대 카드 정밀 다듬기 ===== */
.gp-lav-side-bottom .gp-sidebar-footer{
 gap:12px;
}
.gp-lav-side-bottom .sidebar-invite{
 padding:16px 16px 14px !important;
 border:1px solid #e4e7f1 !important;
 border-radius:14px !important;
 background:#f7f8fc !important;
}
.gp-lav-side-bottom .sidebar-invite-title{
 padding-right:20px;
 color:#1a1f2e !important;
 font-size:13px !important;
 font-weight:700 !important;
 line-height:1.4 !important;
 letter-spacing:0;
}
.gp-lav-side-bottom .sidebar-invite-sub{
 margin-top:4px !important;
 color:#7d8597 !important;
 font-size:12px !important;
 font-weight:500 !important;
 line-height:1.5 !important;
}
.gp-lav-side-bottom .gp-invite-btn{
 margin-top:12px !important;
 min-height:38px !important;
 border-radius:10px !important;
 font-size:12.5px !important;
 font-weight:600 !important;
 letter-spacing:0;
}
.gp-lav-side-bottom .gp-invite-close{
 right:9px;
 top:9px;
 width:24px;
 height:24px;
 font-size:14px;
}

/* ===== lavender v15: 초대 카드 X 호버를 X 크기에만 한정 ===== */
.gp-lav-side-bottom .gp-invite-close{
 width:24px !important;
 height:24px !important;
 min-height:0 !important;
 min-width:0 !important;
 padding:0 !important;
 gap:0 !important;
 transition:background .12s ease,color .12s ease;
 transform:none !important;
}
.gp-lav-side-bottom .gp-invite-close:hover{
 background:#e9ebf4 !important;
 color:#3d4458 !important;
 transform:none !important;
 filter:none !important;
}

/* ===== lavender v16: 회피 모드 인라인 스테퍼(P0 목업) ===== */
.gp-lav-flow{
 width:min(820px,100%);
 margin-top:34px;
 text-align:left;
}
.gp-lav-flow[hidden]{display:none;}
.gp-lav-flow-reset{
 margin:0 0 14px;
 padding:0;
 border:0;
 background:transparent;
 color:#8a91a3;
 font-size:13px;
 font-weight:500;
 cursor:pointer;
}
.gp-lav-flow-reset:hover{color:#3d4458;}
.lav-flow-card{
 border:1px solid #e4e7f1;
 border-radius:18px;
 background:#fff;
 padding:24px;
}
.lav-flow-card[hidden]{display:none;}
.lav-flow-h{
 margin:0 0 16px;
 color:#14182a;
 font-size:17px;
 font-weight:700;
}

/* 진단 배너 */
.lav-diag{
 background:linear-gradient(150deg,#f3f3ff,#eef3ff);
 border-color:#e0e3f4;
}
.lav-diag-head{
 display:flex;
 align-items:flex-start;
 gap:14px;
}
.lav-diag-grade{
 flex:0 0 44px;
 width:44px;
 height:44px;
 display:grid;
 place-items:center;
 border-radius:13px;
 background:#5a5bd8;
 color:#fff;
 font-size:20px;
 font-weight:800;
}
.lav-diag-head strong{
 display:block;
 color:#1a1f2e;
 font-size:16px;
 font-weight:700;
}
.lav-diag-head p{
 margin:5px 0 0;
 color:#525a6e;
 font-size:13.5px;
 line-height:1.6;
 font-weight:500;
}
.lav-diag-bands{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:10px;
 margin:18px 0 0;
}
.lav-diag-bands > div{
 padding:13px;
 border:1px solid #e2e5f1;
 border-radius:12px;
 background:rgba(255,255,255,.7);
 text-align:center;
}
.lav-diag-bands > div.reco{
 border-color:#bcbef0;
 background:#fff;
 position:relative;
}
.lav-diag-bands span{
 display:block;
 color:#6a7184;
 font-size:12px;
 font-weight:600;
}
.lav-diag-bands b{
 display:block;
 margin:5px 0 2px;
 color:#14182a;
 font-size:19px;
 font-weight:800;
}
.lav-diag-bands em{
 color:#8a91a3;
 font-size:11.5px;
 font-style:normal;
 font-weight:500;
}
.lav-diag-bands .reco em{
 color:#4b4cc6;
 font-weight:700;
}
.lav-diag-note{
 margin:14px 0 0;
 color:#8a91a3;
 font-size:12px;
 font-weight:500;
}

/* 목적 카드 2장 */
.lav-purpose-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:12px;
}
.lav-purpose-opt{
 display:block;
 padding:20px;
 border:1px solid #e4e7f1;
 border-radius:14px;
 background:#fff;
 text-align:left;
 cursor:pointer;
 font:inherit;
 transition:border-color .15s ease,background .15s ease;
}
.lav-purpose-opt:hover{border-color:#bcbef0;background:#fafaff;}
.lav-purpose-opt.accent{border-color:#cdcef4;background:#f7f7ff;}
.lav-purpose-opt.accent:hover{border-color:#a9abee;}
.lav-purpose-ico{
 width:34px;
 height:34px;
 display:block;
 margin-bottom:13px;
 border-radius:10px;
 background:#eef0f8;
 position:relative;
}
.lav-purpose-ico.reduce{background:#e7e7fb;}
.lav-purpose-ico::after{
 content:"";
 position:absolute;
 left:9px;
 top:14px;
 right:9px;
 height:2px;
 border-radius:2px;
 background:#9aa1b5;
 box-shadow:0 5px 0 #c2c7d6;
}
.lav-purpose-ico.reduce::after{background:#7173ee;box-shadow:0 5px 0 #c6c7f6;}
.lav-purpose-opt strong{
 display:block;
 color:#14182a;
 font-size:16px;
 font-weight:700;
}
.lav-purpose-opt p{
 margin:6px 0 12px;
 color:#5d6477;
 font-size:13px;
 line-height:1.6;
 font-weight:500;
}
.lav-purpose-band{
 display:inline-block;
 padding:5px 10px;
 border-radius:8px;
 background:#eef0fb;
 color:#4b4cc6;
 font-size:11.5px;
 font-style:normal;
 font-weight:700;
}
.lav-purpose-band.quiet{background:#f1f2f8;color:#6a7184;}

/* 회피 설정 */
.lav-set-block{
 padding:18px 0;
 border-top:1px solid #eef0f7;
}
.lav-set-block:first-of-type{border-top:0;padding-top:2px;}
.lav-set-label{
 display:flex;
 align-items:baseline;
 gap:9px;
 margin-bottom:11px;
}
.lav-set-label strong{color:#1a1f2e;font-size:14px;font-weight:700;}
.lav-set-label span{color:#9aa1b5;font-size:12px;font-weight:500;}
.lav-tone-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:10px;
}
.lav-tone-opt{
 display:block;
 border:1px solid #e4e7f1;
 border-radius:12px;
 padding:14px;
 cursor:pointer;
 transition:border-color .15s ease,background .15s ease;
}
.lav-tone-opt input{position:absolute;opacity:0;pointer-events:none;}
.lav-tone-opt:has(input:checked){border-color:#5a5bd8;background:#f4f4fd;}
.lav-tone-body b{display:block;color:#1a1f2e;font-size:14px;font-weight:700;}
.lav-tone-body i{display:block;margin:5px 0 8px;color:#6a7184;font-size:12px;line-height:1.5;font-style:normal;font-weight:500;}
.lav-tone-body em{color:#4b4cc6;font-size:11.5px;font-style:normal;font-weight:700;}
.lav-radio-row{display:flex;gap:10px;}
.lav-radio{flex:1;}
.lav-radio input{position:absolute;opacity:0;pointer-events:none;}
.lav-radio span{
 display:block;
 padding:12px 14px;
 border:1px solid #e4e7f1;
 border-radius:11px;
 cursor:pointer;
 color:#1a1f2e;
 font-size:13.5px;
 font-weight:600;
 transition:border-color .15s ease,background .15s ease;
}
.lav-radio span i{display:block;margin-top:3px;color:#8a91a3;font-size:11.5px;font-style:normal;font-weight:500;}
.lav-radio:has(input:checked) span{border-color:#5a5bd8;background:#f4f4fd;}
.lav-memo{
 width:100%;
 border:1px solid #e4e7f1;
 border-radius:11px;
 padding:12px 14px;
 background:#fff;
 color:#1a1f2e;
 font:inherit;
 font-size:13.5px;
 line-height:1.6;
 font-weight:500;
 resize:vertical;
 outline:0;
}
.lav-memo::placeholder{color:#9aa1b5;font-weight:500;}
.lav-toggle{
 display:flex;
 align-items:flex-start;
 gap:12px;
 cursor:pointer;
}
.lav-toggle input{position:absolute;opacity:0;pointer-events:none;}
.lav-toggle-track{
 flex:0 0 42px;
 width:42px;
 height:24px;
 margin-top:1px;
 border-radius:999px;
 background:#d7dae8;
 position:relative;
 transition:background .15s ease;
}
.lav-toggle-track i{
 position:absolute;
 left:3px;
 top:3px;
 width:18px;
 height:18px;
 border-radius:50%;
 background:#fff;
 transition:transform .15s ease;
}
.lav-toggle input:checked + .lav-toggle-track{background:#5a5bd8;}
.lav-toggle input:checked + .lav-toggle-track i{transform:translateX(18px);}
.lav-toggle-text b{display:block;color:#1a1f2e;font-size:14px;font-weight:700;}
.lav-toggle-text i{display:block;margin-top:3px;color:#6a7184;font-size:12px;line-height:1.5;font-style:normal;font-weight:500;}
.lav-evidence-note{
 margin:10px 0 0 54px;
 color:#8a6116;
 font-size:12px;
 font-weight:500;
}
.lav-flow-cta,
.lav-confirm-actions button:last-child,
.lav-approve-actions button:last-child,
.lav-done-actions button:last-child{
 min-height:46px;
 padding:0 22px;
 border:0;
 border-radius:11px;
 background:#171a2b;
 color:#fff;
 font-size:14px;
 font-weight:600;
 cursor:pointer;
}
.lav-flow-cta{
 width:100%;
 margin-top:8px;
}
.lav-flow-cta:hover,
.lav-confirm-actions button:last-child:hover,
.lav-approve-actions button:last-child:hover,
.lav-done-actions button:last-child:hover{background:#23263a;}

/* 작업 상태 */
.lav-job-head{
 display:flex;
 align-items:flex-start;
 gap:13px;
}
.lav-spinner{
 flex:0 0 22px;
 width:22px;
 height:22px;
 margin-top:2px;
 border-radius:50%;
 border:2.5px solid #e0e3f4;
 border-top-color:#5a5bd8;
 animation:lavSpin .8s linear infinite;
}
@keyframes lavSpin{to{transform:rotate(360deg);}}
.lav-job-head strong{display:block;color:#14182a;font-size:15px;font-weight:700;}
.lav-job-head p{margin:4px 0 0;color:#6a7184;font-size:12.5px;line-height:1.5;font-weight:500;}
.lav-job-id{
 margin-left:auto;
 padding:4px 10px;
 border-radius:7px;
 background:#f1f2f8;
 color:#8a91a3;
 font-size:12px;
 font-weight:700;
}
.lav-steps{
 list-style:none;
 margin:20px 0 0;
 padding:0;
 display:flex;
 flex-direction:column;
 gap:11px;
}
.lav-steps li{
 display:flex;
 align-items:center;
 gap:11px;
 color:#9aa1b5;
 font-size:13.5px;
 font-weight:600;
}
.lav-steps li i{
 flex:0 0 18px;
 width:18px;
 height:18px;
 border-radius:50%;
 border:2px solid #d7dae8;
 position:relative;
}
.lav-steps li.done{color:#3d4458;}
.lav-steps li.done i{border-color:#1e8e3e;background:#1e8e3e;}
.lav-steps li.done i::after{
 content:"";
 position:absolute;
 left:4px;
 top:1px;
 width:6px;
 height:10px;
 border-right:2px solid #fff;
 border-bottom:2px solid #fff;
 transform:rotate(40deg);
}
.lav-steps li.active{color:#14182a;}
.lav-steps li.active i{border-color:#5a5bd8;border-top-color:transparent;animation:lavSpin .8s linear infinite;}

/* 근거 승인 */
.lav-approve{
 margin-top:20px;
 padding-top:18px;
 border-top:1px solid #eef0f7;
}
.lav-approve-head strong{display:block;color:#14182a;font-size:14px;font-weight:700;}
.lav-approve-head span{display:block;margin-top:3px;color:#8a91a3;font-size:12px;font-weight:500;}
.lav-approve-list{
 margin:14px 0;
 display:flex;
 flex-direction:column;
 gap:8px;
}
.lav-approve-item{
 display:flex;
 align-items:flex-start;
 gap:11px;
 padding:13px;
 border:1px solid #e7e9f4;
 border-radius:11px;
 cursor:pointer;
}
.lav-approve-item input{margin-top:3px;flex:0 0 16px;width:16px;height:16px;accent-color:#5a5bd8;}
.lav-approve-item > div{min-width:0;flex:1;}
.lav-approve-item b{display:block;color:#1a1f2e;font-size:13px;font-weight:600;line-height:1.45;}
.lav-approve-item span{display:block;margin-top:3px;color:#8a91a3;font-size:11.5px;font-weight:500;}
.lav-approve-grade{
 flex:0 0 auto;
 padding:3px 8px;
 border-radius:6px;
 font-size:11px;
 font-weight:700;
}
.lav-approve-grade.a{background:#e6f6ee;color:#177a4c;}
.lav-approve-grade.b{background:#eef0fb;color:#4b4cc6;}
.lav-approve-grade.c{background:#fdeaea;color:#c43d3d;}
.lav-approve-item .warn{color:#b8860b;}
.lav-approve-actions{
 display:flex;
 justify-content:flex-end;
 gap:8px;
}
.lav-approve-actions .ghost,
.lav-done-actions .ghost,
.lav-confirm-actions .ghost{
 min-height:42px;
 padding:0 16px;
 border:1px solid #dfe3ee;
 border-radius:10px;
 background:#fff;
 color:#39415a;
 font-size:13.5px;
 font-weight:600;
 cursor:pointer;
}
.lav-approve-actions .ghost:hover,
.lav-done-actions .ghost:hover,
.lav-confirm-actions .ghost:hover{background:#f4f5fa;}
.lav-approve-actions button:last-child{min-height:42px;padding:0 16px;font-size:13.5px;}

/* 결과 + 신뢰 배지 */
.lav-done-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
}
.lav-done-kicker{
 color:#1e8e3e;
 font-size:12px;
 font-weight:700;
}
.lav-done-head h3{margin:4px 0 0;color:#14182a;font-size:18px;font-weight:700;}
.lav-done-score{text-align:right;}
.lav-done-score b{display:block;color:#14182a;font-size:26px;font-weight:800;line-height:1;}
.lav-done-score em{color:#8a91a3;font-size:11.5px;font-style:normal;font-weight:500;}
.lav-trust{
 display:flex;
 flex-wrap:wrap;
 gap:7px;
 margin:16px 0;
}
.lav-trust-badge{
 display:inline-flex;
 align-items:center;
 gap:5px;
 padding:5px 11px;
 border-radius:999px;
 font-size:12px;
 font-weight:600;
}
.lav-trust-badge.ok{background:#e6f6ee;color:#177a4c;}
.lav-trust-badge.ok::before{content:"✓";font-weight:800;}
.lav-done-body{
 padding:16px;
 border:1px solid #eef0f7;
 border-radius:12px;
 background:#fafbfc;
 color:#212738;
 font-size:14px;
 line-height:1.8;
 font-weight:400;
 white-space:pre-wrap;
}
.lav-done-actions{
 display:flex;
 justify-content:flex-end;
 gap:8px;
 margin-top:16px;
}

/* 확인 모달 */
.lav-confirm-modal{
 position:fixed;
 inset:0;
 z-index:9999;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:20px;
 background:rgba(23,26,43,.44);
}
.lav-confirm-modal[hidden]{display:none;}
.lav-confirm-card{
 width:min(420px,100%);
 padding:26px 24px 22px;
 border:1px solid #e7e9f4;
 border-radius:20px;
 background:#fff;
 box-shadow:0 30px 80px rgba(52,58,110,.22);
 position:relative;
}
.lav-confirm-x{
 position:absolute;
 right:14px;
 top:14px;
 width:26px;
 height:26px;
 border:0;
 border-radius:50%;
 background:transparent;
 color:#9aa1b5;
 font-size:16px;
 cursor:pointer;
}
.lav-confirm-x:hover{background:#f1f2f8;color:#3d4458;}
.lav-confirm-title{display:block;color:#14182a;font-size:17px;font-weight:700;}
.lav-confirm-summary{
 list-style:none;
 margin:16px 0;
 padding:14px 16px;
 border-radius:12px;
 background:#f6f7fc;
 display:flex;
 flex-direction:column;
 gap:8px;
}
.lav-confirm-summary li{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 color:#39415a;
 font-size:13px;
 font-weight:500;
}
.lav-confirm-summary li b{color:#1a1f2e;font-weight:700;}
.lav-confirm-cost{
 display:flex;
 gap:10px;
 margin-bottom:14px;
}
.lav-confirm-cost > div{
 flex:1;
 padding:12px 14px;
 border:1px solid #e7e9f4;
 border-radius:11px;
}
.lav-confirm-cost span{display:block;color:#8a91a3;font-size:12px;font-weight:500;}
.lav-confirm-cost b{display:block;margin-top:3px;color:#14182a;font-size:15px;font-weight:700;}
.lav-confirm-note{margin:0 0 16px;color:#8a91a3;font-size:12px;line-height:1.5;font-weight:500;}
.lav-confirm-actions{display:flex;gap:8px;}
.lav-confirm-actions button{flex:1;}

@media(max-width:560px){
 .lav-diag-bands,
 .lav-purpose-grid,
 .lav-tone-grid,
 .lav-radio-row{grid-template-columns:1fr;display:grid;}
 .lav-radio-row{gap:8px;}
}

/* ===== lavender v17: 회피 모드를 페이지 전환(워크스페이스)로 ===== */
.gp-lav-entry[hidden]{display:none;}
/* 워크스페이스 활성 시 히어로는 상단 정렬 + 전체 폭 */
.gp-lav-hero.flow-active{
 justify-content:flex-start;
 width:100%;
 margin:0;
 padding-top:8px;
}
.gp-lav-flow{
 width:min(760px,100%);
 margin:0 auto;
 text-align:left;
}
.gp-lav-flow[hidden]{display:none;}

/* 상단 컨텍스트 바 */
.lav-flow-bar{
 display:flex;
 align-items:center;
 gap:12px;
 margin-bottom:18px;
}
.lav-flow-back{
 flex:0 0 38px;
 width:38px;
 height:38px;
 border:1px solid #e4e7f1;
 border-radius:11px;
 background:#fff;
 color:#3d4458;
 font-size:17px;
 cursor:pointer;
}
.lav-flow-back:hover{background:#f4f5fa;}
.lav-flow-ctx{flex:1;min-width:0;}
.lav-flow-ctx strong{display:block;color:#14182a;font-size:16px;font-weight:700;}
.lav-flow-ctx span{display:block;margin-top:1px;color:#8a91a3;font-size:12.5px;font-weight:500;}
.lav-flow-edit{
 padding:8px 14px;
 border:1px solid #e4e7f1;
 border-radius:999px;
 background:#fff;
 color:#3d4458;
 font-size:13px;
 font-weight:600;
 cursor:pointer;
}
.lav-flow-edit:hover{background:#f4f5fa;}

/* 카드 전환 페이드 */
.lav-flow-card{
 animation:lavCardIn .26s ease both;
}
@keyframes lavCardIn{
 from{opacity:0;transform:translateY(8px);}
 to{opacity:1;transform:translateY(0);}
}

/* 분석 중 화면 */
.lav-analyzing{
 text-align:center;
 padding:56px 24px;
}
.lav-analyzing strong{
 display:block;
 margin-top:18px;
 color:#14182a;
 font-size:17px;
 font-weight:700;
}
.lav-analyzing p{
 margin:7px 0 0;
 color:#6a7184;
 font-size:13.5px;
 font-weight:500;
}
.lav-spinner.big{
 width:34px;
 height:34px;
 border-width:3px;
 margin:0 auto;
 display:block;
}

/* 선택 화면: 진단 배너와 카드 간격 */
.lav-choose .lav-diag{
 margin-bottom:22px;
}
.lav-choose .lav-flow-h{
 margin:0 0 14px;
}

@media(max-width:560px){
 .gp-lav-hero.flow-active{padding-top:4px;}
 .lav-flow-ctx strong{font-size:15px;}
 .lav-flow-edit{padding:7px 11px;font-size:12px;}
}

/* ===== lavender v18: 워크스페이스 디자인 정리(평평하게, 이상한 배경 제거) ===== */
/* 입력 컴포저: 파일/분석 버튼 라벨 표기 정리 */
.gp-lav-add{
 width:auto;
 padding:0 14px;
 gap:7px;
 font-size:13px;
 font-weight:600;
 color:#525a6e;
}
.gp-lav-add span{white-space:nowrap;}
.gp-lav-send{
 width:auto;
 height:44px;
 border-radius:11px;
 gap:7px;
 padding:0 20px;
 font-size:14px;
 font-weight:700;
}
.gp-lav-send span{white-space:nowrap;}
.gp-lav-send svg{width:18px;height:18px;}

/* 워크스페이스 카드 공통: 평평한 흰 카드 */
.lav-flow-card{
 padding:26px 28px;
}

/* 선택 화면: 진단을 카드 내부 헤더로(그라데이션 박스 제거) */
.lav-choose .lav-diag{
 background:transparent;
 border:0;
 border-radius:0;
 padding:0 0 22px;
 margin:0 0 22px;
 border-bottom:1px solid #eef0f7;
}
.lav-diag-head{align-items:center;}
.lav-diag-grade{
 background:#eef0f8;
 color:#4b4cc6;
}
.lav-diag-bands{
 grid-template-columns:repeat(3,1fr);
 gap:8px;
 margin-top:16px;
}
.lav-diag-bands > div{
 background:#fafbfd;
 border-color:#eef0f7;
 border-radius:11px;
 padding:12px;
}
.lav-diag-bands > div.reco{
 background:#f6f6ff;
 border-color:#cdcef4;
}
.lav-diag-bands b{font-size:18px;}

/* 목적 카드: 틴트 제거, 깔끔한 흰 카드 */
.lav-purpose-opt,
.lav-purpose-opt.accent{
 background:#fff;
 border-color:#e4e7f1;
}
.lav-purpose-opt:hover,
.lav-purpose-opt.accent:hover{
 background:#fafbff;
 border-color:#5a5bd8;
}
.lav-purpose-ico{
 width:38px;
 height:38px;
 display:grid;
 place-items:center;
 border-radius:11px;
 background:#f1f2f8;
 color:#5d647c;
}
.lav-purpose-ico::after{content:none;}
.lav-purpose-ico svg{width:20px;height:20px;}
.lav-purpose-opt.accent .lav-purpose-ico{
 background:#edecfd;
 color:#5a5bd8;
}

/* 설정 화면: 토글 선택 배경 톤 다운 */
.lav-tone-opt:has(input:checked),
.lav-radio:has(input:checked) span{
 background:#f6f6ff;
 border-color:#5a5bd8;
}

/* 결과 화면: 본문 카드 평평하게 */
.lav-done-body{
 background:#fafbfd;
 border-color:#eef0f7;
}


/* ===== lavender v19: 컴포저 아이콘화·그림자 절제·다이나믹 Before/After ===== */
/* 컴포저 버튼 아이콘만 + 그림자 절제 */
.gp-lav-composer{
 box-shadow:0 4px 16px rgba(70,76,140,.05);
}
.gp-lav-composer:focus-within{
 box-shadow:0 6px 22px rgba(70,76,140,.09);
}
.gp-lav-add{
 width:44px;
 padding:0;
 gap:0;
}
.gp-lav-send{
 width:52px;
 height:52px;
 padding:0;
 border-radius:50%;
 box-shadow:none;
}
.gp-lav-send:hover{
 box-shadow:none;
 filter:brightness(1.05);
}
.gp-lav-send svg{width:22px;height:22px;}

/* Before/After: 탐지율 미터 + 정렬된 2열 (다이나믹) */
.gp-lav-proof{
 display:block;
 width:min(820px,100%);
 margin-top:34px;
 padding:20px 22px;
 border:1px solid #e7e9f4;
 border-radius:18px;
 background:#fff;
 box-shadow:none;
 cursor:pointer;
 text-align:left;
 font:inherit;
 transition:border-color .15s ease;
}
.gp-lav-proof:hover{border-color:#cdcef4;}
.gp-lav-proof-meter{display:block;margin-bottom:18px;}
.gp-lav-proof-meter-top{
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:9px;
}
.gp-lav-proof-meter-top .lab{
 color:#6a7184;
 font-size:12.5px;
 font-weight:600;
}
.gp-lav-proof-meter-top .nums{
 display:inline-flex;
 align-items:center;
 gap:8px;
 font-size:14px;
 font-weight:800;
}
.gp-lav-proof-meter-top .nums .bad{color:#e2554f;}
.gp-lav-proof-meter-top .nums .good{color:#1fa463;}
.gp-lav-proof-meter-top .nums i{color:#b3b9c8;font-style:normal;font-weight:600;}
.gp-lav-proof-track{
 display:block;
 height:8px;
 border-radius:999px;
 background:#eef0f7;
 overflow:hidden;
 position:relative;
}
.gp-lav-proof-track i{
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 width:7%;
 border-radius:999px;
 background:#1fa463;
 animation:lavMeterDrop 1.7s .35s cubic-bezier(.5,0,.18,1) both;
}
@keyframes lavMeterDrop{
 0%{width:92%;background:#e2554f;}
 60%{background:#e8923c;}
 100%{width:7%;background:#1fa463;}
}
.gp-lav-proof:hover .gp-lav-proof-track i{
 animation:lavMeterDrop 1.4s cubic-bezier(.5,0,.18,1) both;
}

.gp-lav-proof-cols{
 display:grid;
 grid-template-columns:1fr 30px 1fr;
 align-items:stretch;
 gap:0;
}
.gp-lav-proof-cols .col{
 display:flex;
 flex-direction:column;
 gap:9px;
 padding:14px 16px;
 border-radius:12px;
}
.gp-lav-proof-cols .col.before{background:#faf7f7;}
.gp-lav-proof-cols .col.after{background:#f4faf6;}
.gp-lav-proof-cols .tag{
 display:inline-flex;
 align-self:flex-start;
 align-items:center;
 padding:3px 9px;
 border-radius:7px;
 font-size:11.5px;
 font-weight:700;
}
.gp-lav-proof-cols .col.before .tag{background:#fbe4e2;color:#c43d3d;}
.gp-lav-proof-cols .col.after .tag{background:#dff3e6;color:#177a4c;}
.gp-lav-proof-cols .txt{
 color:#4b5266;
 font-size:13px;
 line-height:1.65;
 font-weight:500;
}
.gp-lav-proof-cols .mid{
 display:grid;
 place-items:center;
 position:relative;
}
.gp-lav-proof-cols .mid i{
 width:24px;
 height:24px;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:#eef0f8;
 position:relative;
}
.gp-lav-proof-cols .mid i::after{
 content:"→";
 color:#7d8398;
 font-size:13px;
 font-weight:700;
}
.gp-lav-proof .gp-lav-proof-cap{
 display:block;
 margin:14px 0 0;
 color:#9aa1b5;
 font-size:12px;
 font-weight:500;
 text-align:center;
}

@media(max-width:560px){
 .gp-lav-proof-cols{grid-template-columns:1fr;gap:8px;}
 .gp-lav-proof-cols .mid{height:26px;}
 .gp-lav-proof-cols .mid i::after{content:"↓";}
}


/* ===== lavender v20: +/↑ 동일 크기 · 시안형 탐지율 미터 ===== */
/* 추가·전송 버튼 동일 크기(둘 다 52 원형) */
.gp-lav-add{
 width:52px;
 height:52px;
 border-radius:50%;
 border:1px solid #e4e7f1;
 background:#fff;
 color:#5d647c;
}
.gp-lav-add:hover{background:#f3f4fa;}
.gp-lav-add svg{width:20px;height:20px;}
.gp-lav-send{width:52px;height:52px;}

/* proof 카드: 컴포저와 같은 폭 */
.gp-lav-proof{
 width:min(880px,100%);
 padding:22px 24px 18px;
 border:1px solid #e4e7f1;
}

/* 헤더: 타이틀 + 큰 숫자 2 + 감소 배지 */
.lp-head{
 display:flex;
 align-items:center;
 gap:16px;
 flex-wrap:wrap;
 margin-bottom:16px;
}
.lp-title{display:flex;align-items:center;gap:11px;flex:1 1 200px;min-width:0;}
.lp-ico{
 flex:0 0 38px;
 width:38px;height:38px;
 display:grid;place-items:center;
 border-radius:11px;
 background:#edecfd;color:#5a5bd8;
}
.lp-ico svg{width:20px;height:20px;}
.lp-title-txt b{display:block;color:#14182a;font-size:17px;font-weight:800;}
.lp-title-txt i{display:block;margin-top:3px;color:#8a91a3;font-size:12px;line-height:1.5;font-style:normal;font-weight:500;}
.lp-big{text-align:center;}
.lp-big b{display:block;font-size:34px;font-weight:900;line-height:1;letter-spacing:-.02em;}
.lp-big b em{font-size:18px;font-style:normal;font-weight:800;margin-left:1px;}
.lp-big.before b{color:#e2554f;}
.lp-big.after b{color:#1fa463;}
.lp-pill{
 display:inline-block;
 margin-top:8px;
 padding:3px 11px;
 border-radius:999px;
 font-size:11.5px;
 font-weight:700;
}
.lp-pill.bad{background:#fbe4e2;color:#c43d3d;}
.lp-pill.good{background:#dff3e6;color:#177a4c;}
.lp-drop{
 text-align:center;
 padding:9px 14px;
 border-radius:12px;
 background:#f1f0fe;
 border:1px solid #e0def9;
}
.lp-drop b{display:block;color:#5a4bd8;font-size:13.5px;font-weight:800;}
.lp-drop i{display:block;margin-top:2px;color:#8b86c4;font-size:11px;font-style:normal;font-weight:600;}

/* 무지개 트랙 + 달리는 아이콘 */
.lp-track{
 position:relative;
 display:flex;
 align-items:center;
 height:30px;
 margin:6px 0 8px;
 border-radius:999px;
 background:linear-gradient(90deg,#ef5350 0%,#f97316 22%,#a855f7 50%,#6366f1 66%,#22c55e 100%);
 box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
}
.lp-track::before{
 content:"";
 position:absolute;
 left:54px;right:54px;top:50%;
 height:0;
 border-top:2px dashed rgba(255,255,255,.55);
}
.lp-track-cap{
 position:relative;
 z-index:2;
 min-width:46px;
 margin:0 5px;
 padding:4px 0;
 border-radius:999px;
 background:#fff;
 text-align:center;
 font-size:11.5px;
 font-weight:800;
 box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.lp-track-cap.left{color:#e2554f;margin-right:auto;}
.lp-track-cap.right{color:#1fa463;margin-left:auto;}
.lp-track-runner{
 position:absolute;
 top:50%;
 left:50%;
 z-index:3;
 width:34px;height:34px;
 display:grid;place-items:center;
 border-radius:50%;
 background:#fff;
 color:#5a5bd8;
 box-shadow:0 3px 10px rgba(90,91,216,.3);
 transform:translate(-50%,-50%);
 animation:lavRunnerMove 1.9s .35s cubic-bezier(.5,0,.18,1) both;
}
.lp-track-runner svg{width:20px;height:20px;}
@keyframes lavRunnerMove{
 0%{left:13%;}
 100%{left:88%;}
}
.gp-lav-proof:hover .lp-track-runner{animation:lavRunnerMove 1.5s cubic-bezier(.5,0,.18,1) both;}
.lp-track-labels{
 display:flex;
 justify-content:space-between;
 margin-bottom:18px;
 font-size:11.5px;
 font-weight:700;
}
.lp-track-labels .bad{color:#e2554f;}
.lp-track-labels .good{color:#1fa463;}

/* 전/후 박스: 트랙과 같은 폭으로 정렬 */
.lp-cols{
 display:grid;
 grid-template-columns:1fr 40px 1fr;
 align-items:stretch;
 gap:0;
}
.lp-col{
 display:flex;
 flex-direction:column;
 gap:11px;
 padding:16px;
 border-radius:14px;
}
.lp-col.before{background:#fdf4f3;border:1px solid #f7e0dd;}
.lp-col.after{background:#f1faf4;border:1px solid #d9efe0;}
.lp-col-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.lp-tag{padding:4px 10px;border-radius:8px;font-size:11.5px;font-weight:700;}
.lp-tag.bad{background:#f6d5d1;color:#c43d3d;}
.lp-tag.good{background:#cfeeda;color:#177a4c;}
.lp-risk{
 display:inline-flex;align-items:center;gap:5px;
 padding:4px 10px;border-radius:999px;
 font-size:11px;font-weight:700;
}
.lp-risk.bad{background:#fdeceb;color:#d05049;}
.lp-risk.good{background:#e4f5ea;color:#1d8a53;}
.lp-risk::before{
 content:"";width:12px;height:12px;
 border-radius:50%;
 background:currentColor;
 -webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;
}
.lp-risk.bad::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 20h20L12 3Zm0 5v6m0 3v.5' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 20h20L12 3Zm0 5v6m0 3v.5' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");}
.lp-risk.good::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.2 7.3 8 8.6 4.8-1.3 8-4.1 8-8.6V6l-8-3Z' stroke='black' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.2 7.3 8 8.6 4.8-1.3 8-4.1 8-8.6V6l-8-3Z' stroke='black' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E");}
.lp-txt{flex:1;color:#4b5266;font-size:13px;line-height:1.65;font-weight:500;}
.lp-col-meter b{display:block;margin-bottom:6px;font-size:12.5px;font-weight:800;}
.lp-col-meter b.bad{color:#e2554f;}
.lp-col-meter b.good{color:#1fa463;}
.lp-bar{display:block;height:7px;border-radius:999px;background:#eceef4;overflow:hidden;}
.lp-bar i{display:block;height:100%;border-radius:999px;}
.lp-bar.bad i{background:#e2554f;}
.lp-bar.good i{background:#1fa463;}
.lp-mid{display:grid;place-items:center;}
.lp-mid i{
 width:30px;height:30px;
 display:grid;place-items:center;
 border-radius:50%;
 background:#eceaff;color:#5a5bd8;
}
.lp-mid i::after{content:"→";font-size:14px;font-weight:700;}
.lp-cap{
 display:block;
 margin-top:14px;
 color:#9aa1b5;
 font-size:12px;
 font-weight:500;
 text-align:center;
}

@media(max-width:640px){
 .lp-head{gap:12px;}
 .lp-title{flex-basis:100%;}
 .lp-big b{font-size:28px;}
 .lp-cols{grid-template-columns:1fr;gap:8px;}
 .lp-mid{height:26px;}
 .lp-mid i::after{content:"↓";}
}

/* ===== lavender v21: 졸라맨 러너 애니메이션 · 정렬·강렬 보강 ===== */
/* 헤더 정렬·강조 */
.lp-head{
 align-items:center;
 gap:18px;
}
.lp-title{flex:1 1 220px;}
.lp-big b{font-size:38px;letter-spacing:-.03em;}
.lp-big b em{font-size:19px;}
.lp-drop{flex:0 0 auto;}

/* 트랙: 살짝 키우고 글로우로 강렬하게 */
.lp-track{
 height:34px;
 margin:8px 0 9px;
 box-shadow:inset 0 1px 3px rgba(0,0,0,.12),0 6px 18px rgba(120,90,200,.18);
}
.lp-track-cap{min-width:50px;font-size:12px;}

/* 졸라맨: 배경 제거, 실제 달리기 모션 */
.lp-runner{
 position:absolute;
 top:50%;
 left:15%;
 z-index:3;
 transform:translate(-50%,-50%);
 animation:lavRunTravel 3.4s .3s ease-in-out infinite;
}
@keyframes lavRunTravel{
 0%{left:15%;opacity:0;}
 7%{opacity:1;}
 82%{left:66%;opacity:1;}
 90%{left:66%;opacity:0;}
 100%{left:15%;opacity:0;}
}
.lp-runner-fig{
 position:relative;
 width:22px;
 height:26px;
 color:#fff;
 filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35));
 animation:lavRunBob .28s linear infinite;
}
@keyframes lavRunBob{
 0%,100%{transform:translateY(0) rotate(6deg);}
 50%{transform:translateY(-2px) rotate(6deg);}
}
.lp-runner-fig span{position:absolute;background:currentColor;border-radius:3px;}
.r-head{
 left:8px;top:0;
 width:8px;height:8px;
 border-radius:50%;
}
.r-torso{
 left:10.5px;top:7px;
 width:3px;height:12px;
 transform-origin:top center;
 transform:rotate(8deg);
}
.r-arm{left:10.5px;top:9px;width:2.6px;height:8px;transform-origin:top center;}
.r-arm.a{animation:lavArmA .28s linear infinite;}
.r-arm.b{animation:lavArmB .28s linear infinite;}
.r-leg{left:10px;top:18px;width:2.8px;height:10px;transform-origin:top center;}
.r-leg.a{animation:lavLegA .28s linear infinite;}
.r-leg.b{animation:lavLegB .28s linear infinite;}
@keyframes lavLegA{0%{transform:rotate(38deg);}50%{transform:rotate(-32deg);}100%{transform:rotate(38deg);}}
@keyframes lavLegB{0%{transform:rotate(-32deg);}50%{transform:rotate(38deg);}100%{transform:rotate(-32deg);}}
@keyframes lavArmA{0%{transform:rotate(-44deg);}50%{transform:rotate(36deg);}100%{transform:rotate(-44deg);}}
@keyframes lavArmB{0%{transform:rotate(36deg);}50%{transform:rotate(-44deg);}100%{transform:rotate(36deg);}}
/* 속도선 */
.lp-runner::before,
.lp-runner::after{
 content:"";
 position:absolute;
 top:8px;
 right:20px;
 width:9px;height:2px;
 border-radius:2px;
 background:rgba(255,255,255,.8);
 animation:lavSpeed .28s linear infinite;
}
.lp-runner::after{top:14px;right:18px;width:7px;animation-delay:.1s;}
@keyframes lavSpeed{0%{opacity:.8;transform:translateX(0);}100%{opacity:0;transform:translateX(-7px);}}

@media(prefers-reduced-motion:reduce){
 .lp-runner,.lp-runner-fig,.r-arm,.r-leg,.lp-runner::before,.lp-runner::after{animation:none;}
 .lp-runner{left:66%;opacity:1;}
}

/* ===== lavender v22: 졸라맨 — 1회 달리고 정지·위치 보정·역동적 ===== */
/* 한 번 15%→66% 달려가서 멈춤(반복 제거), 트랙 위로 올려 앉힘 */
.lp-runner{
 top:50%;
 left:15%;
 transform:translate(-50%,-66%);
 animation:lavRunTravelOnce 2.0s .3s cubic-bezier(.2,.55,.3,1) forwards;
}
@keyframes lavRunTravelOnce{
 0%{left:15%;opacity:0;}
 7%{opacity:1;}
 100%{left:66%;opacity:1;}
}
.lp-runner-fig{
 width:22px;
 height:26px;
 filter:drop-shadow(0 1.5px 2px rgba(0,0,0,.4));
 transform:rotate(11deg);
 animation:lavRunBob2 .2s linear 10 both .3s;
}
@keyframes lavRunBob2{
 0%,100%{transform:translateY(0) rotate(11deg);}
 50%{transform:translateY(-3px) rotate(11deg);}
}
/* 더 큰 스윙으로 역동적 */
.r-leg.a{animation:lavLegA2 .2s linear 10 both .3s;}
.r-leg.b{animation:lavLegB2 .2s linear 10 both .3s;}
.r-arm.a{animation:lavArmA2 .2s linear 10 both .3s;}
.r-arm.b{animation:lavArmB2 .2s linear 10 both .3s;}
@keyframes lavLegA2{0%{transform:rotate(48deg);}50%{transform:rotate(-42deg);}100%{transform:rotate(48deg);}}
@keyframes lavLegB2{0%{transform:rotate(-42deg);}50%{transform:rotate(48deg);}100%{transform:rotate(-42deg);}}
@keyframes lavArmA2{0%{transform:rotate(-54deg);}50%{transform:rotate(44deg);}100%{transform:rotate(-54deg);}}
@keyframes lavArmB2{0%{transform:rotate(44deg);}50%{transform:rotate(-54deg);}100%{transform:rotate(44deg);}}
/* 속도선도 1회만 */
.lp-runner::before,
.lp-runner::after{
 top:7px;right:19px;
 animation:lavSpeed2 .2s linear 10 both .3s;
}
.lp-runner::after{top:13px;right:17px;width:7px;animation-delay:.4s;}
@keyframes lavSpeed2{0%{opacity:.85;transform:translateX(2px);}100%{opacity:0;transform:translateX(-8px);}}

/* 호버 시 다시 한 번 달리기 */
.gp-lav-proof:hover .lp-runner{animation:lavRunTravelOnce 1.7s cubic-bezier(.2,.55,.3,1) forwards;}
.gp-lav-proof:hover .lp-runner-fig{animation:lavRunBob2 .2s linear 9 both;}
.gp-lav-proof:hover .r-leg.a{animation:lavLegA2 .2s linear 9 both;}
.gp-lav-proof:hover .r-leg.b{animation:lavLegB2 .2s linear 9 both;}
.gp-lav-proof:hover .r-arm.a{animation:lavArmA2 .2s linear 9 both;}
.gp-lav-proof:hover .r-arm.b{animation:lavArmB2 .2s linear 9 both;}

@media(prefers-reduced-motion:reduce){
 .lp-runner{left:66%;opacity:1;animation:none;}
 .lp-runner-fig,.r-arm,.r-leg,.lp-runner::before,.lp-runner::after{animation:none;}
}

/* ===== lavender v23: 러너 위치 트랙 위로·크기 업 ===== */
.lp-runner{transform:translate(-50%,-78%);}
.lp-runner-fig{width:25px;height:30px;}
.r-head{left:9px;top:0;width:9px;height:9px;}
.r-torso{left:12px;top:8px;width:3px;height:13px;}
.r-arm{left:12px;top:10px;width:2.8px;height:9px;}
.r-leg{left:11.5px;top:20px;width:3px;height:11px;}
.gp-lav-proof:hover .lp-runner{transform:translate(-50%,-78%);}
@media(prefers-reduced-motion:reduce){.lp-runner{transform:translate(-50%,-78%);}}

/* ===== lavender v24: 헤더 2행·러너 느리게/트랙위·화살표 SVG ===== */
/* 헤더: 타이틀+부제 한 줄(가로) / 숫자 행 분리 */
.lp-head{
 flex-direction:column;
 align-items:stretch;
 gap:14px;
}
.lp-title{flex:0 0 auto;align-items:center;}
.lp-title-txt{
 display:flex;
 align-items:baseline;
 gap:10px;
 flex-wrap:wrap;
 min-width:0;
}
.lp-title-txt b{font-size:17px;}
.lp-title-txt i{margin-top:0;font-size:12.5px;line-height:1.4;}
.lp-stats{
 display:flex;
 align-items:center;
 gap:22px;
 padding-left:49px;
}
.lp-drop{margin-left:auto;}

/* 가운데 화살표: SVG로(찌그러짐 제거) */
.lp-mid{align-self:stretch;}
.lp-mid svg{
 width:32px;height:32px;
 padding:7px;
 border-radius:50%;
 background:#eceaff;
 color:#5a5bd8;
 box-sizing:border-box;
}

/* 러너: 느리게 + 트랙(바) 위에 발 닿게(바닥 기준 정렬) */
.lp-runner{
 top:auto;
 bottom:1px;
 transform:translateX(-50%);
 animation:lavRunTravelOnce 3.4s .3s cubic-bezier(.3,.5,.45,1) forwards;
}
@keyframes lavRunTravelOnce{
 0%{left:15%;opacity:0;}
 8%{opacity:1;}
 100%{left:66%;opacity:1;}
}
.lp-runner-fig{animation:lavRunBob3 .34s linear 10 both .3s;}
@keyframes lavRunBob3{
 0%,100%{transform:translateY(0) rotate(10deg);}
 50%{transform:translateY(-2.5px) rotate(10deg);}
}
.r-leg.a{animation:lavLegA2 .34s linear 10 both .3s;}
.r-leg.b{animation:lavLegB2 .34s linear 10 both .3s;}
.r-arm.a{animation:lavArmA2 .34s linear 10 both .3s;}
.r-arm.b{animation:lavArmB2 .34s linear 10 both .3s;}
.lp-runner::before{animation:lavSpeed2 .34s linear 10 both .3s;}
.lp-runner::after{animation:lavSpeed2 .34s linear 10 both .45s;}

.gp-lav-proof:hover .lp-runner{transform:translateX(-50%);animation:lavRunTravelOnce 3.0s cubic-bezier(.3,.5,.45,1) forwards;}
.gp-lav-proof:hover .lp-runner-fig{animation:lavRunBob3 .34s linear 9 both;}
.gp-lav-proof:hover .r-leg.a{animation:lavLegA2 .34s linear 9 both;}
.gp-lav-proof:hover .r-leg.b{animation:lavLegB2 .34s linear 9 both;}
.gp-lav-proof:hover .r-arm.a{animation:lavArmA2 .34s linear 9 both;}
.gp-lav-proof:hover .r-arm.b{animation:lavArmB2 .34s linear 9 both;}

@media(prefers-reduced-motion:reduce){
 .lp-runner{left:66%;bottom:1px;top:auto;transform:translateX(-50%);opacity:1;animation:none;}
}

/* ===== lavender v25: 러너 세로 중앙(바를 채우며 트랙 위 달리기) ===== */
.lp-runner{
 top:50%;
 bottom:auto;
 transform:translate(-50%,-50%);
}
.gp-lav-proof:hover .lp-runner{transform:translate(-50%,-50%);}
@media(prefers-reduced-motion:reduce){
 .lp-runner{top:50%;bottom:auto;transform:translate(-50%,-50%);left:66%;opacity:1;animation:none;}
}

/* ===== lavender v26: 러너 세로 픽셀 확정(바 안에 정확히) ===== */
.lp-runner{
 top:3px;
 bottom:auto;
 transform:translateX(-50%);
}
.gp-lav-proof:hover .lp-runner{transform:translateX(-50%);}
.lp-runner-fig{width:24px;height:28px;}
.r-head{left:8.5px;top:0;width:8px;height:8px;}
.r-torso{left:11px;top:7px;width:3px;height:11px;}
.r-arm{left:11px;top:9px;width:2.8px;height:8px;}
.r-leg{left:10.5px;top:17px;width:3px;height:10px;}
/* bob: 위로 살짝(바 안 유지) */
@keyframes lavRunBob3{
 0%,100%{transform:translateY(0) rotate(10deg);}
 50%{transform:translateY(-2px) rotate(10deg);}
}
@media(prefers-reduced-motion:reduce){
 .lp-runner{top:3px;bottom:auto;transform:translateX(-50%);left:66%;opacity:1;animation:none;}
}

/* ===== lavender v27: resource sprite runner ===== */
.lp-runner{
 --runner-size:58px;
 top:-13px;
 bottom:auto;
 left:15%;
 width:var(--runner-size);
 height:var(--runner-size);
 transform:translateX(-50%);
 animation:lavRunnerTravelSprite 3.4s .3s cubic-bezier(.3,.5,.45,1) forwards;
}
.lp-runner-fig.lp-runner-sprite{
 display:block;
 width:var(--runner-size);
 height:var(--runner-size);
 background-image:url("/assets/img/runner-sprite.png");
 background-repeat:no-repeat;
 background-position:0 0;
 background-size:calc(var(--runner-size) * 8) var(--runner-size);
 filter:drop-shadow(0 2px 4px rgba(55,44,145,.34));
 animation:lavRunnerSprite .64s steps(7) infinite;
}
.lp-runner-fig.lp-runner-sprite span{
 display:none !important;
}
@keyframes lavRunnerSprite{
 from{background-position:0 0;}
 to{background-position:calc(var(--runner-size) * -7) 0;}
}
.gp-lav-proof:hover .lp-runner{
 animation:lavRunnerTravelSprite 3.0s cubic-bezier(.3,.5,.45,1) forwards;
}
.gp-lav-proof:hover .lp-runner-fig.lp-runner-sprite{
 animation:lavRunnerSprite .52s steps(7) infinite;
}
@keyframes lavRunnerTravelSprite{
 0%{left:15%;opacity:0;}
 8%{opacity:1;}
 100%{left:66%;opacity:1;}
}
@media(max-width:560px){
 .lp-runner{
  --runner-size:48px;
  top:-9px;
 }
}
@media(prefers-reduced-motion:reduce){
 .lp-runner{
  left:66%;
  opacity:1;
  animation:none;
 }
 .lp-runner-fig.lp-runner-sprite{
  animation:none;
  background-position:calc(var(--runner-size) * -7) 0;
 }
}


/* ===== lavender v27: 러너를 스프라이트(1x8) 프레임 애니메이션으로 ===== */
/* 부모: 트랙 위 가로 이동(기존 travel 유지) + 세로 위치 보정 */
.lp-runner{
 top:1px;
 bottom:auto;
 transform:translateX(-50%);
}
.lp-runner::before,
.lp-runner::after{content:none;}
.gp-lav-proof:hover .lp-runner{transform:translateX(-50%);}

/* 스프라이트: 8프레임 달리기 사이클 + 살짝 바운스 */
.lp-runner-sprite{
 display:block;
 width:36px;
 height:36px;
 background:url("/assets/img/runner-sprite.png") 0 0 / 288px 36px no-repeat;
 animation:lavSpriteRun .62s steps(8) 6 both .3s, lavSpriteBob .31s ease-in-out 12 both .3s;
}
@keyframes lavSpriteRun{
 from{background-position-x:0;}
 to{background-position-x:-288px;}
}
@keyframes lavSpriteBob{
 0%,100%{transform:translateY(0);}
 50%{transform:translateY(-2px);}
}
.gp-lav-proof:hover .lp-runner-sprite{
 animation:lavSpriteRun .62s steps(8) 6 both, lavSpriteBob .31s ease-in-out 12 both;
}
@media(prefers-reduced-motion:reduce){
 .lp-runner{left:66%;opacity:1;animation:none;}
 .lp-runner-sprite{animation:none;background-position-x:-180px;}
}

/* ===== lavender v28: 러너는 화면에 보일 때 재생(.run 게이트) ===== */
/* 기본: 정지 상태(끝 위치 66%, 프레임1) */
.lp-runner{left:66%;opacity:1;animation:none;}
.lp-runner-sprite{animation:none;background-position:0 0;}
/* 보일 때(.run) 또는 호버 시: 트래블 + 8프레임 달리기 1회 */
.gp-lav-proof.run .lp-runner,
.gp-lav-proof:hover .lp-runner{
 animation:lavRunTravelOnce 3.4s .15s cubic-bezier(.3,.5,.45,1) forwards;
}
.gp-lav-proof.run .lp-runner-sprite,
.gp-lav-proof:hover .lp-runner-sprite{
 animation:lavSpriteRun .58s steps(8) 6 both .15s, lavSpriteBob .29s ease-in-out 12 both .15s;
}
@keyframes lavSpriteRun{
 from{background-position:0 0;}
 to{background-position:-288px 0;}
}

/* ===== lavender v29: 새 스프라이트(1x8, 키아웃) 크기·위치 재조정 ===== */
.lp-runner{top:-4px;bottom:auto;}
.lp-runner-sprite{
 width:42px;
 height:42px;
 background:url("/assets/img/runner-sprite.png?v=3") 0 0 / 336px 42px no-repeat;
}
@keyframes lavSpriteRun{
 from{background-position:0 0;}
 to{background-position:-336px 0;}
}
@media(prefers-reduced-motion:reduce){
 .lp-runner-sprite{animation:none;background-position:-210px 0;}
}

/* ===== lavender v30: 제자리 달리기(이동 없음)·크게·천천히 ===== */
/* 러너: 한 자리 고정(이동 애니 제거) */
.lp-runner,
.gp-lav-proof.run .lp-runner,
.gp-lav-proof:hover .lp-runner{
 left:60%;
 top:-11px;
 bottom:auto;
 opacity:1;
 transform:translateX(-50%);
 animation:none !important;
}
.lp-runner::before,.lp-runner::after{content:none;}
/* 스프라이트: 더 크게, 더 천천히, 무한 제자리 달리기 */
.lp-runner-sprite,
.gp-lav-proof.run .lp-runner-sprite,
.gp-lav-proof:hover .lp-runner-sprite{
 width:50px;
 height:50px;
 background:url("/assets/img/runner-sprite.png?v=3") 0 0 / 400px 50px no-repeat;
 animation:lavSpriteRun .8s steps(8) infinite, lavSpriteBob .4s ease-in-out infinite !important;
}
@keyframes lavSpriteRun{
 from{background-position:0 0;}
 to{background-position:-400px 0;}
}
@keyframes lavSpriteBob{
 0%,100%{transform:translateY(0);}
 50%{transform:translateY(-3px);}
}
@media(prefers-reduced-motion:reduce){
 .lp-runner-sprite{animation:none !important;background-position:-250px 0;}
}

/* ===== lavender v31: 달려 들어와서→제자리 뛰기(다리 무한)·검은선 제거 ===== */
/* 부모: 기본 정지(끝 위치), .run/호버 시 왼쪽에서 달려 들어옴 */
.lp-runner{
 left:62%;
 top:-11px;
 bottom:auto;
 opacity:1;
 transform:translateX(-50%);
 animation:none;
}
.gp-lav-proof.run .lp-runner,
.gp-lav-proof:hover .lp-runner{
 animation:lavRunInOnce 3.8s .1s ease-out forwards !important;
}
@keyframes lavRunInOnce{
 0%{left:15%;opacity:0;}
 6%{opacity:1;}
 100%{left:62%;opacity:1;}
}
.lp-runner::before,.lp-runner::after{content:none;}
/* 스프라이트: 다리 무한 반복(끝에서 사라지지 않음) */
.lp-runner-sprite,
.gp-lav-proof.run .lp-runner-sprite,
.gp-lav-proof:hover .lp-runner-sprite{
 width:48px;
 height:48px;
 background:url("/assets/img/runner-sprite.png?v=4") 0 0 / 384px 48px no-repeat;
 animation:lavSpriteRun .8s steps(8) infinite, lavSpriteBob .4s ease-in-out infinite !important;
}
@keyframes lavSpriteRun{
 from{background-position:0 0;}
 to{background-position:-384px 0;}
}
@media(prefers-reduced-motion:reduce){
 .lp-runner{animation:none !important;}
 .lp-runner-sprite{animation:none !important;background-position:-192px 0;}
}

/* ===== lavender v32: 새 스프라이트(ChatGPT, 정규화) 크기·위치 ===== */
.lp-runner{top:-4px;}
.lp-runner-sprite,
.gp-lav-proof.run .lp-runner-sprite,
.gp-lav-proof:hover .lp-runner-sprite{
 width:42px;
 height:42px;
 background:url("/assets/img/runner-sprite.png?v=6") 0 0 / 336px 42px no-repeat;
}
@keyframes lavSpriteRun{
 from{background-position:0 0;}
 to{background-position:-336px 0;}
}
@media(prefers-reduced-motion:reduce){
 .lp-runner-sprite{background-position:-168px 0;}
}

/* ===== lavender v33: 헤더 — 아이콘 제거·전/후/감소 한 흐름으로 ===== */
.lp-head{
 flex-direction:column;
 align-items:flex-start;
 gap:14px;
}
.lp-title-txt{
 display:flex;
 align-items:baseline;
 gap:10px;
 flex-wrap:wrap;
}
.lp-title-txt b{font-size:17px;color:#14182a;font-weight:800;}
.lp-title-txt i{margin-top:0;font-size:12.5px;color:#8a91a3;font-weight:500;font-style:normal;line-height:1.4;}

/* 전 → 후 → 감소: 연결된 한 덩어리 */
.lp-stats{
 display:flex;
 align-items:center;
 gap:18px;
 width:100%;
 padding:12px 18px;
 border:1px solid #eef0f7;
 border-radius:14px;
 background:linear-gradient(90deg,#fdf5f4 0%,#f7f4fb 50%,#f1faf4 100%);
}
.lp-stat{
 display:flex;
 flex-direction:column;
 align-items:center;
 line-height:1;
}
.lp-stat i{
 margin-bottom:5px;
 font-size:12px;
 font-weight:700;
 font-style:normal;
}
.lp-stat b{
 font-size:32px;
 font-weight:900;
 letter-spacing:-.02em;
}
.lp-stat b em{font-size:17px;font-style:normal;font-weight:800;margin-left:1px;}
.lp-stat.bad i{color:#c43d3d;}
.lp-stat.bad b{color:#e2554f;}
.lp-stat.good i{color:#177a4c;}
.lp-stat.good b{color:#1fa463;}
.lp-stat-arrow{
 display:grid;
 place-items:center;
 color:#c2c6d6;
}
.lp-stat-arrow svg{width:24px;height:24px;}
.lp-stat-drop{
 margin-left:auto;
 display:flex;
 align-items:baseline;
 gap:6px;
 padding:7px 14px;
 border-radius:10px;
 background:#efeefe;
 border:1px solid #e0def9;
}
.lp-stat-drop b{color:#5a4bd8;font-size:16px;font-weight:800;}
.lp-stat-drop i{color:#8b86c4;font-size:12px;font-weight:700;font-style:normal;}

@media(max-width:560px){
 .lp-stats{gap:10px;padding:12px;}
 .lp-stat b{font-size:26px;}
 .lp-stat-arrow svg{width:18px;height:18px;}
 .lp-stat-drop{padding:6px 10px;}
}

/* ===== lavender v34: 새 스프라이트(09_03_57, 인물 4~94%) 크기·위치 ===== */
.lp-runner{top:-2px;}
.lp-runner-sprite,
.gp-lav-proof.run .lp-runner-sprite,
.gp-lav-proof:hover .lp-runner-sprite{
 width:38px;
 height:38px;
 background:url("/assets/img/runner-sprite.png?v=6") 0 0 / 304px 38px no-repeat;
}
@keyframes lavSpriteRun{
 from{background-position:0 0;}
 to{background-position:-304px 0;}
}
@media(prefers-reduced-motion:reduce){
 .lp-runner-sprite{background-position:-152px 0;}
}

/* ===== lavender v35: 스탯 제거·러너 페이드아웃→35% 말풍선 뚝·정돈 ===== */
/* 헤더: 타이틀만 */
.lp-head{margin-bottom:18px;}

/* 러너: 달려 들어와서 끝에 자연스럽게 사라짐(페이드아웃) */
.gp-lav-proof.run .lp-runner,
.gp-lav-proof:hover .lp-runner{
 animation:lavRunInFade 3.2s .1s ease-out forwards !important;
}
@keyframes lavRunInFade{
 0%{left:15%;opacity:0;}
 6%{opacity:1;}
 78%{left:60%;opacity:1;}
 88%{left:60%;opacity:1;}
 100%{left:60%;opacity:0;}
}
/* 다리는 사라질 때까지만(이후 invisible) */
.lp-runner-sprite,
.gp-lav-proof.run .lp-runner-sprite,
.gp-lav-proof:hover .lp-runner-sprite{
 animation:lavSpriteRun .8s steps(8) infinite !important;
}

/* 35% 말풍선: 러너가 사라지는 자리에 뚝 나타남 */
.lp-bubble{
 position:absolute;
 left:60%;
 bottom:calc(100% + 9px);
 transform:translateX(-50%) scale(.2);
 transform-origin:bottom center;
 opacity:0;
 padding:6px 14px;
 border-radius:13px;
 background:#1fa463;
 color:#fff;
 white-space:nowrap;
 box-shadow:0 8px 18px rgba(31,164,99,.38);
 z-index:5;
 pointer-events:none;
}
.lp-bubble b{font-size:17px;font-weight:900;line-height:1;}
.lp-bubble b em{font-size:11px;font-style:normal;font-weight:800;margin-left:1px;}
.lp-bubble::after{
 content:"";
 position:absolute;
 left:50%;top:100%;
 transform:translateX(-50%);
 border:7px solid transparent;
 border-top-color:#1fa463;
}
.gp-lav-proof.run .lp-bubble,
.gp-lav-proof:hover .lp-bubble{
 animation:lavBubblePop .55s 2.85s cubic-bezier(.34,1.7,.5,1) forwards;
}
@keyframes lavBubblePop{
 0%{opacity:0;transform:translateX(-50%) scale(.2);}
 55%{opacity:1;transform:translateX(-50%) scale(1.18);}
 100%{opacity:1;transform:translateX(-50%) scale(1);}
}

/* 하단 전/후 박스: 단순화(태그+문장만) */
.lp-col{gap:9px;padding:16px 18px;}
.lp-tag{align-self:flex-start;}
.lp-txt{font-size:13.5px;}

@media(prefers-reduced-motion:reduce){
 .lp-runner{opacity:0 !important;}
 .lp-bubble{opacity:1 !important;transform:translateX(-50%) scale(1) !important;}
}

/* ===== lavender v37: 로고 광학 중앙 보정 — 달리는 졸라맨의 우향 방향성 보정 ===== */
.gp-lav-hero-title img,
.gp-lav-entry h1 img{
 transform:translateX(-4px);
}

/* ===== lavender v38: 게시판 목록 통일 — 공지·커뮤니티·QnA 공통 행(row) ===== */
/* 컨테이너: 세로 스택(커뮤니티 .post-grid 의 grid 도 덮어씀) */
.gp-board-list{display:flex !important;flex-direction:column !important;gap:9px !important;}
.post-grid.gp-board-list{grid-template-columns:none !important;}

/* 테마 무관 기본 골격(라벤더 외 디자인에서도 행 구조 유지) */
.gp-board-row{display:flex;align-items:center;gap:16px;padding:15px 16px;cursor:pointer;border-radius:12px;}
.gbr-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.gbr-ttl{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gbr-sub{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:12.5px;}
.gbr-stats{flex-shrink:0;display:flex;align-items:center;gap:14px;}
.gbr-stat{display:inline-flex;align-items:center;gap:5px;font-weight:700;}

/* 공통 행: 흰 카드, 옅은 보더, 박스감 최소화 */
#mainContent[data-main-design="lavender"] .gp-board-row{
 display:flex;align-items:center;gap:16px;
 padding:16px 18px;
 background:#fff;
 border:1px solid #edeef6;
 border-radius:14px;
 cursor:pointer;
 box-shadow:none;
 transition:border-color .15s, background .15s, transform .12s;
}
#mainContent[data-main-design="lavender"] .gp-board-row:hover{
 background:#faf9ff;
 border-color:#d8d4f4;
 transform:translateY(-1px);
}

/* 좌측: 제목 + 옅은 메타(작성자·날짜·구분) */
#mainContent[data-main-design="lavender"] .gbr-main{
 flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;
}
#mainContent[data-main-design="lavender"] .gbr-ttl{
 display:flex;align-items:center;gap:6px;
 font-size:15.5px;font-weight:700;color:#1b1d2e;line-height:1.4;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#mainContent[data-main-design="lavender"] .gbr-sub{
 display:flex;align-items:center;gap:11px;
 font-size:12.5px;font-weight:500;color:#9a9bb0;flex-wrap:wrap;
}
/* 메타 항목 사이 가운뎃점 구분 */
#mainContent[data-main-design="lavender"] .gbr-sub > span{position:relative;}
#mainContent[data-main-design="lavender"] .gbr-sub > span + span::before{
 content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);
 width:2px;height:2px;border-radius:50%;background:#d2d3e0;
}
/* 구분(카테고리): 박스 없이 옅은 보라 텍스트로만 */
#mainContent[data-main-design="lavender"] .gbr-cat{color:#7b6ef0;font-weight:600;}

/* 우측: 조회수·좋아요·댓글 강조 클러스터 */
#mainContent[data-main-design="lavender"] .gbr-stats{
 display:flex;align-items:center;gap:15px;flex-shrink:0;
}
#mainContent[data-main-design="lavender"] .gbr-stat{
 display:inline-flex;align-items:center;gap:5px;
 font-size:14px;font-weight:700;color:#3a3a52;
}
#mainContent[data-main-design="lavender"] .gbr-stat svg{color:#a6a7ba;flex-shrink:0;}
#mainContent[data-main-design="lavender"] .gbr-stat b{font-weight:800;font-variant-numeric:tabular-nums;}
#mainContent[data-main-design="lavender"] .gbr-stat.views svg{color:#5b8def;}
#mainContent[data-main-design="lavender"] .gbr-stat.likes svg{color:#f0617f;}
#mainContent[data-main-design="lavender"] .gbr-stat.cmt svg{color:#7b6ef0;}

#mainContent[data-main-design="lavender"] .gbr-hidden{
 margin-left:6px;padding:2px 7px;border-radius:6px;
 background:rgba(217,48,37,.1);color:#d93025;font-size:11px;font-weight:700;
}

/* 모바일: 스탯은 유지하되 간격 축소, 제목 줄임 유지 */
@media(max-width:640px){
 #mainContent[data-main-design="lavender"] .gp-board-row{padding:14px 15px;gap:10px;}
 #mainContent[data-main-design="lavender"] .gbr-stats{gap:11px;}
 #mainContent[data-main-design="lavender"] .gbr-stat{font-size:13px;}
 #mainContent[data-main-design="lavender"] .gbr-ttl{font-size:14.5px;}
}
/* ───────── lavender v44: 작업 중단 버튼(회피모드 job 화면) ───────── */
#mainContent[data-main-design="lavender"] .lav-job-cancel{margin-left:10px;background:none;border:1px solid #dfe3ee;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:600;color:#5b6172;cursor:pointer;white-space:nowrap;}
#mainContent[data-main-design="lavender"] .lav-job-cancel:hover{border-color:#c9cede;color:#171a2b;background:#f6f7fc;}

/* ───────── lavender v51: 어투박스 높이통일 · Material 아이콘 · 보관함 ───────── */
/* 어투 카드: 설명 줄 수가 달라도 밴드(em)를 하단에 고정 → 두 박스 통일 */
#mainContent[data-main-design="lavender"] .lav-tone-opt{display:flex;align-items:stretch;}
#mainContent[data-main-design="lavender"] .lav-tone-body{display:flex;flex-direction:column;flex:1;width:100%;}
#mainContent[data-main-design="lavender"] .lav-tone-body em{margin-top:auto;padding-top:8px;}
/* 목적 카드 Material Symbols 아이콘 */
#mainContent[data-main-design="lavender"] .lav-purpose-ico .material-symbols-outlined{font-size:26px;line-height:1;color:#5a5bd8;}
#mainContent[data-main-design="lavender"] .lav-purpose-opt.accent .lav-purpose-ico .material-symbols-outlined{color:#fff;}
/* 사이드바 메뉴 Material 아이콘 정렬(보관함) */
#mainContent[data-main-design="lavender"] .gp-lav-menu .material-symbols-outlined{vertical-align:middle;}
/* 보관함 모달 */
.lav-library-card{max-width:580px;width:100%;}
.lav-library-list{margin-top:14px;max-height:58vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;}
.lav-lib-item{border:1px solid #e4e7f1;border-radius:10px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.lav-lib-meta{min-width:0;flex:1;}
.lav-lib-meta b{display:block;font-size:13.5px;font-weight:600;color:#1a1f2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lav-lib-meta span{font-size:11.5px;color:#8088a0;}
.lav-lib-acts{display:flex;gap:6px;flex-shrink:0;}
.lav-lib-acts button{padding:5px 11px;font-size:12px;font-weight:600;border-radius:8px;border:1px solid #dfe3ee;background:#fff;color:#5b6172;cursor:pointer;}
.lav-lib-acts button:hover{background:#f6f7fc;border-color:#c9cede;}
.lav-lib-del{color:#c0392b !important;}
.lav-lib-empty{font-size:13px;color:#8088a0;text-align:center;padding:34px 0;line-height:1.6;}

/* ───────── lavender v52: 한국어 줄바꿈 정리(어절 단위) ───────── */
/* 회피 워크스페이스 전체 텍스트를 어절 단위로 줄바꿈(음절 중간 끊김 방지) */
#mainContent[data-main-design="lavender"] .lav-flow-card,
#mainContent[data-main-design="lavender"] .lav-confirm-card{word-break:keep-all;overflow-wrap:break-word;}
/* flex 항목 오버플로 방지(설명이 박스 폭을 넘지 않게) */
#mainContent[data-main-design="lavender"] .lav-toggle-text,
#mainContent[data-main-design="lavender"] .lav-tone-body{min-width:0;}
/* 토글·어투 설명의 ★ 강조문을 별도 줄로(em.note-em) */
#mainContent[data-main-design="lavender"] .lav-toggle-text i .hl,
#mainContent[data-main-design="lavender"] .lav-tone-body i .hl{display:block;margin-top:5px;color:#4b4cc6;font-weight:600;}

/* lavender v53: 입력 글자수 초과 경고 */
#mainContent[data-main-design="lavender"] .gp-lav-count.over{color:#c0392b;font-weight:700;}


/* ───────── lavender v54: AI 감지 분리 — 무료 감지 보고서(전환 퍼널) ───────── */
/* 컴포저 모드 토글(세그먼트): 전송 버튼은 하나 — 버튼 2개의 혼동 제거(v55에서 버튼→토글 교체).
   v56 재디자인: 바의 기존 언어에 맞춤 — [+ 44px 원형]과 같은 높이(44px)·흰 배경·#e4e7f1 보더,
   활성 세그먼트는 사이트 공통 선택 틴트(#efeffd/#4b4cc6, 레거시 .gp-lav-mode.detect와 동일 팔레트). */
#mainContent[data-main-design="lavender"] .gp-lav-mode{display:inline-flex;align-items:center;gap:3px;min-height:44px;margin:0;padding:4px;border:1px solid #e4e7f1;border-radius:999px;background:#fff;cursor:default;font-size:0;}
#mainContent[data-main-design="lavender"] .gp-lav-mode:hover{background:#fff;}
#mainContent[data-main-design="lavender"] .gp-lav-mode button{display:inline-flex;align-items:center;gap:6px;height:36px;border:0;border-radius:999px;background:transparent;padding:0 15px;font-size:13px;font-weight:700;color:#8a90a6;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;}
#mainContent[data-main-design="lavender"] .gp-lav-mode button .material-symbols-outlined{font-size:17px;line-height:1;color:#a8adc2;transition:color .15s;}
#mainContent[data-main-design="lavender"] .gp-lav-mode button:hover{color:#4b4cc6;background:#f6f6fd;}
#mainContent[data-main-design="lavender"] .gp-lav-mode button.on{background:#efeffd;color:#3a3bb0;}
#mainContent[data-main-design="lavender"] .gp-lav-mode button.on .material-symbols-outlined{color:#5a5bd8;}
#mainContent[data-main-design="lavender"] .gp-lav-mode button em{font-style:normal;font-size:9.5px;font-weight:800;color:#fff;background:#5a5bd8;border-radius:999px;padding:2px 6px;}
#mainContent[data-main-design="lavender"] .gp-lav-mode button:not(.on) em{background:#c3c6e8;}
@media (max-width:700px){
  #mainContent[data-main-design="lavender"] .gp-lav-mode button{padding:0 11px;gap:4px;font-size:12px;}
  #mainContent[data-main-design="lavender"] .gp-lav-mode button .material-symbols-outlined{font-size:15px;}
}

/* ── 보고서 v57 재구성: 게이지 히어로가 주인공 — 간격 체계 통일(섹션 간 14px·라운드 16px·패딩 22/24px) ── */
#mainContent[data-main-design="lavender"] .lav-report{display:flex;flex-direction:column;gap:14px;}
/* ★ display:flex가 hidden 속성(UA display:none)을 덮어써 보고서가 항상 보이던 실사고(2026-06-13 —
   "버튼 누르면 밑에 이어서 생긴다"의 정체). 워크스페이스 카드 전환은 hidden 기반이므로 가드 필수. */
#mainContent[data-main-design="lavender"] .lav-flow-card[hidden]{display:none !important;}

/* ① 히어로: 반원 게이지 + 판정 — 보고서의 첫인상, 가장 크게 */
#mainContent[data-main-design="lavender"] .lav-rep-hero{display:flex;align-items:center;gap:38px;background:#fff;border:1px solid #eef0f7;border-radius:16px;padding:28px 34px;}
/* 풀 서클 링(MagicUI 스타일): 12시에서 시작해 시계방향 채움(svg rotate -90deg), 중앙 숫자 카운트업 */
#mainContent[data-main-design="lavender"] .lav-rep-gauge{position:relative;flex:0 0 184px;width:184px;height:184px;}
#mainContent[data-main-design="lavender"] .lav-rep-gauge svg{display:block;width:100%;height:100%;transform:rotate(-90deg);}
#mainContent[data-main-design="lavender"] .lav-rep-gauge .g-track{fill:none;stroke:#eef0f7;stroke-width:10;}
#mainContent[data-main-design="lavender"] .lav-rep-gauge .g-val{fill:none;stroke:#9aa0b4;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.22,.8,.3,1),stroke .3s;}
#mainContent[data-main-design="lavender"] .lav-rep-hero.bad .g-val{stroke:#e05a4b;}
#mainContent[data-main-design="lavender"] .lav-rep-hero.mid .g-val{stroke:#e8a13a;}
#mainContent[data-main-design="lavender"] .lav-rep-hero.good .g-val{stroke:#3f9e63;}
#mainContent[data-main-design="lavender"] .lav-rep-gauge .g-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;}
#mainContent[data-main-design="lavender"] .lav-rep-gauge .g-num{display:flex;align-items:baseline;gap:2px;line-height:1;}
#mainContent[data-main-design="lavender"] .lav-rep-gauge .g-num b{font-size:44px;font-weight:800;letter-spacing:-1px;color:#1a1f2e;}
#mainContent[data-main-design="lavender"] .lav-rep-hero.bad .g-num b{color:#cf4636;}
#mainContent[data-main-design="lavender"] .lav-rep-hero.mid .g-num b{color:#c07f17;}
#mainContent[data-main-design="lavender"] .lav-rep-hero.good .g-num b{color:#2e7d49;}
#mainContent[data-main-design="lavender"] .lav-rep-gauge .g-num i{font-style:normal;font-size:17px;font-weight:800;color:#9aa0b4;}
#mainContent[data-main-design="lavender"] .lav-rep-gauge .g-cap{font-size:12px;font-weight:700;color:#8a90a6;}
#mainContent[data-main-design="lavender"] .lav-rep-verdict{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;}
#mainContent[data-main-design="lavender"] .lav-rep-badge{font-size:11px;font-weight:800;border-radius:999px;padding:4px 11px;background:#f1f2f8;color:#6a7188;}
#mainContent[data-main-design="lavender"] .lav-rep-badge.bad{background:#fdeceb;color:#c0392b;}
#mainContent[data-main-design="lavender"] .lav-rep-badge.mid{background:#fbf4dd;color:#9a7d1f;}
#mainContent[data-main-design="lavender"] .lav-rep-badge.good{background:#e7f4ec;color:#2e7d49;}
#mainContent[data-main-design="lavender"] .lav-rep-verdict strong{font-size:19px;font-weight:800;letter-spacing:-.3px;color:#1a1f2e;line-height:1.4;}
#mainContent[data-main-design="lavender"] .lav-rep-verdict p{font-size:13.5px;color:#4a5066;line-height:1.75;margin:0;max-width:54ch;}
#mainContent[data-main-design="lavender"] .lav-rep-stats{display:flex;gap:8px;margin-top:3px;flex-wrap:wrap;}
#mainContent[data-main-design="lavender"] .lav-rep-stats .st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:999px;padding:5px 12px;}
#mainContent[data-main-design="lavender"] .lav-rep-stats .st b{font-size:13px;font-weight:800;}
#mainContent[data-main-design="lavender"] .lav-rep-stats .st.bad{background:#fdeceb;color:#b04a3e;}
#mainContent[data-main-design="lavender"] .lav-rep-stats .st.mid{background:#fbf4dd;color:#9a7d1f;}
#mainContent[data-main-design="lavender"] .lav-rep-stats .st.good{background:#e7f4ec;color:#2e7d49;}

/* 공통 섹션 카드 + 헤더(제목 좌·보조설명 우) — 모든 섹션 같은 높이 패딩·같은 위계 */
#mainContent[data-main-design="lavender"] .lav-rep-sec{background:#fff;border:1px solid #eef0f7;border-radius:16px;padding:20px 24px;}
#mainContent[data-main-design="lavender"] .lav-rep-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;}
#mainContent[data-main-design="lavender"] .lav-rep-sec-h h4{font-size:14.5px;font-weight:800;letter-spacing:-.2px;color:#1a1f2e;margin:0;}
#mainContent[data-main-design="lavender"] .lav-rep-sec-h span{font-size:12px;font-weight:600;color:#9aa0b4;white-space:nowrap;}

/* ② 문단별 진단: 칩 고정폭 정렬 + 본문/사유 행간 */
#mainContent[data-main-design="lavender"] .lav-rep-para{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-top:1px solid #f1f3f9;}
#mainContent[data-main-design="lavender"] .lav-rep-para:first-of-type{border-top:0;padding-top:2px;}
#mainContent[data-main-design="lavender"] .lav-rep-para:last-of-type{padding-bottom:2px;}
#mainContent[data-main-design="lavender"] .rp-chip{flex:0 0 46px;text-align:center;font-size:11px;font-weight:800;border-radius:999px;padding:4px 0;margin-top:2px;}
#mainContent[data-main-design="lavender"] .lav-rep-para.abstract_risk .rp-chip{background:#fdeceb;color:#c0392b;}
#mainContent[data-main-design="lavender"] .lav-rep-para.thin .rp-chip{background:#fbf4dd;color:#9a7d1f;}
#mainContent[data-main-design="lavender"] .lav-rep-para.concrete .rp-chip{background:#e7f4ec;color:#2e7d49;}
#mainContent[data-main-design="lavender"] .rp-body{min-width:0;}
#mainContent[data-main-design="lavender"] .rp-body p{font-size:13.5px;color:#3c4356;line-height:1.7;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#mainContent[data-main-design="lavender"] .rp-body em{font-style:normal;font-size:12px;color:#8a90a6;line-height:1.6;}
#mainContent[data-main-design="lavender"] .lav-rep-para.abstract_risk .rp-body em{color:#b04a3e;}

/* ③ 미리보기: 라벤더 틴트(전환 장치 — 유일하게 색을 가진 섹션) */
#mainContent[data-main-design="lavender"] .lav-rep-example{background:#f8f7ff;border-color:#e6e4fb;}
#mainContent[data-main-design="lavender"] .lav-rep-example .lav-rep-sec-h h4{color:#3a3bb0;}
#mainContent[data-main-design="lavender"] .lav-rep-example .lav-rep-sec-h span{color:#8d92bd;}
#mainContent[data-main-design="lavender"] .lav-rep-ba{display:flex;gap:14px;align-items:stretch;}
#mainContent[data-main-design="lavender"] .lav-rep-ba .ba-col{flex:1;min-width:0;background:#fff;border:1px solid #e7e9f3;border-radius:12px;padding:15px 18px;}
#mainContent[data-main-design="lavender"] .lav-rep-ba .ba-tag{display:inline-block;font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 10px;margin-bottom:9px;}
#mainContent[data-main-design="lavender"] .lav-rep-ba .ba-tag.bad{background:#fdeceb;color:#c0392b;}
#mainContent[data-main-design="lavender"] .lav-rep-ba .ba-tag.good{background:#e7f4ec;color:#2e7d49;}
#mainContent[data-main-design="lavender"] .lav-rep-ba p{font-size:13.5px;color:#3c4356;line-height:1.75;margin:0;}
#mainContent[data-main-design="lavender"] .lav-rep-ba .ba-arrow{align-self:center;color:#5a5bd8;flex-shrink:0;}
#mainContent[data-main-design="lavender"] .lav-rep-ba .ba-arrow svg{width:20px;height:20px;}

/* ④ 휴머나이저 핸드오프 CTA(v60 — 워크스페이스 공용 주 버튼 .lav-flow-cta(남색 풀폭)와 동일 언어로 어우러지게):
   확인 모달·승인·완료 화면의 주 버튼과 같은 스타일 — 보고서만 튀지 않게. */
#mainContent[data-main-design="lavender"] .lav-rep-go{margin-top:2px;}

/* 하단 안내문 */
#mainContent[data-main-design="lavender"] .lav-rep-note{text-align:center;font-size:12px;color:#9aa0b4;line-height:1.6;margin:2px 0 0;}

/* 보고서 등장 애니(v58): 섹션 스태거 페이드업 + 통계 칩 팝 — 게이지 채움(1.1s)·카운트업과 한 호흡 */
@keyframes lavRepIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
#mainContent[data-main-design="lavender"] .lav-report > *{animation:lavRepIn .5s cubic-bezier(.22,.8,.34,1) both;}
#mainContent[data-main-design="lavender"] .lav-report > :nth-child(2){animation-delay:.10s;}
#mainContent[data-main-design="lavender"] .lav-report > :nth-child(3){animation-delay:.18s;}
#mainContent[data-main-design="lavender"] .lav-report > :nth-child(4){animation-delay:.26s;}
#mainContent[data-main-design="lavender"] .lav-report > :nth-child(5){animation-delay:.32s;}
@keyframes lavChipPop{0%{opacity:0;transform:scale(.8);}70%{opacity:1;transform:scale(1.06);}100%{opacity:1;transform:scale(1);}}
#mainContent[data-main-design="lavender"] .lav-rep-stats .st{animation:lavChipPop .4s ease-out both;}
#mainContent[data-main-design="lavender"] .lav-rep-stats .st:nth-child(1){animation-delay:.45s;}
#mainContent[data-main-design="lavender"] .lav-rep-stats .st:nth-child(2){animation-delay:.57s;}
#mainContent[data-main-design="lavender"] .lav-rep-stats .st:nth-child(3){animation-delay:.69s;}
@media (prefers-reduced-motion: reduce){
  #mainContent[data-main-design="lavender"] .lav-report > *,
  #mainContent[data-main-design="lavender"] .lav-rep-stats .st{animation:none !important;}
  #mainContent[data-main-design="lavender"] .lav-rep-gauge .g-val{transition:none !important;}
}

@media (max-width:860px){
  #mainContent[data-main-design="lavender"] .lav-rep-hero{flex-direction:column;gap:22px;padding:24px 20px;}
  #mainContent[data-main-design="lavender"] .lav-rep-verdict{align-items:center;text-align:center;}
  #mainContent[data-main-design="lavender"] .lav-rep-solutions{grid-template-columns:1fr;}
  #mainContent[data-main-design="lavender"] .lav-rep-ba{flex-direction:column;}
  #mainContent[data-main-design="lavender"] .lav-rep-ba .ba-arrow{transform:rotate(90deg);align-self:center;}
}

/* ───────── lavender v61: 어투 기본/고급 네이밍 + 근거 토글 재구성 전용 잠금 ───────── */
/* 어투 제목 옆 보조 태그(<u> 재활용 — 밑줄 아님): 기본 피하기 [블로그 말투] / 고급 피하기 [과제 톤 유지] */
#mainContent[data-main-design="lavender"] .lav-tone-body b u{text-decoration:none;font-size:10.5px;font-weight:800;color:#6a7188;background:#f1f2f8;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:1px;white-space:nowrap;}
/* 근거 보강 잠금(기본 피하기에서): 토글 흐리게 + 클릭 차단(checkbox disabled와 이중) */
#mainContent[data-main-design="lavender"] .lav-set-block.ev-off .lav-toggle{opacity:.45;pointer-events:none;}
#mainContent[data-main-design="lavender"] .lav-evidence-hint{margin:8px 0 0 54px;font-size:12px;font-weight:500;color:#8a90a6;}

/* v62: 원문 수정 — 우상단 필 버튼(상단 크레딧·업그레이드와 시각 충돌, 사장님 피드백) →
   "원문 N자" 옆 인라인 텍스트 링크로 이동(컨텍스트와 한 묶음이라 의미도 더 맞음) */
#mainContent[data-main-design="lavender"] .lav-flow-ctx #lavFlowCtx{display:inline;}
#mainContent[data-main-design="lavender"] .lav-flow-edit{display:inline;margin-left:9px;padding:0;border:0;border-radius:0;background:none;color:#5a5bd8;font-size:12.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c9cbf2;vertical-align:baseline;}
#mainContent[data-main-design="lavender"] .lav-flow-edit:hover{background:none;color:#3a3bb0;text-decoration-color:#3a3bb0;}

/* ───────── lavender v63: 충전 카드 = 사이버 카드(uiverse cowardly-eagle-56 이식) ─────────
   다크 네이비-바이올렛 카드 + 9분할 호버 트래커 3D 틸트 + 스캔라인·사이버라인·코너 브래킷·글레어·파티클.
   원본 네온 그린(#00ffaa)은 우리 라벤더(#7c6bff)–블루(#5bbdff) 팔레트로 치환.
   트래커가 카드 "내부" 자식이라 원본의 ~ 형제 선택자 대신 :has()로 틸트.
   overflow:hidden은 카드가 아닌 .pc-fx에(카드에 주면 plan-badge top:-16px가 잘림).
   클릭은 기존 카드 onclick 그대로(트래커 클릭이 버블링). */
#mainContent[data-main-design="lavender"] :is(.gp-plan-grid,.gp-sub-grid) .plan-card{
 position:relative;
 background:linear-gradient(150deg,#1b1e34 0%,#23284a 100%) !important;
 border:1.5px solid rgba(149,134,255,.28) !important;
 box-shadow:0 14px 34px rgba(23,26,43,.28),inset 0 0 26px rgba(8,10,22,.4) !important;
}
#mainContent[data-main-design="lavender"] .plan-card .pc-fx{
 position:absolute;inset:0;z-index:6;
 border-radius:inherit;overflow:hidden;
 display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);
 pointer-events:none;
}
#mainContent[data-main-design="lavender"] .pc-tr{pointer-events:auto;cursor:pointer;}

/* 사이버 라인(상시 은은히 흐름) */
#mainContent[data-main-design="lavender"] .pc-line{
 position:absolute;left:0;width:100%;height:1px;
 background:linear-gradient(90deg,transparent,rgba(151,136,255,.26),transparent);
 transform:scaleX(0);
}
#mainContent[data-main-design="lavender"] .pc-line.l1{top:22%;transform-origin:left;animation:pcLineGrow 3.2s linear infinite;}
#mainContent[data-main-design="lavender"] .pc-line.l2{top:43%;transform-origin:right;animation:pcLineGrow 3.2s linear infinite 1.1s;}
#mainContent[data-main-design="lavender"] .pc-line.l3{top:64%;transform-origin:left;animation:pcLineGrow 3.2s linear infinite 2.1s;}
#mainContent[data-main-design="lavender"] .pc-line.l4{top:85%;transform-origin:right;animation:pcLineGrow 3.2s linear infinite 1.6s;}

/* 스캔 라인 */
#mainContent[data-main-design="lavender"] .pc-scan{
 position:absolute;inset:0;
 background:linear-gradient(to bottom,transparent,rgba(151,136,255,.1),transparent);
 transform:translateY(-100%);
 animation:pcScan 3s linear infinite;
}

/* 코너 브래킷 */
#mainContent[data-main-design="lavender"] .pc-corner{position:absolute;width:14px;height:14px;border:2px solid rgba(151,136,255,.38);transition:border-color .3s,box-shadow .3s;}
#mainContent[data-main-design="lavender"] .pc-corner.c1{top:10px;left:10px;border-right:0;border-bottom:0;}
#mainContent[data-main-design="lavender"] .pc-corner.c2{top:10px;right:10px;border-left:0;border-bottom:0;}
#mainContent[data-main-design="lavender"] .pc-corner.c3{bottom:10px;left:10px;border-right:0;border-top:0;}
#mainContent[data-main-design="lavender"] .pc-corner.c4{bottom:10px;right:10px;border-left:0;border-top:0;}

/* 글레어·파티클(호버에서만) */
#mainContent[data-main-design="lavender"] .pc-glare{
 position:absolute;inset:0;opacity:0;transition:opacity .3s;
 background:linear-gradient(125deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 55%,rgba(255,255,255,0) 100%);
}
#mainContent[data-main-design="lavender"] .pc-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:#a78bfa;opacity:0;}
#mainContent[data-main-design="lavender"] .pc-dot.d1{--x:1;--y:-1;top:40%;left:20%;}
#mainContent[data-main-design="lavender"] .pc-dot.d2{--x:-1;--y:-1;top:60%;right:20%;}
#mainContent[data-main-design="lavender"] .pc-dot.d3{--x:.5;--y:1;top:20%;left:40%;}
#mainContent[data-main-design="lavender"] .pc-dot.d4{--x:-.5;--y:1;top:80%;right:40%;}
#mainContent[data-main-design="lavender"] .pc-dot.d5{--x:1;--y:.5;top:30%;left:60%;}
#mainContent[data-main-design="lavender"] .pc-dot.d6{--x:-1;--y:.5;top:70%;right:60%;}

/* 인기·프리미엄 변형(호버 글로우보다 앞에 둬서 호버가 이김) */
#mainContent[data-main-design="lavender"] .plan-card.plan-popular{border-color:rgba(151,99,255,.8) !important;box-shadow:0 16px 40px rgba(124,91,255,.3),inset 0 0 26px rgba(8,10,22,.4) !important;}
#mainContent[data-main-design="lavender"] .plan-card.plan-premium{border-color:rgba(91,189,255,.55) !important;}

/* 호버: 보더 글로우·글레어·코너 점등·파티클 부유 */
#mainContent[data-main-design="lavender"] .plan-card:hover{
 border-color:rgba(167,139,250,.7) !important;
 box-shadow:0 20px 46px rgba(23,26,43,.42),0 0 24px rgba(124,107,255,.28),inset 0 0 26px rgba(8,10,22,.45) !important;
}
#mainContent[data-main-design="lavender"] .plan-card:hover .pc-glare{opacity:1;}
#mainContent[data-main-design="lavender"] .plan-card:hover .pc-corner{border-color:rgba(167,139,250,.9);box-shadow:0 0 10px rgba(124,107,255,.5);}
#mainContent[data-main-design="lavender"] .plan-card:hover .pc-dot{animation:pcFloat 2s infinite;}

/* 9분할 3D 틸트 */
#mainContent[data-main-design="lavender"] .plan-card:has(.pc-tr.t1:hover){transform:perspective(720px) rotateX(6deg) rotateY(-6deg);}
#mainContent[data-main-design="lavender"] .plan-card:has(.pc-tr.t2:hover){transform:perspective(720px) rotateX(6deg);}
#mainContent[data-main-design="lavender"] .plan-card:has(.pc-tr.t3:hover){transform:perspective(720px) rotateX(6deg) rotateY(6deg);}
#mainContent[data-main-design="lavender"] .plan-card:has(.pc-tr.t4:hover){transform:perspective(720px) rotateY(-6deg);}
#mainContent[data-main-design="lavender"] .plan-card:has(.pc-tr.t5:hover){transform:perspective(720px) translateY(-2px);}
#mainContent[data-main-design="lavender"] .plan-card:has(.pc-tr.t6:hover){transform:perspective(720px) rotateY(6deg);}
#mainContent[data-main-design="lavender"] .plan-card:has(.pc-tr.t7:hover){transform:perspective(720px) rotateX(-6deg) rotateY(-6deg);}
#mainContent[data-main-design="lavender"] .plan-card:has(.pc-tr.t8:hover){transform:perspective(720px) rotateX(-6deg);}
#mainContent[data-main-design="lavender"] .plan-card:has(.pc-tr.t9:hover){transform:perspective(720px) rotateX(-6deg) rotateY(6deg);}

/* 다크 카드 위 텍스트 위계 */
#mainContent[data-main-design="lavender"] .plan-tag{
 background:linear-gradient(45deg,#b6a6ff,#6ec4ff);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 filter:drop-shadow(0 0 12px rgba(124,107,255,.35));
 font-weight:800 !important;letter-spacing:.3px;
}
#mainContent[data-main-design="lavender"] .plan-discount{background:rgba(228,90,75,.18) !important;color:#ff9d90 !important;}
/* 10038의 :is() 그룹(#1a1f2e !important, 특이도 1-2-1)을 이기도록 .plan-card 경유(1-3-0) */
#mainContent[data-main-design="lavender"] .plan-card .plan-price-main{color:#fff !important;text-shadow:0 0 18px rgba(124,107,255,.22);}
#mainContent[data-main-design="lavender"] .plan-card .plan-won{color:rgba(233,235,255,.5) !important;}
#mainContent[data-main-design="lavender"] .plan-unitcost{color:rgba(233,235,255,.45) !important;}
#mainContent[data-main-design="lavender"] .plan-unitcost strong{color:rgba(233,235,255,.82) !important;}
#mainContent[data-main-design="lavender"] .plan-feats{border-top:1px solid rgba(255,255,255,.1) !important;}
#mainContent[data-main-design="lavender"] .plan-feats li{color:rgba(233,235,255,.72) !important;}
#mainContent[data-main-design="lavender"] .plan-feats li span{color:rgba(233,235,255,.46) !important;}
#mainContent[data-main-design="lavender"] .plan-feats li strong{color:#fff !important;}
#mainContent[data-main-design="lavender"] .gp-plan-total{background:rgba(9,11,24,.5);border:1px solid rgba(151,136,255,.22);color:#cfd4ff !important;}
#mainContent[data-main-design="lavender"] .plan-credit-amount{color:#fff !important;}
#mainContent[data-main-design="lavender"] .plan-credit-amount .plan-unit{color:rgba(233,235,255,.5) !important;}
#mainContent[data-main-design="lavender"] .plan-btn{
 background:linear-gradient(135deg,#7c6bff,#5a8bff) !important;
 box-shadow:0 6px 18px rgba(98,86,255,.32) !important;
}
#mainContent[data-main-design="lavender"] .plan-card:hover .plan-btn{background:linear-gradient(135deg,#8d7dff,#6a9aff) !important;}
#mainContent[data-main-design="lavender"] .plan-badge{box-shadow:0 4px 16px rgba(90,91,216,.5) !important;}

@keyframes pcLineGrow{0%{transform:scaleX(0);opacity:0;}50%{transform:scaleX(1);opacity:1;}100%{transform:scaleX(0);opacity:0;}}
@keyframes pcScan{to{transform:translateY(100%);}}
@keyframes pcFloat{0%{transform:translate(0,0);opacity:0;}50%{opacity:1;}100%{transform:translate(calc(var(--x,0)*30px),calc(var(--y,0)*30px));opacity:0;}}

@media (prefers-reduced-motion:reduce){
 #mainContent[data-main-design="lavender"] :is(.pc-line,.pc-scan,.pc-dot){animation:none !important;}
 #mainContent[data-main-design="lavender"] .plan-card{transform:none !important;}
}

/* ───────── lavender v64: 컴포저 전송 버튼 = modern-stingray-68 이식 ─────────
   링 스왑(대기 옅은 라벤더 → 호버 본색 보라) + 화살표 슬라이드 교대.
   원본과 차이: 테두리·화살표 색만 우리 팔레트, 화살표는 위(-90deg), 52px 규격(원본 56px).
   .lav-send-elem 폭 합(16+20+16)=52 = 슬라이드 거리 — 크기 바꾸면 같이 맞출 것. */
.gp-lav-send{
 position:relative;
 overflow:hidden;
 background:transparent !important;
 box-shadow:none !important;
}
.gp-lav-send:hover{transform:none;filter:none;box-shadow:none !important;}
.gp-lav-send::before,
.gp-lav-send::after{
 content:"";
 position:absolute;
 inset:6px;
 border-radius:50%;
}
.gp-lav-send::before{
 border:4px solid #c9cbf2;
 transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms;
}
.gp-lav-send::after{
 border:4px solid #5557d2;
 transform:scale(1.3);
 opacity:0;
 transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);
}
.gp-lav-send:hover::before,
.gp-lav-send:focus-visible::before{
 opacity:0;
 transform:scale(.7);
 transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);
}
.gp-lav-send:hover::after,
.gp-lav-send:focus-visible::after{
 opacity:1;
 transform:scale(1);
 transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms;
}
.lav-send-box{
 display:flex;
 flex-direction:column; /* 세로 교대(사장님): 화살표가 위로 날아가고 아래에서 새 화살표 */
 position:absolute;
 top:0;
 left:0;
}
.lav-send-elem{
 display:block;
 width:20px;
 height:20px;
 margin:16px; /* 16+20+16=52 = 세로 슬라이드 거리 */
 transform:rotate(-90deg);
 fill:#5557d2;
}
/* 기존 .gp-lav-send svg{width:22px} 계열(9855·12741·12844)이 새 화살표를 키우지 않게 고정 */
.lav-send-elem svg{display:block;width:100%;height:100%;}
.gp-lav-send:hover .lav-send-box,
.gp-lav-send:focus-visible .lav-send-box{
 transition:.4s;
 transform:translateY(-52px);
}
@media (prefers-reduced-motion:reduce){
 .gp-lav-send::before,.gp-lav-send::after,.lav-send-box{transition:none !important;}
 .gp-lav-send:hover .lav-send-box,.gp-lav-send:focus-visible .lav-send-box{transform:translateY(-52px);}
}

/* ───────── lavender v65: 검정 주 버튼 전부 = wonderful-baboon-62 이식 ─────────
   그라데이션 림(#af40ff→#5b42f3→#00ddeb) + 짙은 남색 속(rgb(5,6,45)), 호버 시 속이 사라지며 그라데이션 풀 채움.
   원본은 button>span 2겹 — 마크업 수정 없이 ::before(z-index:-1, inset 3px) 한 겹으로 동일 효과.
   (button에 z-index:0 → 스태킹 컨텍스트 생성 → 음수 z 자식이 배경 위·텍스트 아래 끼는 구조)
   대상(기존 #171a2b 검정 계열 전부): 워크스페이스 주 CTA 4종·업그레이드·사이드바 초대·쿠폰 적용.
   충전하기(.plan-btn)는 v63 사이버 카드의 보라 그라데이션 유지. */
.lav-flow-cta,
.lav-confirm-actions button:last-child,
.lav-approve-actions button:last-child,
.lav-done-actions button:last-child,
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn,
.gp-lav-side-bottom .gp-invite-btn,
#mainContent[data-main-design="lavender"] .gp-coupon-form button{
 position:relative;
 z-index:0;
 overflow:hidden;
 border:0 !important;
 background:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb) !important;
 color:#fff !important;
 box-shadow:rgba(151,65,252,.2) 0 15px 30px -5px !important;
 transition:transform .3s;
}
.lav-flow-cta::before,
.lav-confirm-actions button:last-child::before,
.lav-approve-actions button:last-child::before,
.lav-done-actions button:last-child::before,
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn::before,
.gp-lav-side-bottom .gp-invite-btn::before,
#mainContent[data-main-design="lavender"] .gp-coupon-form button::before{
 content:"";
 position:absolute;
 inset:3px;
 z-index:-1;
 border-radius:inherit;
 background:rgb(5,6,45);
 transition:background-color .3s;
}
/* 호버: 기존 #23263a 호버 규칙(!important 포함)을 그라데이션 유지로 덮고, 속만 비워 차오르게 */
.lav-flow-cta:hover,
.lav-confirm-actions button:last-child:hover,
.lav-approve-actions button:last-child:hover,
.lav-done-actions button:last-child:hover,
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn:hover,
.gp-lav-side-bottom .gp-invite-btn:hover,
#mainContent[data-main-design="lavender"] .gp-coupon-form button:hover{
 background:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb) !important;
}
.lav-flow-cta:hover::before,
.lav-confirm-actions button:last-child:hover::before,
.lav-approve-actions button:last-child:hover::before,
.lav-done-actions button:last-child:hover::before,
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn:hover::before,
.gp-lav-side-bottom .gp-invite-btn:hover::before,
#mainContent[data-main-design="lavender"] .gp-coupon-form button:hover::before{
 background:transparent;
}
.lav-flow-cta:active,
.lav-confirm-actions button:last-child:active,
.lav-approve-actions button:last-child:active,
.lav-done-actions button:last-child:active,
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-upgrade-btn:active,
.gp-lav-side-bottom .gp-invite-btn:active,
#mainContent[data-main-design="lavender"] .gp-coupon-form button:active{
 transform:scale(.95); /* 원본 .9 — 풀폭 CTA에선 과해서 살짝 완화 */
}
@media (prefers-reduced-motion:reduce){
 .lav-flow-cta,.lav-flow-cta::before{transition:none !important;}
}

/* ───────── lavender v66: 우측 하단 카카오 1:1 문의 플로팅 CTA ─────────
   카카오 브랜드(노랑 #FEE500 + 갈색 글자)로 즉시 인지. #appScreen 안이라 로그인 화면 자동 비표시.
   데스크톱 우하단, 모바일은 하단 네비(z 1000) 위로 올림. */
.gp-kakao-fab{
 position:fixed;
 right:24px;
 bottom:24px;
 z-index:999;
 display:inline-flex;
 align-items:center;
 gap:8px;
 height:52px;
 padding:0 20px 0 15px;
 border:0;
 border-radius:999px;
 background:#FEE500;
 color:#3a1d1d;
 font-size:14px;
 font-weight:800;
 letter-spacing:-.2px;
 cursor:pointer;
 box-shadow:0 10px 26px rgba(60,45,0,.24);
 transition:transform .16s ease,box-shadow .16s ease;
}
.gp-kakao-fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(60,45,0,.32);}
.gp-kakao-fab:active{transform:translateY(0) scale(.97);}
.gp-kakao-fab-ic{width:24px;height:24px;fill:#3a1d1d;flex-shrink:0;}
@media(max-width:600px){
 /* 모바일 하단 네비(약 60px) 위로 — 라벨 빼고 아이콘만 원형으로 컴팩트 */
 .gp-kakao-fab{bottom:74px;right:16px;height:50px;width:50px;padding:0;justify-content:center;}
 .gp-kakao-fab-tx{display:none;}
}
@media (prefers-reduced-motion:reduce){
 .gp-kakao-fab{transition:none !important;}
}
/* Global feedback: toast, confirm/prompt modal, notification center */
.gp-toast-root{
  position:fixed;
  right:18px;
  top:18px;
  z-index:10050;
  display:flex;
  flex-direction:column;
  gap:10px;
  width:min(360px, calc(100vw - 32px));
  pointer-events:none;
}
.gp-toast{
  pointer-events:auto;
  display:grid;
  grid-template-columns:34px 1fr 28px;
  gap:12px;
  align-items:start;
  padding:14px 14px 14px 12px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  background:rgba(12,18,32,.92);
  color:#f8fafc;
  box-shadow:0 18px 50px rgba(0,0,0,.32);
  backdrop-filter:blur(18px);
  transform:translate3d(16px,-8px,0) scale(.98);
  opacity:0;
  transition:transform .18s ease, opacity .18s ease;
}
.gp-toast.show{transform:translate3d(0,0,0) scale(1);opacity:1}
.gp-toast.hide{transform:translate3d(16px,-8px,0) scale(.98);opacity:0}
.gp-toast-mark{
  width:32px;
  height:32px;
  border-radius:10px;
  background:linear-gradient(135deg,#7c3aed,#3b82f6);
  box-shadow:0 8px 22px rgba(91,94,255,.28);
  position:relative;
}
.gp-toast-mark:after{
  content:"";
  position:absolute;
  inset:9px;
  border:2px solid #fff;
  border-top:0;
  border-left:0;
  transform:rotate(45deg) translate(-1px,-1px);
}
.gp-toast-error .gp-toast-mark{background:linear-gradient(135deg,#ef4444,#f97316)}
.gp-toast-error .gp-toast-mark:after{
  inset:8px;
  border:0;
  background:linear-gradient(#fff,#fff) center/2px 14px no-repeat, radial-gradient(circle,#fff 0 2px,transparent 2.5px) center bottom/100% 7px no-repeat;
  transform:none;
}
.gp-toast-info .gp-toast-mark{background:linear-gradient(135deg,#06b6d4,#2563eb)}
.gp-toast-info .gp-toast-mark:after{
  inset:7px;
  border:2px solid #fff;
  border-radius:999px;
  transform:none;
}
.gp-toast b{display:block;margin:0 0 3px;font-size:13px;font-weight:800;line-height:1.25}
.gp-toast p{margin:0;color:rgba(248,250,252,.78);font-size:13px;line-height:1.45;word-break:keep-all}
.gp-toast button{
  width:26px;
  height:26px;
  border:0;
  border-radius:8px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.8);
  cursor:pointer;
  font-size:18px;
  line-height:1;
}
.gp-dialog-root[hidden], .gp-notification-panel[hidden]{display:none!important}
.gp-dialog-root{
  position:fixed;
  inset:0;
  z-index:10040;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.gp-dialog-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.62);
  backdrop-filter:blur(10px);
}
.gp-dialog-card{
  position:relative;
  width:min(420px,100%);
  border:1px solid rgba(148,163,184,.24);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(20,28,47,.98),rgba(12,18,32,.98));
  color:#f8fafc;
  box-shadow:0 26px 80px rgba(0,0,0,.42);
  padding:24px;
  animation:gpDialogIn .18s ease both;
}
@keyframes gpDialogIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.gp-dialog-x{
  position:absolute;
  right:14px;
  top:14px;
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.75);
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.gp-dialog-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  background:linear-gradient(135deg,#7c3aed,#3b82f6);
  color:#fff;
  font-size:22px;
  font-weight:900;
  box-shadow:0 10px 26px rgba(91,94,255,.32);
}
.gp-dialog-root.danger .gp-dialog-icon{background:linear-gradient(135deg,#ef4444,#fb7185)}
.gp-dialog-card h2{margin:0 34px 8px 0;font-size:20px;line-height:1.28;letter-spacing:0;font-weight:850}
.gp-dialog-card p{margin:0;color:rgba(226,232,240,.78);font-size:14px;line-height:1.6;word-break:keep-all}
.gp-prompt-wrap{margin-top:16px}
.gp-prompt-wrap textarea{
  width:100%;
  box-sizing:border-box;
  resize:vertical;
  min-height:104px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:13px 14px;
  font:14px/1.55 var(--font, Pretendard, sans-serif);
  outline:none;
}
.gp-prompt-wrap textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.16)}
.gp-prompt-wrap small{display:block;margin-top:8px;color:rgba(226,232,240,.58);font-size:12px}
.gp-prompt-wrap.shake{animation:gpShake .22s linear}
@keyframes gpShake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
.gp-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:22px;
}
.gp-dialog-actions button{
  min-width:92px;
  height:40px;
  border-radius:12px;
  font:700 13px/1 var(--font, Pretendard, sans-serif);
  cursor:pointer;
}
.gp-dialog-cancel{border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.06);color:rgba(248,250,252,.78)}
.gp-dialog-confirm{border:0;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;box-shadow:0 10px 24px rgba(91,94,255,.26)}
.gp-dialog-root.danger .gp-dialog-confirm{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 10px 24px rgba(239,68,68,.22)}
.gp-notification-panel{
  position:fixed;
  right:18px;
  top:72px;
  z-index:10030;
  width:min(390px, calc(100vw - 32px));
  max-height:min(620px, calc(100vh - 92px));
  display:flex;
  flex-direction:column;
  border:1px solid rgba(148,163,184,.24);
  border-radius:20px;
  background:rgba(12,18,32,.96);
  color:#f8fafc;
  box-shadow:0 26px 80px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
  overflow:hidden;
  animation:gpPanelIn .18s ease both;
}
@keyframes gpPanelIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.gp-notification-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 12px;
  border-bottom:1px solid rgba(148,163,184,.14);
}
.gp-notification-head strong{display:block;font-size:18px;line-height:1.25}
.gp-notification-head span{display:block;margin-top:4px;color:rgba(226,232,240,.62);font-size:12px}
.gp-notification-head button{
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.78);
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.gp-notification-actions{
  display:flex;
  justify-content:flex-end;
  padding:10px 14px;
  border-bottom:1px solid rgba(148,163,184,.10);
}
.gp-notification-actions button{
  border:1px solid rgba(148,163,184,.18);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:rgba(226,232,240,.78);
  padding:6px 10px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.gp-notification-list{overflow:auto;padding:8px}
.gp-notification-item{
  width:100%;
  border:0;
  border-radius:14px;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:11px;
  padding:12px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.gp-notification-item:hover{background:rgba(255,255,255,.06)}
.gp-notification-item.unread{background:rgba(99,102,241,.12)}
.gp-notification-item > .material-symbols-outlined{
  width:32px;
  height:32px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(99,102,241,.18);
  color:#a78bfa;
  font-size:19px;
}
.gp-notification-body{min-width:0}
.gp-notification-body b{display:block;font-size:13px;line-height:1.35;font-weight:800}
.gp-notification-body em{
  display:block;
  margin-top:3px;
  color:rgba(226,232,240,.74);
  font-style:normal;
  font-size:12.5px;
  line-height:1.45;
  word-break:keep-all;
}
.gp-notification-body small{display:block;margin-top:6px;color:rgba(226,232,240,.48);font-size:11px}
.gp-notification-empty{
  padding:34px 20px 38px;
  text-align:center;
  color:rgba(226,232,240,.62);
}
.gp-notification-empty .material-symbols-outlined{
  display:block;
  margin:0 auto 10px;
  width:44px;
  height:44px;
  border-radius:15px;
  background:rgba(255,255,255,.06);
  color:#a78bfa;
  line-height:44px;
}
.gp-notification-empty b{display:block;color:#fff;font-size:14px}
.gp-notification-empty p{margin:6px 0 0;font-size:12.5px;line-height:1.45}
.gp-lav-bell{position:relative}
.gp-notif-badge{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border:2px solid rgba(12,18,32,.98);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ef4444;
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:1;
  box-sizing:border-box;
}
.gp-notif-badge[hidden]{display:none!important}
.gp-lav-bell i{opacity:0}
.gp-lav-bell.has-unread svg{color:#8b5cf6}
.gp-lav-bell.has-unread i{opacity:1;background:#ef4444}
@media (max-width: 640px){
  .gp-toast-root{left:14px;right:14px;top:12px;width:auto}
  .gp-notification-panel{left:12px;right:12px;top:64px;width:auto;max-height:calc(100vh - 82px)}
  .gp-dialog-root{align-items:flex-end;padding:12px}
  .gp-dialog-card{border-radius:18px;padding:22px 18px 18px}
}

/* Uiverse-inspired controls: upload plus + notification bell */
.gp-lav-add.gp-upload-uiverse{
  flex:0 0 52px;
  width:52px;
  height:52px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#5557d2;
  cursor:pointer;
  outline:0;
  position:relative;
  overflow:hidden;
  box-shadow:none;
  transition:transform .28s cubic-bezier(.22,1,.36,1), background .22s ease, box-shadow .22s ease;
}
.gp-lav-add.gp-upload-uiverse::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:50%;
  border:4px solid #c9cbf2;
  opacity:1;
  transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms;
}
.gp-lav-add.gp-upload-uiverse::after{
  content:"";
  position:absolute;
  inset:6px;
  border:4px solid #5557d2;
  border-radius:50%;
  background:transparent;
  transform:scale(1.3);
  opacity:0;
  transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);
}
.gp-upload-plus{
  width:22px;
  height:22px;
  display:block;
  position:relative;
  z-index:1;
  transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.gp-upload-plus::before,
.gp-upload-plus::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:3px;
  border-radius:999px;
  background:#5557d2;
  transform:translate(-50%,-50%);
  box-shadow:none;
}
.gp-upload-plus::after{
  width:3px;
  height:22px;
}
.gp-lav-add.gp-upload-uiverse:hover{
  transform:rotate(90deg) scale(1.04);
}
.gp-lav-add.gp-upload-uiverse:hover::before{
  opacity:0;
  transform:scale(.7);
  transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);
}
.gp-lav-add.gp-upload-uiverse:hover::after{
  opacity:1;
  transform:scale(1);
  transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms;
}
.gp-lav-add.gp-upload-uiverse:hover .gp-upload-plus{transform:scale(1.08)}
.gp-lav-add.gp-upload-uiverse:active{transform:rotate(90deg) scale(.94)}

.gp-lav-bell.gp-bell-uiverse{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#5557d2;
  position:relative;
  cursor:pointer;
  box-shadow:none;
  border:1px solid #e4e7f1;
  transition:background .22s ease, transform .18s ease, box-shadow .22s ease;
}
.gp-lav-bell.gp-bell-uiverse::before{
  content:"";
  position:absolute;
  inset:6px;
  border:3px solid #c9cbf2;
  border-radius:50%;
  pointer-events:none;
}
.gp-lav-bell.gp-bell-uiverse .gp-bell-icon{
  width:17px;
  height:17px;
  fill:#5557d2;
  transform-origin:50% 6%;
  transition:fill .18s ease;
}
.gp-lav-bell.gp-bell-uiverse:hover{
  background:#f7f7ff;
  border-color:#c9cbf2;
  box-shadow:0 8px 18px rgba(85,87,210,.12);
}
.gp-lav-bell.gp-bell-uiverse:hover .gp-bell-icon{
  animation:gpBellRing .55s cubic-bezier(.36,.07,.19,.97) both;
}
.gp-lav-bell.gp-bell-uiverse:active{
  transform:scale(.92);
}
.gp-lav-bell.gp-bell-uiverse i{
  display:none;
}
.gp-lav-bell.gp-bell-uiverse.has-unread .gp-bell-icon{
  fill:#5557d2;
}
.gp-lav-bell.gp-bell-uiverse .gp-notif-badge{
  top:-4px;
  right:-4px;
  border-color:#fff;
}
@keyframes gpBellRing{
  0%{transform:rotate(0)}
  15%{transform:rotate(15deg)}
  30%{transform:rotate(-14deg)}
  45%{transform:rotate(10deg)}
  60%{transform:rotate(-8deg)}
  75%{transform:rotate(4deg)}
  100%{transform:rotate(0)}
}
@media(max-width:560px){
  .gp-lav-add.gp-upload-uiverse,
  .gp-lav-bell.gp-bell-uiverse{
    width:46px;
    height:46px;
    flex-basis:46px;
  }
}

/* Production maintenance screen */
.gp-maintenance-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 20% 10%, rgba(85,87,210,.12), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(111,132,255,.10), transparent 30%),
    #f7f8fc !important;
  color:#111827;
}
.gp-maintenance-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:32px 18px;
  font-family:var(--font, Pretendard, sans-serif);
}
.gp-maintenance-card{
  width:min(520px,100%);
  text-align:center;
  padding:42px 34px 36px;
  border:1px solid #e4e7f1;
  border-radius:28px;
  background:rgba(255,255,255,.88);
  box-shadow:0 26px 70px rgba(49,58,110,.13);
  backdrop-filter:blur(18px);
}
.gp-maintenance-logo{
  display:block;
  width:min(260px,72%);
  height:auto;
  margin:0 auto 22px;
}
.gp-maintenance-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 12px;
  padding:7px 12px;
  border-radius:999px;
  background:#efeffd;
  color:#5557d2;
  font-size:13px;
  font-weight:800;
}
.gp-maintenance-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#5557d2;
  box-shadow:0 0 0 5px rgba(85,87,210,.12);
}
.gp-maintenance-card h1{
  margin:0;
  color:#111827;
  font-size:clamp(30px,5vw,44px);
  line-height:1.12;
  letter-spacing:0;
  font-weight:900;
}
.gp-maintenance-copy{
  margin:16px auto 0;
  max-width:430px;
  color:#5d6475;
  font-size:16px;
  line-height:1.65;
  word-break:keep-all;
}
.gp-maintenance-kakao{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  margin-top:28px;
  padding:0 22px;
  border-radius:999px;
  background:#5557d2;
  color:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:850;
  box-shadow:0 12px 28px rgba(85,87,210,.22);
}
.gp-maintenance-kakao:hover{
  background:#4648bf;
}
.gp-maintenance-note{
  margin:16px 0 0;
  color:#8a92a6;
  font-size:13px;
  line-height:1.5;
}
@media(max-width:560px){
  .gp-maintenance-card{
    padding:34px 22px 30px;
    border-radius:22px;
  }
}


/* ───────── lavender v67: FAQ 페이지(신규) + 문의하기(1:1) 페이지 ─────────
   공개 Q&A 게시판 → FAQ(공개 지식) + 문의하기(1:1) 분리. FAQ는 aside 없는 단일 컬럼.
   .faq-item 전역 규칙은 다크(rgba(16,28,48,.72))라 밝은 라벤더 페이지에선 .gp-faq-page 스코프로 밝게 덮음. */
#mainContent[data-main-design="lavender"] .gp-faq-page{grid-template-columns:minmax(0,1fr);max-width:880px;}
#mainContent[data-main-design="lavender"] .gp-faq-group{margin-top:24px;}
#mainContent[data-main-design="lavender"] .gp-faq-group:first-of-type{margin-top:6px;}
#mainContent[data-main-design="lavender"] .gp-faq-cat{
 margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.2px;color:#7c6bff;
 display:flex;align-items:center;gap:8px;
}
#mainContent[data-main-design="lavender"] .gp-faq-cat::before{content:"";width:14px;height:2px;border-radius:2px;background:#7c6bff;}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-list{display:flex;flex-direction:column;gap:10px;}
/* 밝은 카드로(전역 다크 .faq-item 덮기) */
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-item{
 background:#fff !important;border:1px solid #e7e9f4 !important;border-radius:12px !important;
 box-shadow:0 6px 18px rgba(84,90,160,.05);
}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-q{color:#1a1f2e !important;}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-q:hover{background:transparent !important;}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-a{color:#4b5366 !important;}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-icon{stroke:#9aa0b4;}

/* FAQ 하단 "원하는 답이 없나요?" — FAQ→문의 funnel */
#mainContent[data-main-design="lavender"] .gp-faq-ask{
 margin-top:28px;padding:22px 24px;border-radius:16px;
 background:linear-gradient(135deg,#f3f0ff,#eaf1ff);
 border:1px solid #e2e2f5;
 display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
}
#mainContent[data-main-design="lavender"] .gp-faq-ask strong{display:block;font-size:15.5px;font-weight:800;color:#1a1f2e;}
#mainContent[data-main-design="lavender"] .gp-faq-ask span{display:block;margin-top:3px;font-size:13px;color:#5d6477;}
#mainContent[data-main-design="lavender"] .gp-faq-ask-btns{display:flex;gap:10px;flex-shrink:0;}
#mainContent[data-main-design="lavender"] .gp-faq-ask-kakao{
 height:44px;padding:0 18px;border:0;border-radius:11px;cursor:pointer;
 background:#FEE500;color:#3a1d1d;font-size:13.5px;font-weight:800;
}
#mainContent[data-main-design="lavender"] .gp-faq-ask-go{
 height:44px;padding:0 18px;border:0;border-radius:11px;cursor:pointer;
 background:#5a5bd8;color:#fff;font-size:13.5px;font-weight:700;
}
#mainContent[data-main-design="lavender"] .gp-faq-ask-go:hover{background:#4a4bc0;}

/* 문의하기: 카카오 빠른 채널 카드 */
#mainContent[data-main-design="lavender"] .gp-inq-quick{
 margin:0 0 16px;padding:16px 18px;border-radius:14px;
 background:#fffbe6;border:1px solid #f4e9a8;
 display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
#mainContent[data-main-design="lavender"] .gp-inq-quick strong{display:block;font-size:14px;font-weight:700;color:#5a4b00;}
#mainContent[data-main-design="lavender"] .gp-inq-quick span{display:block;margin-top:2px;font-size:12.5px;color:#8a7a3a;}
#mainContent[data-main-design="lavender"] .gp-inq-quick button{
 height:44px;padding:0 18px;border:0;border-radius:11px;cursor:pointer;flex-shrink:0;
 background:#FEE500;color:#3a1d1d;font-size:13.5px;font-weight:800;
}
#mainContent[data-main-design="lavender"] .gp-inq-list-head{
 margin:18px 0 12px;font-size:14px;font-weight:800;color:#1a1f2e;
}
@media(max-width:600px){
 #mainContent[data-main-design="lavender"] .gp-faq-ask,
 #mainContent[data-main-design="lavender"] .gp-inq-quick{flex-direction:column;align-items:stretch;}
 #mainContent[data-main-design="lavender"] .gp-faq-ask-btns{flex-direction:column;}
 #mainContent[data-main-design="lavender"] .gp-faq-ask-btns button,
 #mainContent[data-main-design="lavender"] .gp-inq-quick button{width:100%;}
}


/* ───────── lavender v68: FAQ 아코디언 = CodePen kathykato/MoZJom 이식 ─────────
   v67 카드형 → 하단 보더 행 + +/− 원형 아이콘 + max-height 슬라이드. 색만 라벤더(원본 teal #03b5d2 → #5a5bd8).
   토글은 기존 toggleFaq(.faq-item.open) 그대로 사용. */
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-list{display:block;}
/* 카드 스타일(v67) 무력화 → 구분선 행 */
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-item{
 background:none !important;border:0 !important;border-bottom:1px solid #e6e8f2 !important;
 border-radius:0 !important;box-shadow:none !important;overflow:visible;
}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-item.open{border-bottom-color:#7c6bff !important;}
/* 질문 버튼 */
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-q{
 display:block;position:relative;width:100%;min-height:0;
 padding:18px 46px 18px 0;
 text-align:left;background:none !important;border:0;cursor:pointer;
 color:#6c7790 !important;
 font-size:16.5px;font-weight:400;line-height:1.5;
 transition:color .15s linear;
}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-q:hover{color:#5a5bd8 !important;}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-item.open .faq-q{color:#5a5bd8 !important;}
/* +/− 원형 아이콘(currentColor = 버튼 색) */
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-plus{
 position:absolute;right:0;top:50%;margin-top:-11px;
 width:22px;height:22px;border:1px solid currentColor;border-radius:50%;
}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-plus::before{
 content:"";position:absolute;top:9px;left:5px;width:10px;height:2px;background:currentColor;
}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-plus::after{
 content:"";position:absolute;top:5px;left:9px;width:2px;height:10px;background:currentColor;
 transition:all .2s linear;will-change:width;
}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-item.open .faq-plus::after{width:0;}
/* 답변 슬라이드(display → max-height 전환) */
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-a{
 display:block !important;max-height:0;opacity:0;overflow:hidden;padding:0 !important;
 color:#5b6275 !important;font-size:15px;line-height:1.75;
 transition:max-height .2s linear,opacity .2s linear,padding .2s linear;will-change:max-height,opacity;
}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-item.open .faq-a{
 max-height:22em;opacity:1;padding:0 0 22px !important;
}


/* ───────── lavender v69: FAQ 아코디언 마감 + 컴포저 입력창 높이 고정 ─────────
   (1) 호버 배경(사장님: 호버 시 배경 없음) — text 안 밀리게 버튼 ::after로 양옆 bleed.
   (2) 애니메이션 부드럽게(사장님: 딱딱함) — 원본도 9em인데 22em으로 잡아 빈 공간까지 늘던 것 12em으로,
       linear → cubic-bezier(.4,0,.2,1). 아이콘 +/− 전환도 ease.
   (3) 컴포저 입력창: 타이핑 시 확장 금지 — 높이 고정 + 내부 스크롤. */
/* 호버 시 배경 없음(사장님 — 원본 CodePen도 배경 없이 글자색만). 인셋 제거(헤딩과 정렬). */
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-q{
 padding-left:0;transition:color .2s ease;
}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-q:hover{background:transparent;}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-item.open .faq-q{background:transparent;}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-a{padding-left:0;}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-plus{transition:border-color .2s ease;}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-plus::before,
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-plus::after{transition:all .25s cubic-bezier(.4,0,.2,1);}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-a{
 transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .26s ease,padding .32s cubic-bezier(.4,0,.2,1);
}
#mainContent[data-main-design="lavender"] .gp-faq-page .faq-item.open .faq-a{max-height:12em;padding:0 0 22px !important;}

/* 휴머나이징·AI감지 입력창(lavInput): 사장님 — 높이 아니라 "너비"가 좁음.
   높이는 적당히 고정(타이핑해도 안 커짐), 너비는 .gp-lav-hero/.gp-lav-composer로 확대(아래). */
#mainContent[data-main-design="lavender"] .gp-lav-composer textarea{
 height:150px !important;min-height:150px !important;max-height:150px !important;
 overflow-y:auto !important;resize:none !important;field-sizing:fixed;
}
@media(max-width:560px){
 #mainContent[data-main-design="lavender"] .gp-lav-composer textarea{
  height:128px !important;min-height:128px !important;max-height:128px !important;
 }
}
/* 입력 영역 너비 확대: 960 → 1180(노트북 본문 폭을 더 채움).
   ★ .gp-lav-entry가 hero의 flex(align-items:center)로 콘텐츠 폭(~603px)으로 줄어들어 컴포저 100%가 묶였음
   → entry를 100%로 펴야 컴포저가 hero/본문 폭을 따라간다. */
#mainContent[data-main-design="lavender"] .gp-lav-hero{width:min(1180px,100%);}
#mainContent[data-main-design="lavender"] .gp-lav-entry{width:100%;}
#mainContent[data-main-design="lavender"] .gp-lav-composer{width:min(980px,100%);margin-left:auto;margin-right:auto;}


/* ───────── lavender v70: 흰색(아웃라인) 버튼 = calm-tiger-42 이식 ─────────
   하단에서 라벤더 물결이 차오르며 채우고 글자색 흰색(원본 teal #39bda7 → 우리 톤 #7c6bff).
   대상: 사용 가이드(.gp-lav-guide)·취소(.cancelbtn)·목록으로(.backbtn) — 흰 배경 보조 버튼.
   각 버튼의 기존 모양/크기/라운드는 유지, 호버 메커니즘(::before/::after 물결)만 추가.
   ※ ls-credit-btn은 ::before로 크레딧 아이콘을 써서 충돌 → 제외. */
#mainContent[data-main-design="lavender"] :is(.gp-lav-guide,.cancelbtn,.backbtn){
 position:relative;overflow:hidden;z-index:1;
 transition:color .25s ease-in,border-color .25s ease-in;
}
#mainContent[data-main-design="lavender"] :is(.gp-lav-guide,.cancelbtn,.backbtn)::before{
 content:"";position:absolute;left:50%;top:100%;z-index:-1;display:block;
 width:140%;height:180%;border-radius:50%;
 transform:translateX(-50%) scaleY(1) scaleX(1.25);
 background-color:rgba(124,107,255,.10);
 transition:all .5s .1s cubic-bezier(.55,0,.1,1);
}
#mainContent[data-main-design="lavender"] :is(.gp-lav-guide,.cancelbtn,.backbtn)::after{
 content:"";position:absolute;left:55%;top:180%;z-index:-1;display:block;
 width:160%;height:190%;border-radius:50%;
 transform:translateX(-50%) scaleY(1) scaleX(1.45);
 background-color:#7c6bff;
 transition:all .5s .1s cubic-bezier(.55,0,.1,1);
}
#mainContent[data-main-design="lavender"] :is(.gp-lav-guide,.cancelbtn,.backbtn):hover{
 color:#fff !important;border-color:#7c6bff !important;
}
#mainContent[data-main-design="lavender"] :is(.gp-lav-guide,.cancelbtn,.backbtn):hover :is(b,span){color:#fff !important;}
#mainContent[data-main-design="lavender"] .gp-lav-guide:hover b{border-color:#fff !important;}
#mainContent[data-main-design="lavender"] :is(.gp-lav-guide,.cancelbtn,.backbtn):hover::before{
 top:-35%;background-color:#7c6bff;transform:translateX(-50%) scaleY(1.3) scaleX(.8);
}
#mainContent[data-main-design="lavender"] :is(.gp-lav-guide,.cancelbtn,.backbtn):hover::after{
 top:-45%;background-color:#7c6bff;transform:translateX(-50%) scaleY(1.3) scaleX(.8);
}
@media (prefers-reduced-motion:reduce){
 #mainContent[data-main-design="lavender"] :is(.gp-lav-guide,.cancelbtn,.backbtn)::before,
 #mainContent[data-main-design="lavender"] :is(.gp-lav-guide,.cancelbtn,.backbtn)::after{transition:none !important;}
}


/* ───────── lavender v71: 흰색 버튼 일관화 + 크레딧 칩·공지 버튼 calm-tiger + 점검/업데이트 라벨 가독성 ─────────
   사장님: 외곽선색/모서리를 크레딧 칩 기준(풀 라운드)으로 통일·더 라벤더스럽게, 공지 자세히보기·크레딧 칩도 동일하게. */

/* (A) 5종 공통 외형: 라벤더 보더 + 업그레이드 버튼 둥글기(10px, 풀라운드는 과했음). */
#mainContent[data-main-design="lavender"] :is(.gp-lav-top-right .ls-credit-btn,.gp-lav-guide,.cancelbtn,.backbtn,.gp-notice-card button){
 border:1px solid #d2cdf0 !important;
 border-radius:10px !important;
}
/* 크레딧·가이드 버튼 크기 통일(업그레이드 버튼과 같은 높이/패딩) */
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-credit-btn,
#mainContent[data-main-design="lavender"] .gp-lav-guide{
 min-height:42px !important;height:42px !important;padding:0 18px !important;
 font-size:14px !important;
}

/* (B) 크레딧 칩·공지 버튼에 calm-tiger(가이드/취소/목록으로는 v70). 크레딧 칩은 ::before가 숨김이라 ::after 단일 물결 */
#mainContent[data-main-design="lavender"] :is(.gp-lav-top-right .ls-credit-btn,.gp-notice-card button){
 position:relative;overflow:hidden;z-index:1;
 transition:color .25s ease-in,border-color .25s ease-in;
}
#mainContent[data-main-design="lavender"] .gp-lav-top-right .ls-credit-btn{background:#fff !important;}
/* 공지 자세히보기: 밝은 카드에서 흰 글자라 안 보이던 것 → 흰 배경·라벤더 글자(대기 상태) */
#mainContent[data-main-design="lavender"] .gp-notice-card button{
 background:#fff !important;color:#5a5bd8 !important;font-weight:700 !important;
}
#mainContent[data-main-design="lavender"] :is(.gp-lav-top-right .ls-credit-btn,.gp-notice-card button)::after{
 content:"";position:absolute;left:55%;top:180%;z-index:-1;display:block;
 width:160%;height:190%;border-radius:50%;
 transform:translateX(-50%) scaleY(1) scaleX(1.45);
 background-color:#7c6bff;
 transition:all .5s .1s cubic-bezier(.55,0,.1,1);
}
#mainContent[data-main-design="lavender"] :is(.gp-lav-top-right .ls-credit-btn,.gp-notice-card button):hover{
 color:#fff !important;border-color:#7c6bff !important;
}
#mainContent[data-main-design="lavender"] :is(.gp-lav-top-right .ls-credit-btn,.gp-notice-card button):hover::after{
 top:-45%;transform:translateX(-50%) scaleY(1.3) scaleX(.8);
}
@media (prefers-reduced-motion:reduce){
 #mainContent[data-main-design="lavender"] :is(.gp-lav-top-right .ls-credit-btn,.gp-notice-card button)::after{transition:none !important;}
}

/* (C) 점검/업데이트 라벨: #caa9ff(연보라)가 밝은 카드에서 거의 안 보임 → 흰 배지·진한 글자 */
#mainContent[data-main-design="lavender"] .gp-notice-card span{
 background:#fff !important;color:#6a5bd6 !important;border:1px solid #e3def8;
 font-weight:800 !important;
}
#mainContent[data-main-design="lavender"] .gp-notice-card.update span{color:#3f6bd0 !important;border-color:#dbe6fb;}


/* ───────── lavender v72: 글쓰기·자주 묻는 질문·문의 남기기 버튼도 calm-tiger 아웃라인 통일 ─────────
   현재 솔리드 라벤더 → 흰 배경·라벤더 보더(10px)·라벤더 글자, 호버 시 라벤더 차오름(흰 글자).
   .wbtn(글쓰기·문의남기기 토글), .gp-faq-ask-go(FAQ 하단 문의남기기), .gp-qna-help button(자주 묻는 질문 보기). */
#mainContent[data-main-design="lavender"] :is(.wbtn,.gp-faq-ask-go,.gp-qna-help button){
 background:#fff !important;color:#5a5bd8 !important;
 border:1px solid #d2cdf0 !important;border-radius:10px !important;
 position:relative;overflow:hidden;z-index:1;
 transition:color .25s ease-in,border-color .25s ease-in;
}
#mainContent[data-main-design="lavender"] :is(.wbtn,.gp-faq-ask-go,.gp-qna-help button)::after{
 content:"";position:absolute;left:55%;top:180%;z-index:-1;display:block;
 width:160%;height:190%;border-radius:50%;
 transform:translateX(-50%) scaleY(1) scaleX(1.45);
 background-color:#7c6bff;
 transition:all .5s .1s cubic-bezier(.55,0,.1,1);
}
#mainContent[data-main-design="lavender"] :is(.wbtn,.gp-faq-ask-go,.gp-qna-help button):hover{
 color:#fff !important;border-color:#7c6bff !important;background:#fff !important;
 /* 기존 호버 효과 제거(사장님) — 들림(transform)·밝기(filter)·그림자 빼고 calm-tiger만 */
 transform:none !important;filter:none !important;box-shadow:none !important;
}
#mainContent[data-main-design="lavender"] :is(.wbtn,.gp-faq-ask-go,.gp-qna-help button):hover::after{
 top:-45%;transform:translateX(-50%) scaleY(1.3) scaleX(.8);
}
@media (prefers-reduced-motion:reduce){
 #mainContent[data-main-design="lavender"] :is(.wbtn,.gp-faq-ask-go,.gp-qna-help button)::after{transition:none !important;}
}


/* ───────── lavender v73: 결과/보고서 본문 접기 — 한 화면 미리보기 + 펼쳐보기 ─────────
   휴머나이즈 결과(#lavDoneBody)·AI 감지 문단 진단(#lavRepParaList) 둘 다 기본 접힘(미리보기),
   필요한 사람은 펼쳐서 전체 보기. 토글은 내용이 접힌 높이를 넘을 때만 JS가 노출. */
#mainContent[data-main-design="lavender"] .lav-collapse{position:relative;max-height:340px;overflow:hidden;}
#mainContent[data-main-design="lavender"] .lav-collapse.expanded{max-height:none;overflow:visible;}
/* 하단 페이드(접힘 상태) — 각 컨테이너 배경색에 맞춤 */
#mainContent[data-main-design="lavender"] #lavDoneBody.lav-collapse:not(.expanded)::after{
 content:"";position:absolute;left:0;right:0;bottom:0;height:72px;pointer-events:none;
 background:linear-gradient(to bottom,rgba(250,251,252,0),#fafbfc);
}
#mainContent[data-main-design="lavender"] #lavRepParaList.lav-collapse:not(.expanded)::after{
 content:"";position:absolute;left:0;right:0;bottom:0;height:64px;pointer-events:none;
 background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);
}
/* 펼쳐보기/접기 토글 */
#mainContent[data-main-design="lavender"] .lav-collapse-toggle{
 display:flex;align-items:center;justify-content:center;gap:6px;
 width:100%;margin-top:10px;min-height:38px;padding:0 14px;
 border:1px solid #d2cdf0;border-radius:10px;background:#fff;
 color:#5a5bd8;font-size:13px;font-weight:700;cursor:pointer;
 transition:background .15s ease,border-color .15s ease;
}
#mainContent[data-main-design="lavender"] .lav-collapse-toggle:hover{background:#f3f2fc;border-color:#c4bdf0;}
#mainContent[data-main-design="lavender"] .lav-collapse-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;}
#mainContent[data-main-design="lavender"] .lav-collapse-toggle.is-open svg{transform:rotate(180deg);}

/* v73b: 글쓰기·문의·공지 작성 입력창 높이 확대(사장님 — 더 높게) */
#mainContent[data-main-design="lavender"] .wform textarea{min-height:200px !important;}
@media(max-width:560px){#mainContent[data-main-design="lavender"] .wform textarea{min-height:160px !important;}}

/* ───────── lavender v74: 알람 벨 외곽선 통일 ─────────
   외부 gp-bell-uiverse의 이중 링(외곽 1px + 내부 3px #c9cbf2)이 다른 버튼과 안 맞음 →
   내부 링 제거, 외곽선 1px #d2cdf0(통일 라벤더), 호버 시 #7c6bff. */
#mainContent[data-main-design="lavender"] .gp-lav-bell.gp-bell-uiverse{border:1px solid #d2cdf0 !important;}
#mainContent[data-main-design="lavender"] .gp-lav-bell.gp-bell-uiverse::before{display:none !important;}
#mainContent[data-main-design="lavender"] .gp-lav-bell.gp-bell-uiverse:hover{border-color:#7c6bff !important;}


/* ───────── lavender v75: 알림창(알림 센터) 라벤더 컨셉 — 다크 → 밝은 라벤더 전면 재구성 ─────────
   패널은 body 직속(document.body append)이라 body[data-main-design="lavender"]로 스코프. */
body[data-main-design="lavender"] .gp-notification-panel{
 border:1px solid #e7e9f4;border-radius:18px;background:#fff;color:#1a1f2e;
 box-shadow:0 24px 70px rgba(84,90,160,.22);backdrop-filter:none;
}
body[data-main-design="lavender"] .gp-notification-head{border-bottom:1px solid #eef0f7;background:#fff;}
body[data-main-design="lavender"] .gp-notification-head strong{color:#1a1f2e;}
body[data-main-design="lavender"] .gp-notification-head span{color:#9aa0b4;}
body[data-main-design="lavender"] .gp-notification-head button{border:1px solid #e4e7f1 !important;background:#fff !important;color:#7d8597 !important;}
body[data-main-design="lavender"] .gp-notification-head button:hover{background:#f3f3fb !important;color:#5a5bd8 !important;border-color:#d2cdf0 !important;}
body[data-main-design="lavender"] .gp-notification-actions{border-bottom:1px solid #eef0f7;}
body[data-main-design="lavender"] .gp-notification-actions button{border:1px solid #d2cdf0 !important;background:#fff !important;color:#5a5bd8 !important;font-weight:700;}
body[data-main-design="lavender"] .gp-notification-actions button:hover{background:#f3f3fb !important;border-color:#c4bdf0 !important;}
body[data-main-design="lavender"] .gp-notification-item:hover{background:#f6f6fc;}
body[data-main-design="lavender"] .gp-notification-item.unread{background:#f1effd;}
body[data-main-design="lavender"] .gp-notification-item.unread .gp-notification-body b{color:#4a4bc0;}
body[data-main-design="lavender"] .gp-notification-item > .material-symbols-outlined{background:#efeefc;color:#6a5bd6;}
body[data-main-design="lavender"] .gp-notification-body b{color:#1a1f2e;}
body[data-main-design="lavender"] .gp-notification-body em{color:#5d6477;}
body[data-main-design="lavender"] .gp-notification-body small{color:#9aa0b4;}
body[data-main-design="lavender"] .gp-notification-empty{color:#8a90a6;}
body[data-main-design="lavender"] .gp-notification-empty .material-symbols-outlined{background:#efeefc;color:#6a5bd6;}
body[data-main-design="lavender"] .gp-notification-empty b{color:#1a1f2e;}
body[data-main-design="lavender"] .gp-notification-empty p{color:#9aa0b4;}

/* ───────── lavender v76: 안읽음 알림 강조 자연스럽게 ─────────
   기존: 항목 전체를 라벤더 배경으로 채움 → 여러 개가 인접하면 한 덩어리처럼 뭉치고 구별이 어려움.
   변경: 항목 간 간격 + 좌측 라벤더 액센트 바 + 아주 옅은 틴트 + 진한 라벤더 제목. */
body[data-main-design="lavender"] .gp-notification-list{display:flex;flex-direction:column;gap:4px;}
body[data-main-design="lavender"] .gp-notification-item{position:relative;}
body[data-main-design="lavender"] .gp-notification-item.unread{background:#f6f5fd;}
body[data-main-design="lavender"] .gp-notification-item.unread:hover{background:#f0eefb;}
body[data-main-design="lavender"] .gp-notification-item.unread::before{
 content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);
 width:3px;height:24px;border-radius:2px;background:#7c6bff;
}
body[data-main-design="lavender"] .gp-notification-item.unread .gp-notification-body b{color:#4a4bc0;}


/* ───────── lavender v77: 토스트·다이얼로그 라벤더 컨셉 — 다크 → 밝은 라벤더 ─────────
   body 직속 오버레이라 body[data-main-design="lavender"]로 스코프. */
/* 토스트 */
body[data-main-design="lavender"] .gp-toast{
 background:#fff;color:#1a1f2e;border:1px solid #e7e9f4;
 box-shadow:0 16px 44px rgba(84,90,160,.18);backdrop-filter:none;
}
body[data-main-design="lavender"] .gp-toast b{color:#1a1f2e;}
body[data-main-design="lavender"] .gp-toast p{color:#5d6477;}
body[data-main-design="lavender"] .gp-toast button{background:#f1f2f8;color:#7d8597;}
body[data-main-design="lavender"] .gp-toast button:hover{background:#e7e8f2;color:#5a5bd8;}
body[data-main-design="lavender"] .gp-toast-mark{background:linear-gradient(135deg,#7c6bff,#5a8bff);}
/* error/info 마크는 타입 색(빨강·블루) 그대로 — 흰 배경에서도 잘 보임 */

/* 다이얼로그 */
body[data-main-design="lavender"] .gp-dialog-backdrop{background:rgba(38,40,78,.34);backdrop-filter:blur(6px);}
body[data-main-design="lavender"] .gp-dialog-card{
 background:#fff;color:#1a1f2e;border:1px solid #e7e9f4;box-shadow:0 26px 70px rgba(84,90,160,.28);
}
body[data-main-design="lavender"] .gp-dialog-card h2{color:#1a1f2e;}
body[data-main-design="lavender"] .gp-dialog-card p{color:#5d6477;}
body[data-main-design="lavender"] .gp-dialog-x{border:1px solid #e4e7f1;background:#fff;color:#7d8597;}
body[data-main-design="lavender"] .gp-dialog-x:hover{background:#f3f3fb;color:#5a5bd8;border-color:#d2cdf0;}
body[data-main-design="lavender"] .gp-dialog-icon{background:linear-gradient(135deg,#7c6bff,#5a8bff);}
body[data-main-design="lavender"] .gp-prompt-wrap textarea{background:#fff !important;border:1px solid #dfe3ef !important;color:#1a1f2e !important;}
body[data-main-design="lavender"] .gp-dialog-cancel{border:1px solid #d2cdf0;background:#fff;color:#5a5bd8;}
body[data-main-design="lavender"] .gp-dialog-cancel:hover{background:#f3f3fb;border-color:#c4bdf0;}
body[data-main-design="lavender"] .gp-dialog-confirm{background:linear-gradient(135deg,#7c6bff,#5a8bff);box-shadow:0 10px 24px rgba(98,86,255,.28);}
/* danger(위험) confirm·icon은 빨강 유지(주의 신호) */

/* ───────── lavender v78: 메인 컴포저 모바일 최적화 ─────────
   문제: 모드 토글(휴머나이징/AI 감지)이 너무 넓어 바가 가로로 넘쳐 전송 버튼이 화면 밖으로 밀리고
   컴포저가 뷰포트를 초과(전송 버튼 찌그러짐). → 토글을 남는 폭에 균등 분할·압축, 전송·+ 고정 크기. */
@media(max-width:560px){
 #mainContent[data-main-design="lavender"] .gp-lav-composer-bar{gap:8px;min-width:0;flex-wrap:nowrap;}
 #mainContent[data-main-design="lavender"] .gp-lav-mode{flex:1 1 auto;min-width:0;padding:3px;gap:2px;}
 #mainContent[data-main-design="lavender"] .gp-lav-mode button{flex:1 1 0;min-width:0;justify-content:center;padding:0 8px;gap:4px;font-size:12px;}
 #mainContent[data-main-design="lavender"] .gp-lav-mode button .material-symbols-outlined{display:none;}
 #mainContent[data-main-design="lavender"] .gp-lav-mode button .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 #mainContent[data-main-design="lavender"] .gp-lav-mode button em{padding:1px 5px;font-size:9px;}
 #mainContent[data-main-design="lavender"] .gp-lav-add{flex:0 0 42px;width:42px;height:42px;}
 #mainContent[data-main-design="lavender"] .gp-lav-send{flex:0 0 48px !important;width:48px !important;height:48px !important;}
}
/* v78 보강: 컴포저의 기본 min-width:auto가 바의 min-content(전송·+ 고정폭)로 부풀어 width:min(980,100%)를 무시 →
   min-width:0 전파해 실제로 줄어들게(전송 버튼 찌그러짐/넘침 해결). */
#mainContent[data-main-design="lavender"] .gp-lav-composer{min-width:0;}
@media(max-width:560px){
 #mainContent[data-main-design="lavender"] .gp-lav-mode button .lbl{min-width:0;}
}
/* v77 보강: 에러 토스트 마크는 빨강 유지(에러 신호 명확). body[lavender] .gp-toast-mark(0-2-1)가 .gp-toast-error .gp-toast-mark(0-2-0)를 덮어 라벤더가 됐던 것 → 특이도 올려 빨강 복원 */
body[data-main-design="lavender"] .gp-toast-error .gp-toast-mark{background:linear-gradient(135deg,#ef4444,#f97316);}
/* ───────── lavender v79: 마이페이지·히스토리 라벤더 + 레이아웃 정리 ─────────
   두 페이지는 인라인 스타일 + CSS 변수(body.dark 다크값)로 그려져 라벤더 배경에 다크로 떴음.
   → 컨테이너에서 색 변수만 라이트 라벤더로 재정의(인라인 var() 전부 라이트화) + 폭 정리. */
#mainContent[data-main-design="lavender"] #mypageContent,
#mainContent[data-main-design="lavender"] #historyContent{
 --surface:#fff;
 --surface2:#f5f6fb;
 --border:#e7e9f4;
 --text:#1a1f2e;
 --text2:#5d6477;
 --text3:#9aa0b4;
 --blue:#5a5bd8;
 --green:#3f9e63;
 --yellow:#d99a2b;
 --red:#e05a4b;
 --accent:#7c6bff;
 max-width:760px;
 margin:0 auto;
}
/* 마이페이지 카드/항목 정리: 부드러운 섀도·여백 */
#mainContent[data-main-design="lavender"] #mypageContent .shell > div,
#mainContent[data-main-design="lavender"] #mypageContent #subManageCard > div{
 box-shadow:0 8px 22px rgba(84,90,160,.06) !important;
}
#mainContent[data-main-design="lavender"] #mypageContent .pitem{
 background:#fff !important;border:1px solid #e7e9f4 !important;border-radius:12px !important;
 margin-bottom:8px !important;box-shadow:0 4px 14px rgba(84,90,160,.04) !important;
}
#mainContent[data-main-design="lavender"] #mypageContent .pitem:hover{border-color:#d2cdf0 !important;}
/* 히스토리 헤더 */
#mainContent[data-main-design="lavender"] #historyContent .gp-history-head h2{color:#1a1f2e;}
#mainContent[data-main-design="lavender"] #historyContent .gp-history-head span{color:#9aa0b4;}
/* ───────── lavender v80: 커뮤니티 정리 — 에디터 추천 aside 이동·라이트, 이번주 인기글 제거(HTML) ─────────
   메인은 글 목록만(혼동 방지). 에디터 추천은 우측 aside 카드로 — feat-card가 var() 다크값이라 변수 라이트화 + 단일 컬럼. */
#mainContent[data-main-design="lavender"] .feat-aside{
 --surface:#fff;--surface2:#f5f6fb;--border:#e7e9f4;
 --text:#1a1f2e;--text2:#5d6477;--text3:#9aa0b4;--blue:#5a5bd8;
}
#mainContent[data-main-design="lavender"] .feat-aside .feat-title{margin-bottom:12px;font-size:14px;}
#mainContent[data-main-design="lavender"] .feat-aside .feat-grid{display:flex;flex-direction:column;gap:8px;}
#mainContent[data-main-design="lavender"] .feat-aside .feat-card{background:transparent;border:0;border-radius:10px;box-shadow:none;}
#mainContent[data-main-design="lavender"] .feat-aside .feat-card:hover{transform:none;background:#f6f6fc;box-shadow:none;}
#mainContent[data-main-design="lavender"] .feat-aside .feat-thumb{height:84px;border-radius:8px;}
/* ───────── lavender v81: 게시글 상세·문의 상세 라벤더 + 레이아웃 정리 ─────────
   상세 뷰도 인라인/클래스 var() 다크값이라 라벤더 배경에 글자가 안 보임 → 변수 라이트화 + 흰 카드로 감싸 정돈. */
#mainContent[data-main-design="lavender"] #detailView,
#mainContent[data-main-design="lavender"] #qnaDetailView{
 --surface:#fff;--surface2:#f5f6fb;--border:#e7e9f4;
 --text:#1a1f2e;--text2:#5d6477;--text3:#9aa0b4;
 --blue:#5a5bd8;--green:#3f9e63;--yellow:#d99a2b;--red:#e05a4b;--accent:#7c6bff;
 max-width:780px;margin:0 auto;
}
/* 상세 본문 흰 카드 — 백 버튼 아래 컨텐츠 감싸기 */
#mainContent[data-main-design="lavender"] #postDetail,
#mainContent[data-main-design="lavender"] #questionDetail{
 background:#fff;border:1px solid #e7e9f4;border-radius:16px;padding:8px 26px 26px;
 box-shadow:0 8px 22px rgba(84,90,160,.06);
}
/* 백 버튼은 카드 위로 살짝 간격 */
#mainContent[data-main-design="lavender"] #detailView .backbtn,
#mainContent[data-main-design="lavender"] #qnaDetailView .backbtn{margin-bottom:14px;}
/* ───────── lavender v82: 상세 뷰 액션 버튼 현행 정책 적용 ─────────
   질문/답변 삭제·수정·등록 버튼을 10px·라벤더 아웃라인(삭제=빨강 위험)으로 통일. */
#mainContent[data-main-design="lavender"] :is(#postDetail,#questionDetail) .abtn{
 border-radius:10px !important;border:1px solid #d2cdf0 !important;background:#fff !important;color:#5a5bd8 !important;font-weight:600;
}
#mainContent[data-main-design="lavender"] :is(#postDetail,#questionDetail) .abtn:hover{background:#f3f2fc !important;border-color:#c4bdf0 !important;}
#mainContent[data-main-design="lavender"] :is(#postDetail,#questionDetail) .abtn.danger{border-color:#f0c4c0 !important;color:#d6452f !important;background:#fff !important;}
#mainContent[data-main-design="lavender"] :is(#postDetail,#questionDetail) .abtn.danger:hover{background:#fdf1ef !important;border-color:#e9a89f !important;}
#mainContent[data-main-design="lavender"] :is(#postDetail,#questionDetail) .abtn.bookmarked{color:#d99a2b !important;border-color:#ecd9a8 !important;}
/* 답변 등록 = 라벤더 주 버튼 */
#mainContent[data-main-design="lavender"] #questionDetail .qna-answer-submit{background:#5a5bd8 !important;border-radius:10px !important;}
#mainContent[data-main-design="lavender"] #questionDetail .qna-answer-submit:hover{background:#4a4bc0 !important;}
/* 관리자 답변 작성 폼: 초록 → 중립 라벤더 톤(우리 컨셉) */
#mainContent[data-main-design="lavender"] #questionDetail .qna-admin-form{background:#f7f7fd !important;border-color:#e1ddf6 !important;}
#mainContent[data-main-design="lavender"] #questionDetail .qna-admin-form textarea:focus{border-color:#7c6bff !important;}
/* v80b: 에디터 추천 = 가로 슬라이드(사장님) — 우측 aside 안에서 가로 스크롤 카드 */
#mainContent[data-main-design="lavender"] .feat-aside .feat-grid{
 flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:10px;padding-bottom:6px;
 scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
}
#mainContent[data-main-design="lavender"] .feat-aside .feat-card{
 flex:0 0 168px;scroll-snap-align:start;background:#fff;border:1px solid #eceef6;
}
#mainContent[data-main-design="lavender"] .feat-aside .feat-card:hover{background:#fff;border-color:#d2cdf0;}
#mainContent[data-main-design="lavender"] .feat-aside .feat-grid::-webkit-scrollbar{height:6px;}
#mainContent[data-main-design="lavender"] .feat-aside .feat-grid::-webkit-scrollbar-thumb{background:#d8d5f0;border-radius:6px;}
#mainContent[data-main-design="lavender"] .feat-aside .feat-grid::-webkit-scrollbar-track{background:transparent;}
/* v80c: 에디터픽 카드 느낌 강화 + 인기 TOP5 클릭 링크 */
#mainContent[data-main-design="lavender"] .feat-aside .feat-card{
 flex:0 0 174px;border:1px solid #e7e9f4;border-radius:14px;overflow:hidden;
 box-shadow:0 6px 16px rgba(84,90,160,.07);transition:transform .15s,box-shadow .15s,border-color .15s;
}
#mainContent[data-main-design="lavender"] .feat-aside .feat-card:hover{border-color:#d2cdf0;box-shadow:0 12px 26px rgba(84,90,160,.13);transform:translateY(-3px);background:#fff;}
#mainContent[data-main-design="lavender"] #rankList li{cursor:pointer;border-radius:8px;padding:4px 6px;margin:0 -6px;transition:background .15s;}
#mainContent[data-main-design="lavender"] #rankList li:hover{background:#f4f3fe;}
#mainContent[data-main-design="lavender"] #rankList li:hover strong{color:#5a5bd8;}
#mainContent[data-main-design="lavender"] #rankList .rt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#3c4356;}
#mainContent[data-main-design="lavender"] #rankList .rank-empty{display:block;cursor:default;color:#9aa0b4;font-size:13px;padding:6px 0;}

/* ───────── lavender v83: 분석 히스토리 아코디언 — 글래스(다크) → 흰 카드, 가독성·펼침 힌트 ─────────
   .history-item에 var(--glass-bg)!important(다크)가 걸려 변수 오버라이드를 못 이겼음 → 직접 흰 카드로. */
#mainContent[data-main-design="lavender"] #historyContent .history-item{
 background:#fff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
 border:1px solid #e7e9f4 !important;border-radius:14px !important;
 box-shadow:0 4px 14px rgba(84,90,160,.05) !important;padding:16px 18px !important;margin-bottom:10px !important;
}
#mainContent[data-main-design="lavender"] #historyContent .history-item:hover{
 border-color:#d2cdf0 !important;box-shadow:0 10px 24px rgba(84,90,160,.1) !important;transform:none !important;
}
#mainContent[data-main-design="lavender"] #historyContent .history-preview{
 color:#4b5366 !important;line-height:1.65;font-size:14px;
}
/* 펼침 힌트(접힘 상태에만) */
#mainContent[data-main-design="lavender"] #historyContent .history-item::after{
 content:"자세히 보기 ⌄";display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:#8a86c8;
}
#mainContent[data-main-design="lavender"] #historyContent .history-item:has(.history-detail[style*="block"])::after{display:none;}
/* 펼친 상세: 닫기 버튼을 정책 톤으로 */
#mainContent[data-main-design="lavender"] #historyContent .history-detail button{
 border-radius:10px !important;border:1px solid #d2cdf0 !important;background:#fff !important;color:#5a5bd8 !important;
}
/* ───────── lavender v84: 정기구독·Pro "준비 중(잠금)" 표시 — 아직 구현 전 ─────────
   구독은 SUBSCRIPTION_ENABLED=false(배너·카드 dim·버튼 '준비 중'), Pro는 PRO_ENABLED=false(클릭 시 준비중 토스트)+네비 배지. */
.gp-soon-badge{
 margin-left:auto;font-size:10px;font-weight:800;letter-spacing:-.2px;color:#8a86c8;
 background:#efeefc;border:1px solid #e1ddf6;border-radius:999px;padding:2px 7px;white-space:nowrap;line-height:1.3;
}
#mainContent[data-main-design="lavender"] .gp-lav-menu .gp-nav-soon{opacity:.62;}
#mainContent[data-main-design="lavender"] .gp-lav-menu .gp-nav-soon:hover{opacity:.85;background:#f4f3fb;}
/* 모바일 하단 Pro: 흐림 + '준비중' 보조 라벨 */
.gp-mnav-soon{opacity:.62;}
.gp-mnav-soon .mnav-label::after{content:"준비중";display:block;font-size:8px;font-weight:800;color:#9a86c8;line-height:1;margin-top:2px;}
/* 구독 비활성 카드: 잠금 느낌 강화(배지) */
#mainContent[data-main-design="lavender"] .plan-card.sub-disabled{position:relative;}
#mainContent[data-main-design="lavender"] .plan-card.sub-disabled::after{
 content:"준비 중";position:absolute;top:12px;right:12px;z-index:7;
 font-size:11px;font-weight:800;color:#8a86c8;background:#efeefc;border:1px solid #e1ddf6;border-radius:999px;padding:3px 9px;
}
/* ───────── lavender v85: 공지 featured 카드 — 리뉴얼 공지 셋팅 보정 ─────────
   두 featured 카드(서비스/엔진 리뉴얼)는 밝은 라벤더 배경이라 기본 small(#aeb9cd)이 흐림 → 날짜 대비 보정.
   카드2의 죽은 '자세히 보기' 버튼은 notice.html에서 날짜로 교체됨(둘 다 자기완결형 공지). */
#mainContent[data-main-design="lavender"] .gp-notice-card small{
 color:#7b80a6 !important;
 font-weight:600;
}