@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bench:#f5f6f4;--graphite:#22262a;--steel:#6b7278;--line:#dcdfdb;--mat:#2d5a4a;--mat-grid:#3e6f5d;--mat-grid-major:#5b8c79;--mat-mark:#e9f2ec;--blade:#f1c84b;--paper:#fff;--rest:#c9cec9;--gutter:40px;--hdr:64px;--ruler-x:30px;--ruler-y:40px;--mat-edge:14px;--glyph-bg:var(--bench);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bench);color:var(--graphite);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo Variable,Archivo,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;font-size:14px;font-stretch:100%;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img{display:block}a{color:inherit}:focus-visible{outline:2px solid var(--graphite);outline-offset:2px;border-radius:4px}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.bar{height:var(--hdr);padding:0 var(--gutter);align-items:center;gap:40px;display:flex}.brand{letter-spacing:.005em;white-space:nowrap;font-size:19px;font-weight:700;font-stretch:125%;text-decoration:none}.tabs{align-self:stretch;gap:26px;min-width:0;display:none}.tabs a{color:var(--steel);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;padding-top:2px;font-weight:500;text-decoration:none;display:flex}.tabs a:hover{color:var(--graphite)}.tabs a[aria-current=page]{color:var(--graphite);border-bottom-color:var(--graphite)}.tabs .grp{color:var(--graphite);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:2px 0 0;font-weight:600;font-stretch:112%;display:flex}.tabs .grp:hover,.tabs .grp[aria-expanded=true]{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--rest);text-decoration-color:var(--rest)}.tabs .sep{background:var(--line);align-self:center;width:1px;height:20px;margin:0 -4px}.bar-end{align-items:center;gap:22px;margin-left:auto;display:flex}.quiet{color:var(--graphite);background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-weight:500;display:inline-flex}.quiet:hover{text-underline-offset:3px;text-decoration:underline}.quiet.lang{color:var(--steel)}.quiet[aria-expanded=true]{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}main{padding:0 var(--gutter)}.intro h1,.page-text h1{letter-spacing:-.005em;margin:4px 0 22px;font-size:27px;font-weight:600;font-stretch:120%;line-height:1.1}.work{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}body.is-tool .work{grid-template-columns:minmax(0,1fr) 300px;padding-top:8px}body.is-tool .intro,body.is-tool .rack-wrap{display:none}body.is-tool .tabs{display:flex}.panel{display:none}.panel.on{display:flex}.mat{background:var(--mat);grid-template-columns:var(--ruler-y) minmax(0,1fr);grid-template-rows:var(--ruler-x) minmax(0,1fr);padding:0 var(--mat-edge) var(--mat-edge) 0;border-radius:14px;grid-template-areas:"corner top""left surface";height:clamp(380px,100vh - 330px,640px);display:grid;position:relative;overflow:hidden}body[data-screen=home] .mat{height:clamp(340px,100vh - 470px,600px)}body[data-screen=dropped] .mat{height:clamp(340px,100vh - 520px,600px)}body.is-tool .mat{height:clamp(460px,100vh - 136px,980px)}.corner{color:var(--mat-mark);opacity:.75;grid-area:corner;place-items:center;font-size:10px;font-weight:500;display:grid}.ruler{display:block;overflow:visible}.ruler-top{width:100%;height:var(--ruler-x);grid-area:top}.ruler-left{width:var(--ruler-y);grid-area:left;height:100%}.ruler .t-in{stroke:var(--mat-mark);stroke-width:1px;fill:none;opacity:.9}.ruler .t-out{stroke:var(--mat-mark);stroke-width:1px;fill:none;opacity:.32}.ruler .t-edge{stroke:var(--mat-mark);stroke-width:1.25px;fill:none}.ruler .band{fill:var(--mat-mark);opacity:.09}.ruler text{fill:var(--mat-mark);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:10px;font-weight:450;font-stretch:100%}.ruler text.end{font-weight:650}.surface{background-color:var(--mat);background-image:linear-gradient(to right,var(--mat-grid-major) 1px,transparent 1px), linear-gradient(to bottom,var(--mat-grid-major) 1px,transparent 1px), linear-gradient(to right,var(--mat-grid) 1px,transparent 1px), linear-gradient(to bottom,var(--mat-grid) 1px,transparent 1px);box-shadow:inset -1px -1px 0 var(--mat-grid-major);background-size:50px 50px,50px 50px,10px 10px,10px 10px;grid-area:surface;position:relative;overflow:hidden}.mat.is-over{box-shadow:inset 0 0 0 2px var(--blade)}.mat :focus-visible{outline-color:var(--blade)}.drop{text-align:center;color:var(--mat-mark);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.drop h2{letter-spacing:-.01em;margin:0 0 22px;font-size:46px;font-weight:600;font-stretch:125%;line-height:1}.choose{background:var(--mat-mark);color:var(--graphite);border:0;border-radius:8px;height:44px;padding:0 22px;font-size:15px;font-weight:550}.choose:hover{background:#fff}.drop p{opacity:.78;text-wrap:balance;margin:16px 0 0;font-size:14px}.ph{background:#1f3e33;border:0;border-radius:2px;padding:0;position:absolute;box-shadow:0 1px 1px #00000047,0 10px 18px -10px #0000008c}.ph img{object-fit:cover;border-radius:2px;width:100%;height:100%}.ph.is-sel{outline:1.5px solid var(--blade);outline-offset:3px}.ph:focus-visible{outline:2px solid var(--mat-mark);outline-offset:4px;border-radius:2px}.h{background:var(--blade);border:1px solid var(--mat);width:7px;height:7px;display:none;position:absolute}.is-sel>.h{display:block}.h.tl{top:-7px;left:-7px}.h.tr{top:-7px;right:-7px}.h.bl{bottom:-7px;left:-7px}.h.br{bottom:-7px;right:-7px}.cap{color:var(--mat-mark);pointer-events:none;font-size:12px;line-height:1.35;position:absolute}.cap .r1{justify-content:space-between;gap:6px;font-weight:550;display:flex}.cap .r1 span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cap .r2{opacity:.68}.surface.is-skip .ph,.surface.is-skip .cap{opacity:.35}.frame{position:absolute;overflow:visible}.frame .clip{background:#3a4256;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 1px #00000040,0 14px 28px -14px #0009}.frame .bg{object-fit:cover;filter:blur(22px)saturate(1.1)brightness(.9);width:124%;height:124%;position:absolute;inset:-12%}.frame .fg{object-fit:cover;width:100%;position:absolute;left:0}.cm{border:0 solid var(--blade);width:22px;height:22px;position:absolute}.cm.tl{border-width:3px 0 0 3px;top:-7px;left:-7px}.cm.tr{border-width:3px 3px 0 0;top:-7px;right:-7px}.cm.bl{border-width:0 0 3px 3px;bottom:-7px;left:-7px}.cm.br{border-width:0 3px 3px 0;bottom:-7px;right:-7px}.pg{background:var(--paper);touch-action:none;cursor:grab;border:0;border-radius:1px;padding:0;position:absolute;overflow:visible;box-shadow:0 1px 1px #00000040,0 10px 18px -10px #0000008c}.pg img{object-fit:cover;pointer-events:none;position:absolute}.pg.is-sel{outline:1.5px solid var(--blade);outline-offset:3px}.pg:focus-visible{outline:2px solid var(--mat-mark);outline-offset:4px}.pg.is-drag{cursor:grabbing;z-index:5;transition:none;box-shadow:0 2px 3px #0000004d,0 24px 34px -12px #0009}.pg-n{color:var(--mat-mark);pointer-events:none;white-space:nowrap;font-size:12px;font-weight:550;line-height:1.35;position:absolute}.pg-n span{opacity:.68;margin-left:8px;font-weight:450}.ins{background:var(--blade);pointer-events:none;border-radius:2px;width:3px;margin-left:-1.5px;display:none;position:absolute}.pg.doc{cursor:default}.pg.doc .ttl{background:#3a3f44;border-radius:1px;width:44%;height:2.2%;position:absolute;top:7%;left:12%}.pg.doc img{width:76%;height:34%;top:12.5%;left:12%}.pg.doc .txt{background:repeating-linear-gradient(#cdd1cd 0 2px,#0000 2px 7px);position:absolute;inset:51% 12% 9%}.pg.doc.lines .txt{top:12.5%}.under{justify-content:space-between;align-items:center;gap:24px;min-height:52px;padding:0 2px;display:flex}.under p{text-wrap:pretty;margin:0}.under .lead{font-weight:500}.under .soft{color:var(--steel);margin-left:10px}.under .soft .quiet{color:var(--graphite);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--rest);text-decoration-color:var(--rest);padding:0;font-weight:500}.under .soft .quiet:hover{-webkit-text-decoration-color:var(--graphite);text-decoration-color:var(--graphite)}.under .acts{white-space:nowrap;align-items:center;gap:22px;display:flex}.under .acts .quiet{color:var(--graphite)}.pager{color:var(--steel);white-space:nowrap;align-items:center;gap:6px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--paper);width:30px;height:30px;color:var(--graphite);border-radius:6px;place-items:center;display:grid}.icon-btn:disabled{color:var(--rest);cursor:default}.rack-wrap{margin-top:6px}.rack-q{margin:6px 0 14px;font-size:21px;font-weight:600;font-stretch:118%;line-height:1.2}.shelves{border-top:1px solid var(--line)}.shelf{border-bottom:1px solid var(--line);grid-template-columns:200px minmax(0,1fr);display:grid}.shelf-head{padding:18px 20px 16px 0}.shelf-head h3{margin:0;font-size:16px;font-weight:600;font-stretch:118%;line-height:1.25}.shelf-head p{color:var(--steel);text-wrap:pretty;margin:4px 0 0;font-size:13.5px;line-height:1.35}.rack{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.rack li{border-left:1px solid var(--line)}.slot{grid-template-columns:32px 1fr;align-content:start;align-items:start;gap:4px 14px;height:100%;padding:18px 20px 18px 18px;text-decoration:none;display:grid}.slot:hover{background:#22262a09}.slot svg{color:var(--graphite);grid-row:span 2;margin-top:1px}.slot .nm{font-size:15px;font-weight:560;font-stretch:110%;line-height:1.25}.slot .ln{color:var(--steel);text-wrap:pretty;font-size:13.5px;line-height:1.35}.slot[aria-disabled=true]{opacity:.42;cursor:default}.slot[aria-disabled=true]:hover{background:0 0}.slot.is-first{--glyph-bg:var(--paper);background:var(--paper);box-shadow:inset 0 2px 0 var(--graphite)}.slot.is-first .ln{color:var(--graphite)}.rack-q{display:none}body[data-screen=dropped] .rack-q{display:block}.picker{background:var(--paper);border:1px solid var(--line);z-index:21;--glyph-bg:var(--paper);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;width:min(760px,100vw - 32px);padding:20px 22px 16px;display:none;position:fixed;top:54px;left:40px;box-shadow:0 24px 60px -18px #22262a59}body.picker-open .picker{display:grid}.picker h3{margin:0 0 8px;font-size:15px;font-weight:600;font-stretch:118%}.picker ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.picker li{border-bottom:1px solid var(--line)}.picker a{border-radius:2px;align-items:center;gap:12px;padding:9px 6px 9px 2px;font-weight:500;text-decoration:none;display:flex}.picker a:hover{background:var(--bench);--glyph-bg:var(--bench)}.picker a svg{flex:none}.picker a[aria-current=page]{box-shadow:inset 3px 0 0 var(--graphite);padding-left:12px;font-weight:600}.picker a[aria-disabled=true]{color:var(--steel);cursor:default}.picker a[aria-disabled=true]:hover{background:0 0}.picker a[aria-disabled=true] svg{opacity:.5}.picker .later{margin-left:auto;font-size:12.5px;font-weight:450}.panel{flex-direction:column;gap:24px;min-width:0;padding-top:2px}.panel-head h1,.panel-head h2{margin:0;font-size:22px;font-weight:600;font-stretch:118%;line-height:1.15}.panel-head p{color:var(--steel);text-wrap:pretty;margin:6px 0 0}.field{flex-direction:column;gap:10px;display:flex}.field.is-off{opacity:.42;pointer-events:none}.label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.label{font-weight:550}.val{color:var(--steel);text-align:right}.hint{color:var(--steel);text-wrap:pretty;margin:0;font-size:13px;line-height:1.4}.seg{background:var(--paper);border:1px solid var(--line);border-radius:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;display:grid}.seg button{height:32px;color:var(--steel);white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:0 4px;font-weight:500}.seg button:hover{color:var(--graphite)}.seg button[aria-pressed=true]{background:var(--graphite);color:#fff}.seg-shape button{flex-direction:column;justify-content:center;align-items:center;gap:6px;height:60px;display:flex}.seg-shape svg{display:block}.seg-shape .g{place-items:center;height:18px;display:grid}.slider{appearance:none;--p:50%;background:0 0;width:100%;height:20px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--graphite) var(--p),var(--line) var(--p));border-radius:2px;height:2px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:1.5px solid var(--graphite);border-radius:50%;width:18px;height:18px;margin-top:-8px}.slider::-moz-range-track{background:var(--line);height:2px}.slider::-moz-range-progress{background:var(--graphite);height:2px}.slider::-moz-range-thumb{background:var(--paper);border:1.5px solid var(--graphite);border-radius:50%;width:16px;height:16px}.slider:focus-visible{outline-offset:4px}.slider:disabled{opacity:.42}.ends{color:var(--steel);justify-content:space-between;margin-top:-4px;font-size:12.5px;display:flex}.num{border:1px solid var(--line);background:var(--paper);border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.num input{background:0 0;border:0;outline:0;width:100%;font-size:15px;font-weight:500}.num:focus-within{outline:2px solid var(--graphite);outline-offset:1px}.num span{color:var(--steel)}.select{position:relative}.select select{appearance:none;border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;width:100%;height:40px;padding:0 36px 0 12px;font-size:15px;font-weight:500}.select svg{pointer-events:none;position:absolute;top:16px;right:14px}.choices{border-top:1px solid var(--line);flex-direction:column;display:flex}.choice{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:1px 12px;width:100%;padding:10px 0;display:grid}.choice .dot{border:1.5px solid var(--rest);background:var(--paper);border-radius:50%;grid-row:span 2;width:18px;height:18px}.choice[aria-checked=true] .dot{border:5.5px solid var(--graphite)}.choice .cn{font-weight:550}.choice .cd{color:var(--steel);font-size:13px;line-height:1.35}.choice:hover .dot{border-color:var(--graphite)}.toggle{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:0;display:flex}.switch{background:var(--rest);border-radius:10px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle[aria-checked=true] .switch{background:var(--graphite)}.toggle[aria-checked=true] .switch:after{transform:translate(16px)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.sw{border:1px solid #22262a24;border-radius:50%;width:30px;height:30px;padding:0}.sw[aria-pressed=true]{outline:2px solid var(--graphite);outline-offset:2px}.panel-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.btn{border:1px solid var(--graphite);border-radius:8px;height:46px;padding:0 18px;font-size:15px;font-weight:550}.btn-primary{background:var(--graphite);color:#fff}.btn-primary:hover{background:#353a40}.btn-secondary{background:var(--paper);color:var(--graphite);border-color:var(--line)}.btn-secondary:hover{border-color:var(--graphite)}.btn-row{grid-template-columns:1fr auto;gap:8px;display:grid}.fine{color:var(--steel);text-wrap:pretty;margin:4px 0 0;font-size:13px}.text-btn{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);background:0 0;border:0;align-self:flex-start;padding:6px 0;font-weight:500}.text-btn:hover{-webkit-text-decoration-color:var(--graphite);text-decoration-color:var(--graphite)}.grabber,.sheet-sum,.more-btn,.m-tool{display:none}.scrim{z-index:20;background:#22262a38;display:none;position:fixed;inset:0}.pro{background:var(--paper);border:1px solid var(--line);z-index:21;border-radius:12px;width:392px;max-width:calc(100vw - 32px);padding:24px 24px 22px;display:none;position:fixed;top:56px;right:24px;box-shadow:0 24px 60px -18px #22262a59}body.pro-open .scrim,body.pro-open .pro{display:block}body.picker-open .scrim{background:0 0;display:block}.pro-head{justify-content:space-between;align-items:center;display:flex}.pro h2{margin:0;font-size:24px;font-weight:600;font-stretch:122%;line-height:1.1}.pro .x{width:32px;height:32px;color:var(--steel);background:0 0;border:0;border-radius:6px;place-items:center;margin-right:-6px;display:grid}.pro .x:hover{background:var(--bench);color:var(--graphite)}.pro-lede{margin:6px 0 18px;font-size:16px}.pro dl{border-top:1px solid var(--line);margin:0 0 22px}.pro dl div{border-bottom:1px solid var(--line);padding:12px 0}.pro dt{font-weight:560}.pro dd{color:var(--steel);margin:2px 0 0}.pro .btn{width:100%}.pro-note{color:var(--steel);text-wrap:pretty;margin:12px 0 0;font-size:13px}.toast{background:var(--graphite);color:#fff;z-index:30;border-radius:8px;padding:11px 16px;font-weight:500;display:none;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.on{display:block}@media (max-width:1180px){.tabs a:not([aria-current]){display:none}}@media (max-width:720px){:root{--gutter:16px;--hdr:56px;--ruler-x:28px;--mat-edge:10px}.bar{gap:16px}.brand{font-size:18px}.bar-end{gap:18px}.tabs{display:none!important}.intro h1{max-width:15em;margin:2px 0 16px;font-size:23px}.mat{border-radius:12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""surface";height:320px;padding:0 10px 10px}body[data-screen=home] .mat{height:320px}body[data-screen=dropped] .mat{height:auto}.corner,.ruler-left{display:none}.drop h2{margin-bottom:18px;font-size:27px}.drop p{font-size:13px}.under{flex-direction:column;align-items:flex-start;gap:6px;min-height:0;padding:12px 2px 14px}.under .soft{margin-left:0;display:block}.rack-q{font-size:19px}.shelves{border-top:0}.shelf{border-bottom:0;grid-template-columns:minmax(0,1fr)}.shelf-head{padding:22px 0 10px}.shelf:first-child .shelf-head{padding-top:6px}.rack{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr)}.rack li{border-left:0;border-bottom:1px solid var(--line)}.slot{padding:14px 4px 14px 2px}.slot.is-first{padding-left:12px}body.is-tool .work{grid-template-columns:minmax(0,1fr);padding-top:0}body.is-tool .mat{height:auto}body.is-tool .under{display:none}.m-tool{margin:0 0 12px;display:block}body:not(.is-tool) .m-tool{display:none}.m-tool button{background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-size:21px;font-weight:600;font-stretch:118%;display:inline-flex}body.is-tool main{padding-bottom:300px}.panel{z-index:15;background:var(--paper);border-radius:16px 16px 0 0;gap:16px;max-height:78vh;padding:6px 16px 18px;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -10px 30px -12px #22262a4d}.panel-head{display:none}.grabber{background:0 0;border:0;align-self:center;width:44px;height:20px;margin-bottom:-6px;display:block;position:relative}.grabber:after{content:"";background:var(--rest);border-radius:2px;height:4px;position:absolute;top:8px;left:6px;right:6px}.sheet-sum{justify-content:space-between;gap:12px;margin:0;font-weight:550;display:flex}.sheet-sum span{color:var(--steel);white-space:nowrap;font-weight:500}.panel .more{display:none}.panel.open .more{display:flex}.more-btn{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;width:100%;padding:12px 0;font-weight:550;display:flex}.more-btn span{color:var(--steel);align-items:center;gap:8px;font-weight:500;display:inline-flex}.panel-foot{margin-top:0}.panel-foot .fine{text-align:center}.choices{background:var(--paper);border:1px solid var(--line);border-radius:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;display:grid}.choice{height:32px;color:var(--steel);border:0;border-radius:5px;justify-content:center;padding:0 4px;display:flex}.choice .dot,.choice .cd{display:none}.choice .cn{font-weight:500}.choice[aria-checked=true]{background:var(--graphite);color:#fff}.picker{top:calc(var(--hdr) + 44px);width:auto;max-height:calc(100vh - var(--hdr) - 60px);grid-template-columns:minmax(0,1fr);gap:18px;padding:16px 16px 10px;left:8px;right:8px;overflow:auto}.pro{border-radius:16px 16px 0 0;width:auto;max-width:none;padding-bottom:28px;inset:auto 0 0}body.picker-open .scrim{background:#22262a38}body.picker-open .panel{visibility:hidden}}.panel-body,.foot-actions{display:contents}.panel-placeholder{border:1px dashed var(--line);color:var(--steel);border-radius:8px;margin:0;padding:18px 16px}.notes{flex-direction:column;gap:4px;margin-top:-8px;padding:0 2px 10px;display:flex}.notes:empty{display:none}.notes p{color:var(--steel);text-wrap:pretty;margin:0}.notes a{color:var(--graphite);text-underline-offset:3px;-webkit-text-decoration-color:var(--rest);text-decoration-color:var(--rest)}.notes a:hover{-webkit-text-decoration-color:var(--graphite);text-decoration-color:var(--graphite)}.under .soft a{color:var(--graphite);text-underline-offset:3px;-webkit-text-decoration-color:var(--rest);text-decoration-color:var(--rest);font-weight:500}.under .soft a:hover{-webkit-text-decoration-color:var(--graphite);text-decoration-color:var(--graphite)}.ph.is-opening{background:#27493d}.ph.is-opening:after{content:"";background:linear-gradient(100deg,#0000 30%,#e9f2ec14 50%,#0000 70%) 0 0/200% 100%;border-radius:2px;animation:1.4s linear infinite pd-shimmer;position:absolute;inset:0}@keyframes pd-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.drop .file-input{display:none}.lang-wrap{position:relative}.lang-menu{background:var(--paper);border:1px solid var(--line);z-index:22;border-radius:10px;min-width:150px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:-10px;box-shadow:0 24px 60px -18px #22262a59}.lang-menu.on{display:block}.lang-menu a{border-radius:6px;padding:8px 10px;font-weight:500;text-decoration:none;display:block}.lang-menu a:hover{background:var(--bench)}.lang-menu a[aria-current=true]{box-shadow:inset 3px 0 0 var(--graphite);font-weight:600}.pro-soon{background:var(--bench);height:46px;color:var(--steel);border-radius:8px;place-items:center;font-weight:550;display:grid}.pro[hidden]{display:none!important}.page-text{max-width:680px;padding:6px 0 56px}.page-text h1{margin-bottom:18px}.page-text h2{margin:34px 0 8px;font-size:18px;font-weight:600;font-stretch:118%;line-height:1.25}.page-text p,.page-text li{text-wrap:pretty;margin:0 0 10px;font-size:15px;line-height:1.55}.page-text ul{margin:0 0 10px;padding-left:20px}.page-text a{text-underline-offset:3px;-webkit-text-decoration-color:var(--rest);text-decoration-color:var(--rest)}.page-text a:hover{-webkit-text-decoration-color:var(--graphite);text-decoration-color:var(--graphite)}.page-text .lede{color:var(--graphite);font-size:17px}.page-text .updated{color:var(--steel);font-size:13px}.credits{border-top:1px solid var(--line);list-style:none;margin:8px 0 0!important;padding:0!important}.credits li{border-bottom:1px solid var(--line);padding:12px 0;margin:0!important}.credits b{font-weight:600}.credits .lic{color:var(--steel)}.credits .use{color:var(--steel);margin-top:2px;font-size:14px;display:block}.credits .links{gap:16px;margin-top:4px;font-size:14px;display:flex}.page-text .btn-link{background:var(--graphite);color:#fff;border-radius:8px;align-items:center;height:44px;margin-top:8px;padding:0 20px;font-weight:550;text-decoration:none;display:inline-flex}.foot{margin:48px var(--gutter) 0;border-top:1px solid var(--line);color:var(--steel);grid-template-columns:minmax(0,1fr) auto;gap:14px 40px;padding:22px 0 36px;font-size:13px;line-height:1.5;display:grid}.foot p{margin:0}.foot nav{flex-wrap:wrap;gap:20px;display:flex}.foot nav a{color:var(--graphite);font-weight:500;text-decoration:none}.foot nav a:hover{text-underline-offset:3px;text-decoration:underline}.foot dl{flex-wrap:wrap;grid-column:1/-1;gap:2px 22px;margin:0;display:flex}.foot dl div{gap:6px;min-width:0;display:flex}.foot dt{color:var(--steel)}.foot dd{color:#4b5156;overflow-wrap:anywhere;margin:0}body.is-tool .foot{margin-top:32px}@media (max-width:720px){.foot{grid-template-columns:minmax(0,1fr);margin-top:36px;padding-bottom:28px}.foot dl{flex-direction:column}body.is-tool .foot{display:none}.lang-menu{right:0}.notes{margin-top:-6px}}html:lang(ko) body{word-break:keep-all;overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}