.tn-radius-workspace{--br-paper:#faf6ee;--br-wash:#f5efdf;--br-ink:#1a1208;--br-muted:#5a4a30;--br-line:#b8a888;--br-soft:#ddd4be;--br-button:#ede6d4;--br-hover:#dfd4bb;--br-accent:#a43d00;--br-shape:#c44a00;--br-on-shape:#fff8eb;--br-grid:rgba(90,74,48,.12);color:var(--br-ink);background:var(--br-paper);border:1px solid var(--br-line);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-width:0;color-scheme:light}
.tn-radius-workspace *{box-sizing:border-box}.tn-radius-workspace [hidden]{display:none!important}.tn-radius-workspace h2,.tn-radius-workspace h3,.tn-radius-workspace p{margin:0}.tn-radius-workspace h2{font-size:17px;line-height:1.4;font-weight:700}.tn-radius-workspace h3{font-size:13px;line-height:1.5;font-weight:700;margin-bottom:12px}.tn-radius-workspace button{border:1px solid var(--br-line);background:var(--br-button);color:var(--br-ink);-webkit-text-fill-color:var(--br-ink);border-radius:0;min-height:40px;padding:8px 13px;font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;cursor:pointer;box-shadow:none;transition:background-color .16s,color .16s,border-color .16s}
.tn-radius-workspace button:hover{background:var(--br-hover)}.tn-radius-workspace button:disabled{opacity:.5;cursor:not-allowed}.tn-radius-workspace :is(button,input,pre):focus-visible{outline:2px solid var(--br-accent);outline-offset:3px}.tn-radius-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-bottom:3px double var(--br-line)}.tn-radius-kicker{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.5px}.tn-radius-kicker i{width:6px;height:6px;background:var(--br-accent);border-radius:50%}.tn-radius-toolbar button{background:transparent;display:flex;gap:12px;align-items:center}.tn-radius-layout{display:grid;grid-template-columns:340px minmax(0,1fr)}.tn-radius-controls,.tn-radius-output{min-width:0;padding:24px}.tn-radius-controls{border-right:1px solid var(--br-line)}.tn-radius-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.tn-radius-section-head h2{margin:0;font-size:16px;font-weight:700;line-height:1.5}.tn-radius-index{font-size:12px;color:var(--br-muted);font-variant-numeric:tabular-nums}.tn-radius-option-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.tn-radius-segment{display:flex}.tn-radius-segment button{min-width:42px}.tn-radius-segment button+button{border-left:0}.tn-radius-segment button[aria-pressed=true]{background:var(--br-ink);color:var(--br-paper);-webkit-text-fill-color:var(--br-paper)}.tn-radius-check{display:flex;align-items:center;gap:7px;font-size:12px;min-height:40px;cursor:pointer;color:var(--br-muted)}.tn-radius-check input{margin:0;width:16px;height:16px;accent-color:var(--br-accent)}.tn-radius-workspace .tn-radius-help{font-size:11px;color:var(--br-muted);line-height:1.65}.tn-radius-corners{margin-top:16px}.tn-radius-corner+.tn-radius-corner{margin-top:14px}.tn-radius-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tn-radius-field-head label{font-size:12px;font-weight:600}.tn-radius-field-head label>span{display:inline-block;color:var(--br-accent);font-size:21px;vertical-align:middle;margin-right:7px}.tn-radius-number{display:flex;align-items:center;border:1px solid var(--br-line);background:var(--br-paper);width:90px}.tn-radius-workspace input[type=number]{min-width:0;width:100%;height:40px;border:1px solid var(--br-line);border-radius:0;padding:8px 10px;background:var(--br-paper);color:var(--br-ink);-webkit-text-fill-color:var(--br-ink);box-shadow:none;font:600 16px/1.4 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;font-variant-numeric:lining-nums tabular-nums}.tn-radius-number input[type=number]{border:0;padding-right:0}.tn-radius-number>span{padding:0 9px 0 4px;color:var(--br-muted);font-size:11px}.tn-radius-workspace input[aria-invalid=true]{outline:2px solid var(--br-accent);outline-offset:-2px}.tn-radius-workspace input[type=range]{display:block;appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:40px;margin:0;cursor:pointer;accent-color:var(--br-accent)}.tn-radius-workspace input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--br-line)}.tn-radius-workspace input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:18px;width:18px;margin-top:-7.5px;border-radius:50%;background:var(--br-paper);border:2px solid var(--br-accent)}.tn-radius-workspace input[type=range]::-moz-range-track{height:3px;background:var(--br-line)}.tn-radius-workspace input[type=range]::-moz-range-thumb{height:14px;width:14px;border-radius:50%;background:var(--br-paper);border:2px solid var(--br-accent)}.tn-radius-subsection{border-top:1px solid var(--br-soft);padding-top:18px;margin-top:20px}.tn-radius-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tn-radius-presets button{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:10px;padding:11px 3px;background:transparent}.tn-radius-presets button[aria-pressed=true]{border-color:var(--br-accent);background:var(--br-wash)}.tn-radius-preset-shape{display:block;width:26px;height:20px;border:1.5px solid var(--br-accent);background:var(--br-wash)}.tn-radius-soft{border-radius:5px}.tn-radius-card{border-radius:7px 7px 2px 2px}.tn-radius-pill{border-radius:20px;height:13px;margin:3.5px 0}.tn-radius-blob{border-radius:60% 35% 65% 40%}.tn-radius-sizes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.tn-radius-sizes label{font-size:12px;font-weight:600}.tn-radius-sizes label>span{float:right;font-size:11px;font-weight:400;color:var(--br-muted)}.tn-radius-sizes input{margin-top:7px}.tn-radius-workspace .tn-radius-error{font-size:12px;color:var(--br-accent);padding:10px 0}.tn-radius-stage{display:flex;align-items:center;justify-content:center;min-height:348px;padding:24px;background-color:var(--br-wash);background-image:linear-gradient(var(--br-grid) 1px,transparent 1px),linear-gradient(90deg,var(--br-grid) 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--br-soft);overflow:hidden}.tn-radius-stage.tn-radius-no-grid{background-image:none}.tn-radius-guide{position:relative;outline:1px dashed var(--br-line);outline-offset:5px;width:320px;height:220px;flex:none}.tn-radius-shape{position:absolute;inset:0 auto auto 0;width:320px;height:220px;border-radius:24px;background:var(--br-shape);transform-origin:top left;display:grid;place-items:center;overflow:hidden;transition:border-radius .16s ease-out}.tn-radius-shape-mark{font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--br-on-shape);letter-spacing:-6px;user-select:none}.tn-radius-preview-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--br-muted);padding:12px 0;font-variant-numeric:lining-nums tabular-nums}.tn-radius-preview-meta>span:first-child{font-weight:800}.tn-radius-workspace .tn-radius-note{font-size:12px;color:var(--br-muted);line-height:1.7}.tn-radius-code-panel{margin-top:25px;border-top:3px double var(--br-line);padding-top:20px}.tn-radius-code-panel .tn-radius-section-head{margin-bottom:12px}.tn-radius-code-panel h2>span{font-weight:400;color:var(--br-accent);margin-right:5px}.tn-radius-workspace button.tn-radius-primary{background:var(--br-accent);color:var(--br-paper);-webkit-text-fill-color:var(--br-paper);border-color:var(--br-accent)}.tn-radius-workspace button.tn-radius-primary:hover{filter:brightness(.94)}.tn-radius-code-panel pre{margin:0 0 10px;padding:20px 16px;border:1px solid var(--br-soft);background:var(--br-wash);color:var(--br-ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;min-width:0}.tn-radius-code-panel code{font:500 14px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:inherit;background:transparent;padding:0;border:0}.tn-radius-workspace .tn-radius-status{margin-top:16px;font-size:12px;line-height:1.65;min-height:40px;color:var(--br-muted)}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-radius-workspace,html[data-scheme=dark] body:not([data-scheme=light]) .tn-radius-workspace{--br-paper:#20180f;--br-wash:#2b2115;--br-ink:#f7ead1;--br-muted:#c9b797;--br-line:#826744;--br-soft:#51422e;--br-button:#332617;--br-hover:#42311e;--br-accent:#f4a46e;--br-shape:#c86425;--br-on-shape:#fff8eb;--br-grid:rgba(201,183,151,.1);color-scheme:dark}
@media(prefers-color-scheme:dark){body[data-scheme=auto] .tn-radius-workspace{--br-paper:#20180f;--br-wash:#2b2115;--br-ink:#f7ead1;--br-muted:#c9b797;--br-line:#826744;--br-soft:#51422e;--br-button:#332617;--br-hover:#42311e;--br-accent:#f4a46e;--br-shape:#c86425;--br-on-shape:#fff8eb;--br-grid:rgba(201,183,151,.1);color-scheme:dark}}
@media(max-width:900px){.tn-radius-layout{grid-template-columns:300px minmax(0,1fr)}.tn-radius-controls,.tn-radius-output{padding:20px}}
@media(max-width:760px){.tn-radius-layout{grid-template-columns:minmax(0,1fr)}.tn-radius-controls,.tn-radius-output{padding:16px}.tn-radius-controls{border-right:0;border-bottom:1px solid var(--br-line)}.tn-radius-toolbar{padding:10px 16px}.tn-radius-kicker{font-size:9px;letter-spacing:1px}.tn-radius-corners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.tn-radius-corner+.tn-radius-corner{margin-top:0}.tn-radius-corner:nth-child(3){grid-column:2;grid-row:2}.tn-radius-corner:nth-child(4){grid-column:1;grid-row:2}.tn-radius-field-head{flex-wrap:wrap;gap:6px}.tn-radius-number{width:100%}.tn-radius-subsection{margin-top:16px;padding-top:16px}.tn-radius-stage{min-height:280px}.tn-radius-section-head{margin-bottom:14px}.tn-radius-code-panel{margin-top:20px}.tn-radius-code-panel pre{padding:16px 12px}.tn-radius-presets button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tn-radius-workspace *{transition:none!important}}

.tn-radius-stage{position:relative}.tn-radius-stage.tn-radius-paused .tn-radius-guide{visibility:hidden}.tn-radius-stage.tn-radius-paused::after{content:"입력값을 확인해 주세요";position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:var(--br-muted);font-size:13px;text-align:center}
.tn-radius-controls>.tn-radius-section-head{min-height:40px}
.tn-radius-page .tn-radius-ad{box-sizing:border-box;max-width:728px;width:100%;min-height:90px;height:auto;max-height:none;overflow:visible;margin:54px auto 18px}.tn-radius-page .tn-radius-ad--bottom{margin-top:26px;margin-bottom:26px}
@media(max-width:760px){.tn-radius-page .tn-radius-ad{margin-top:48px}.tn-radius-page .tn-radius-ad--bottom{margin-top:26px}}