.ml[data-tool=x-popular] .ml-hero{background:var(--ml-paper);color:var(--ml-ink);border-bottom:1px solid var(--ml-line);padding:26px 0 30px}
.ml[data-tool=x-popular] .ml-hero .nw-wrap,.ml[data-tool=x-popular]>.ml-body{max-width:1120px}
.ml[data-tool=x-popular] .ml-breadcrumb{color:var(--ml-muted);margin-bottom:20px}
.ml[data-tool=x-popular] .ml-breadcrumb a{color:var(--ml-green)}
.ml[data-tool=x-popular] .ml-kicker{color:var(--ml-muted);font-size:11px}
.ml[data-tool=x-popular] h1{font-size:38px;letter-spacing:-.055em;margin-top:8px}
.ml[data-tool=x-popular] .ml-hero p{font-size:14px;color:var(--ml-muted);margin-top:12px}
.ml[data-tool=x-popular] .ml-hero-mark{display:grid;place-items:center;width:64px;height:64px;padding:0;border:1px solid #d9e1d8;border-radius:14px!important;background:#fff;color:var(--ml-green);font-size:25px}
.ml[data-tool=x-popular]>.ml-body{padding-top:28px}
.xp{font-family:var(--font,'Pretendard Variable','Pretendard',sans-serif)}
.xp-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);background:#fff;border:1px solid #d5ddd4;border-radius:12px!important;overflow:hidden;box-shadow:0 10px 30px #19392e08}
.xp .ml-panel{margin:0;padding:32px;border:0;min-width:0;background:transparent}
.xp-panel-heading{display:flex;gap:11px;align-items:center;min-height:30px;margin-bottom:28px}
.xp .xp-panel-heading h2{font-size:19px;line-height:1.4;margin:0;font-weight:750;letter-spacing:-.04em}
.xp-step{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #d9e4dc;border-radius:6px!important;background:#f1f6f1;color:var(--ml-green);font:650 11px/1 var(--font-mono,monospace)}
.xp-field{min-width:0;margin-bottom:24px}
.xp .xp-field-label{flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin:0 0 9px;font-size:13px;font-weight:700}
.xp-field-label>span{font-size:11px;font-weight:450;color:var(--ml-muted)}
.xp input:not([type=checkbox]){height:50px;min-height:50px;padding:12px 14px;border-color:#d9dfd7;border-radius:7px!important;background:#fff;font-size:15px;transition:border-color .15s,box-shadow .15s}
.xp input:hover{border-color:#9daf9f}
.xp input:focus{border-color:var(--ml-green);outline:0;box-shadow:0 0 0 3px #24584b15}
.xp-keyword-input{position:relative}
.xp-keyword-input>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#819286;font-size:15px;pointer-events:none}
.xp .xp-keyword-input input{height:56px;font-size:19px;font-weight:600;padding-left:43px;background:#fafcf9;letter-spacing:-.025em}
.xp-field-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}
.xp-number-input{position:relative}
.xp .xp-number-input input{padding-right:68px;font-variant-numeric:tabular-nums}
.xp-number-input>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--ml-muted);pointer-events:none}
.xp-number-input input::-webkit-inner-spin-button,.xp-number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.xp-number-input input{appearance:textfield;-moz-appearance:textfield}
.xp input[type=date]{max-width:100%;font-size:13px;font-variant-numeric:tabular-nums;min-width:0}
.xp .xp-periods{margin:0;padding:0;border:0;min-width:0}
.xp .xp-periods legend{padding:0;margin:0 0 10px;font-size:13px;font-weight:700}
.xp-date-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.xp-date-shortcuts button{min-width:0;min-height:44px;padding:9px 4px;border:1px solid #e0e6dd;border-radius:6px!important;background:#fafbf8;color:#536658;font:550 12px/1.5 var(--font,sans-serif);white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.xp-date-shortcuts button:hover{background:#edf4ed;border-color:#b3c7b6}
.xp-date-shortcuts button[aria-pressed=true]{border-color:var(--ml-green);background:var(--ml-green);color:#fff;font-weight:700;box-shadow:0 2px 5px #24584b16}
.xp .xp-field-note{display:flex;gap:7px;align-items:center;margin:15px 0 0;font-size:11px;color:var(--ml-muted)}
.xp .xp-preview{display:flex;flex-direction:column;background:#193d31;color:#fff}
.xp-preview .xp-panel-heading{margin-bottom:22px}
.xp-preview .xp-step{background:#ffffff09;border-color:#ffffff26;color:#b8d9bf}
.xp-preview-badge{margin-left:auto;flex:none;border:1px solid #ffffff22;border-radius:4px!important;color:#c5dbc9;font-size:10px;letter-spacing:.03em;padding:4px 7px}
.xp-query-box{padding:19px 20px 21px;border:1px solid #ffffff16;border-radius:8px!important;background:#102f26}
.xp-query-label{display:block;color:#9bbba5;font-size:10px;margin-bottom:13px}
.xp-search-query{display:block;color:#e5f1e7;font:550 17px/1.85 var(--font-mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;min-height:63px}
.xp-summary{display:grid;gap:12px;margin:21px 0 25px;font-size:12px}
.xp-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.xp-summary dt{color:#acc6b4;font-weight:450}
.xp-summary dd{margin:0;text-align:right;color:#e4ede6;font-weight:600;font-variant-numeric:tabular-nums}
.xp-search-actions{margin-top:auto}
.xp .xp-submit{display:flex;gap:10px;min-height:52px;width:100%;border:1px solid #d1e5b9;border-radius:7px!important;background:#d1e5b9;color:#193d31;font-size:14px;font-weight:750;transition:background .15s,transform .15s}
.xp-submit>i:last-child{margin-left:auto;font-size:12px}
.xp-submit>span{margin-right:auto}
.xp .xp-submit:hover{background:#def0c8;filter:none}
.xp .xp-submit:active{transform:translateY(1px)}
.xp .xp-submit:disabled{opacity:.6}
.xp .xp-status{font-size:11px;color:#b5cdbc;text-align:center;min-height:19px;line-height:1.7;margin:10px 0 17px}
.xp-alert{padding:11px 13px;border:1px solid #e7c38a;border-radius:5px!important;background:#fff4df;color:#75572b;font-size:12px;line-height:1.7;margin:12px 0}
.xp-copy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid #ffffff18;padding-top:14px}
.xp-copy-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 3px;border:1px solid transparent;border-radius:5px!important;background:transparent;color:#c3d7c9;font:550 11px/1.5 var(--font,sans-serif);cursor:pointer;white-space:nowrap}
.xp-copy-actions button:hover{border-color:#ffffff22;background:#ffffff08;color:#fff}
.xp-bottom-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding:17px 2px 0;font-size:11px;color:var(--ml-muted)}
.xp-help{display:inline-flex;align-items:center;gap:6px;color:var(--ml-green);text-decoration:none}
.xp-help:hover{text-decoration:underline;text-underline-offset:3px}
.xp-help i{font-size:9px}
.xp button:focus-visible,.xp a:focus-visible{outline:3px solid #95ba8b;outline-offset:3px}
@media(max-width:880px){.xp .ml-panel{padding:25px}.xp-field-grid{grid-template-columns:minmax(0,1fr);gap:0}.xp-field{margin-bottom:20px}.xp .xp-panel-heading h2{font-size:18px}.xp-search-query{font-size:16px}}
@media(max-width:680px){.ml[data-tool=x-popular] .ml-hero{padding:20px 0 24px}.ml[data-tool=x-popular] .ml-breadcrumb{margin-bottom:16px;font-size:11px}.ml[data-tool=x-popular] h1{font-size:30px}.ml[data-tool=x-popular] .ml-hero p{font-size:12px;line-height:1.75;max-width:300px}.ml[data-tool=x-popular] .ml-hero-mark{display:none}.ml[data-tool=x-popular]>.ml-body{padding-top:20px}.xp-layout{grid-template-columns:minmax(0,1fr);border-radius:10px!important}.xp .ml-panel{padding:23px}.xp-panel-heading{margin-bottom:23px}.xp .xp-field-label{font-size:12px}.xp-field-label>span{font-size:10px}.xp .xp-keyword-input input{font-size:18px;height:52px}.xp-field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px}.xp input:not([type=checkbox]){font-size:16px;padding-left:11px;padding-right:11px}.xp .xp-keyword-input input[type=search]{padding-left:40px;font-size:18px}.xp .xp-number-input input{padding-right:56px}.xp-number-input>span{right:10px;font-size:10px}.xp input[type=date]{font-size:16px}.xp .xp-periods legend{font-size:12px}.xp-date-shortcuts{gap:7px}.xp-date-shortcuts button{font-size:11px;padding:9px 2px}.xp .xp-field-note{font-size:10px}.xp .xp-preview{padding:24px 23px}.xp-search-query{min-height:0;font-size:15px;line-height:1.9}.xp-query-box{padding:16px 17px 18px}.xp-query-label{font-size:10px;margin-bottom:10px}.xp-summary{margin:18px 0 23px;font-size:11px}.xp .xp-submit{min-height:50px}.xp-bottom-note{font-size:10px;line-height:1.7}.xp-copy-actions button{min-height:44px}}
@media(max-width:420px){.xp-field-grid{grid-template-columns:minmax(0,1fr);gap:0}}
@media(prefers-reduced-motion:reduce){.xp input,.xp button{transition:none}}