:root{--bg:#fff;--surface:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--line:#e5e5e7;--blue:#0071e3;--link:#06c;--radius:20px;color:var(--ink);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{background:var(--bg);margin:0;font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #0071e380}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.shell{width:min(1280px,100% - 80px);margin-inline:auto}.header{z-index:10;backdrop-filter:blur(16px);background:#ffffffed;border-bottom:1px solid #ededee;height:64px;position:sticky;top:0}.nav{align-items:center;gap:36px;height:100%;display:flex}.brand{color:var(--ink);letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:9px;font-size:21px;font-weight:650;display:inline-flex}.brand:hover{text-decoration:none}.brand-icon{background:var(--blue);color:#fff;letter-spacing:-3px;border-radius:9px;place-items:center;width:30px;height:30px;padding-inline-end:3px;font:600 21px ui-monospace,monospace;display:grid}.nav-links{gap:28px;margin-inline-start:auto;font-size:13px;display:flex}.nav-links a{color:var(--ink)}.language-button{align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.intro{justify-content:space-between;align-items:end;gap:24px;padding-block:35px 28px;display:flex}.eyebrow{letter-spacing:2px;color:var(--muted);margin:0 0 10px;font-size:10px;font-weight:650}.intro h1{letter-spacing:-1.5px;margin:0 0 12px;font-size:clamp(26px,2.8vw,39px);font-weight:650;line-height:1.24}.intro-text{color:var(--muted);margin:0;font-size:15px}.local-note{color:var(--muted);flex-shrink:0;align-items:center;gap:6px;padding-block-end:4px;font-size:12px;display:flex}.workspace-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.segmented{background:#eeeef0;border-radius:11px;gap:2px;padding:4px;display:inline-flex}.segmented button{white-space:nowrap;min-height:36px;color:var(--muted);border-radius:8px;padding:5px 17px;font-size:13px;font-weight:550}.segmented button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #00000012}.keyboard-hint{color:var(--muted);font-size:11px}.workbench{border-radius:var(--radius);background:#fff;border:1px solid #dcdcdf;overflow:hidden;box-shadow:0 5px 25px #00000003}.toolbar{border-bottom:1px solid var(--line);background:#fbfbfc;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.operations{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:22px;min-height:42px;padding:10px 17px;font-size:13px;font-weight:550;line-height:1.35;display:inline-flex}.primary{background:var(--blue);color:#fff}.primary:hover{background:#0077ed}.secondary{color:var(--ink);background:#fff;border:1px solid #dedee1}.secondary:hover{background:var(--surface)}.options-button{white-space:nowrap;align-items:center;gap:6px;min-height:44px;font-size:12px;display:flex}.options-panel{border-bottom:1px solid var(--line);background:#fafafa;padding:20px 24px}.select-options{flex-wrap:wrap;gap:25px;display:flex}.select-options label{align-items:center;gap:12px;font-size:13px;display:flex}select{background:#fff;border:1px solid #d2d2d7;border-radius:8px;max-width:100%;min-height:40px;padding:5px 30px 5px 10px}.check-options{flex-wrap:wrap;gap:14px 24px;margin-block:18px;display:flex}.check-options label{align-items:center;gap:7px;min-height:32px;font-size:12px;display:flex}input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue)}.options-panel p{color:var(--muted);margin:6px 0;font-size:12px}.editors{grid-template-columns:1fr 1fr;min-width:0;display:grid}.editor-panel{flex-direction:column;min-width:0;display:flex}.input-panel{border-inline-end:1px solid var(--line)}.input-panel.drag-over{box-shadow:inset 0 0 0 2px var(--blue);background:#eff7ff}.panel-head{border-bottom:1px solid #f0f0f2;justify-content:space-between;align-items:center;gap:10px;height:58px;padding:8px 20px;display:flex}.panel-label{white-space:nowrap;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.panel-number{color:#929298;font:10px ui-monospace,monospace}.panel-actions{align-items:center;gap:12px;display:flex}.panel-actions button,.panel-foot button{color:var(--link);min-height:40px;padding:5px 2px;font-size:11px}.panel-actions .icon-button{color:var(--muted);font-size:22px}.code-editor{direction:ltr;height:340px;display:flex;overflow:hidden}.line-gutter{text-align:right;color:#a1a1a6;white-space:pre;user-select:none;background:#fcfcfd;flex:none;width:43px;padding:20px 10px 20px 0;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.code-editor textarea,#result{tab-size:2;color:#303039;resize:none;white-space:pre;background:0 0;border:0;outline:none;width:100%;padding:20px 19px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.code-editor textarea{padding-inline-start:12px}.code-editor textarea::placeholder,#result::placeholder{color:#a0a0a7;white-space:pre-wrap;line-height:1.9}.code-editor textarea:focus,#result:focus{box-shadow:inset 0 0 0 2px #0071e33b}.result-body{background:#fdfdfe;min-width:0;height:340px}.result-body>textarea{height:100%;display:block}.panel-foot{color:var(--muted);border-top:1px solid #f0f0f2;justify-content:space-between;align-items:center;gap:10px;height:44px;padding:4px 20px;font-size:10px;display:flex}.view-tabs{background:#f1f1f3;border-radius:8px;padding:3px}.view-tabs button{border-radius:5px;min-height:29px;padding:4px 11px;font-size:10px}.statusbar{border-top:1px solid var(--line);background:#fbfbfc;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.statusbar #status{min-width:0;color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.status-dot{background:#96969d;border-radius:50%;flex:none;width:6px;height:6px}.statusbar .success .status-dot{background:#24804a}.statusbar .error-state .status-dot{background:#d44630}.result-actions{flex:none;gap:8px;display:flex}.under-workbench{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:10px;display:flex}.alert,.warning{border-top:1px solid var(--line);padding:14px 20px;font-size:12px}.alert{color:#a12e1e;background:#fff4f2}.warning{color:#7a5311;background:#fff9e9}.alert button{color:inherit;text-decoration:underline}.features{grid-template-columns:repeat(3,1fr);gap:55px;padding-block:55px 60px;display:grid}.feature-icon{color:var(--blue);margin-bottom:12px;font:18px ui-monospace,monospace;display:block}.features h2{letter-spacing:-.5px;margin:0 0 10px;font-size:18px;font-weight:600}.features p,.guide-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.guide-section{background:var(--surface);padding:68px 0 72px}.guide-section h2,.faq h2{letter-spacing:-1px;margin:0 0 38px;font-size:30px;font-weight:650;line-height:1.25}.guide-grid{grid-template-columns:repeat(3,1fr);gap:55px;display:grid}.step-number{color:#a5a5ad;letter-spacing:-1px;margin-bottom:16px;font-size:34px;font-weight:600;display:block}.guide-grid h3{margin:0 0 10px;font-size:17px}.faq{grid-template-columns:1fr 1.65fr;gap:70px;padding-block:70px 75px;display:grid}.faq details{border-top:1px solid var(--line);padding-block:18px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding-inline-end:24px;font-size:14px;font-weight:550;list-style:none;position:relative}.faq summary:after{content:"+";inset-inline-end:0;font-size:19px;font-weight:400;position:absolute;top:-5px}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.8}.footer{border-top:1px solid var(--line);padding-block:25px}.footer-top,.footer-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-top p{color:var(--muted);font-size:12px}.footer .brand{gap:0;font-size:18px}.blue{color:var(--blue)}.footer-bottom{color:var(--muted);margin-top:12px;font-size:10px}.footer-links{flex-wrap:wrap;gap:22px;display:flex}.footer-links a,.footer-links button{color:var(--muted);padding:10px 0;font-size:11px}.legal-note{color:var(--muted);margin:8px 0 0;font-size:10px}.ad-placement{text-align:center;min-height:150px;padding:26px 0}.ad-placement small{color:var(--muted);margin-bottom:12px;font-size:10px;display:block}.skip{z-index:100;border:2px solid var(--blue);background:#fff;padding:12px;position:fixed;top:-60px;left:15px}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:22px;width:min(680px,100% - 32px);max-height:80vh;padding:25px;box-shadow:0 20px 100px #0003}dialog::backdrop{backdrop-filter:blur(3px);background:#0006}.dialog-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.dialog-head h2{letter-spacing:-.6px;margin:0;font-size:23px}.icon-button{min-width:38px;min-height:38px;color:var(--muted);padding:0;font-size:24px}input[type=search]{background:#fafafa;border:1px solid #d2d2d7;border-radius:10px;width:100%;min-width:0;padding:11px 12px;font-size:14px}.language-list{grid-template-columns:1fr 1fr;gap:4px;max-height:48vh;margin-top:18px;display:grid;overflow:auto}.language-list a{color:var(--ink);border-radius:10px;flex-direction:column;padding:12px;font-size:14px;display:flex}.language-list a:hover{background:var(--surface);text-decoration:none}.language-list small{color:var(--muted);font-size:11px}.language-list a[aria-current=true]{color:var(--blue);background:#eaf3fe}#privacy-dialog{max-width:500px}#privacy-dialog p{color:var(--muted);font-size:14px}.privacy-actions{flex-wrap:wrap;gap:10px;margin-block:22px;display:flex}.text-button{color:var(--link);padding:10px 0;font-size:13px}.toast{bottom:28px;color:#fff;z-index:50;background:#1d1d1f;border-radius:12px;max-width:min(500px,90vw);padding:12px 24px;font-size:13px;position:fixed;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.tree-toolbar{align-items:center;gap:10px;padding:10px 12px;display:flex}.tree-toolbar input{min-height:34px;padding:7px;font-size:11px}.tree-toolbar button{color:var(--link);white-space:nowrap;padding:6px 0;font-size:10px}#tree-view{flex-direction:column;height:100%;display:flex}#tree-content{flex:1;padding:5px 12px;font:12px/1.7 ui-monospace,monospace;overflow:auto}.tree-row{white-space:nowrap;align-items:center;gap:6px;min-width:max-content;min-height:29px;display:flex}.tree-row:hover{background:#f0f5fc}.tree-toggle{color:#777;width:20px}.tree-key{color:#343b48}.tree-value{color:#005bb5;text-overflow:ellipsis;max-width:320px;overflow:hidden}.tree-value.type-string{color:#47754c}.tree-value.type-null{color:#945f8d}.tree-path{color:var(--link);opacity:.6;border-radius:4px;font-size:11px}.tree-row:hover .tree-path{opacity:1}.preview-note{color:var(--muted);margin:5px 0;padding:0 12px;font-size:10px}.preview-note:empty{display:none}#table-view{flex-direction:column;height:100%;display:flex}.table-scroll{flex:1;overflow:auto}table{border-collapse:collapse;width:100%;font:11px/1.5 ui-monospace,monospace}th,td{border-bottom:1px solid #e8e8ed;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;border-inline-end:1px solid #eeeeef;min-width:85px;max-width:250px;padding:9px 12px}th{color:#444b5a;background:#f1f3f6;font-weight:550;position:sticky;top:0}tr:nth-child(2n){background:#f8f9fb}.pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:7px 12px;font-size:10px;display:flex}.pagination button{color:var(--link);min-height:30px;font-size:11px}.article{max-width:820px;padding-block:55px 75px}.article h1{letter-spacing:-1.2px;margin:0 0 30px;font-size:38px;line-height:1.2}.article h2{margin-top:30px;font-size:21px}.article p,.article li{color:#55555e;line-height:1.8}.article code{background:var(--surface);border-radius:4px;padding:3px 5px}.article pre{background:var(--surface);border-radius:12px;padding:20px;overflow:auto}.article .back-link{margin-bottom:25px;display:inline-block}.article ul{padding-inline-start:25px}@media (width>=1450px){.code-editor,.result-body{height:390px}}@media (width<=1050px){.shell{width:calc(100% - 48px)}.intro h1{font-size:31px}.local-note{display:none}.features,.guide-grid{gap:30px}.panel-head{padding-inline:13px}.panel-actions{gap:8px}.view-tabs button{padding-inline:8px}.faq{gap:35px}.nav{gap:22px}}@media (width<=740px){.shell{width:calc(100% - 32px)}.header{height:58px}.brand{font-size:19px}.nav{gap:12px}.nav-links{display:none}.language-button{margin-inline-start:auto;font-size:12px}.intro{padding-block:27px 24px}.intro h1{letter-spacing:-1px;font-size:28px}.intro-text{font-size:13px;line-height:1.7}.eyebrow{letter-spacing:1.5px;font-size:9px}.keyboard-hint{display:none}.workspace-top{margin-bottom:12px}.mode-tabs{width:100%}.mode-tabs button{flex:1;min-height:40px}.toolbar{align-items:flex-start;gap:5px;padding:12px}.operations{gap:7px}.operations .primary,.operations .secondary{min-height:44px;padding:10px 12px;font-size:12px}.options-button{min-height:44px;font-size:0}.options-button svg{width:21px;height:21px}.editors{grid-template-columns:1fr}.input-panel{border-inline-end:0;border-bottom:1px solid var(--line)}.panel-head{height:57px;padding-inline:14px}.panel-actions{gap:13px}.panel-actions button{min-height:44px;font-size:11px}.code-editor,.result-body{height:290px}.code-editor textarea,#result,.line-gutter{font-size:16px}.panel-foot{padding-inline:14px}.statusbar{flex-direction:column;align-items:stretch;gap:12px;padding:13px}.result-actions{justify-content:end}.result-actions button{flex:1;min-height:44px}.statusbar #status{font-size:12px}.view-tabs button{min-height:35px;padding-inline:13px;font-size:11px}.under-workbench{font-size:9px}.features{grid-template-columns:1fr;gap:27px;padding-block:35px 40px}.features article{padding-inline-start:38px;position:relative}.feature-icon{inset-inline-start:0;font-size:16px;position:absolute;top:2px}.features h2{font-size:17px}.features p{font-size:13px}.guide-section{padding-block:40px}.guide-section h2,.faq h2{margin-bottom:27px;font-size:27px}.guide-grid{grid-template-columns:1fr;gap:28px}.guide-grid article{padding-inline-start:50px;position:relative}.step-number{inset-inline-start:0;font-size:24px;position:absolute;top:0}.guide-grid h3{font-size:16px}.faq{grid-template-columns:1fr;gap:0;padding-block:40px}.footer-top{align-items:start}.footer-top p{margin:5px 0;font-size:10px}.footer-bottom{flex-direction:column;align-items:start;gap:6px}.footer-links{gap:18px}.footer-links a,.footer-links button{min-height:44px}.options-panel{padding:15px}.check-options{gap:5px 16px}.check-options label{min-height:40px}.select-options label{flex-wrap:wrap;gap:6px}.select-options{gap:12px}.language-list{grid-template-columns:1fr 1fr}.language-list a{padding:10px;font-size:13px}.article{padding-block:32px 45px}.article h1{font-size:30px}.tree-toggle,.tree-path{min-height:30px}.tree-toolbar{gap:7px}.tree-toolbar button,.pagination button{min-height:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}#current-language{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}@media (width<=740px){#current-language{max-width:100px}.select-options select{font-size:16px}}[dir=rtl] .toast{transform:translate(50%)}