.tn-flex-workspace{--fx-paper:#faf6ee;--fx-wash:#f5efdf;--fx-ink:#1a1208;--fx-muted:#5a4a30;--fx-line:#b8a888;--fx-soft:#ddd4be;--fx-accent:#c44a00;--fx-button:#ede6d4;--fx-hover:#dfd4bb;--fx-primary:#a83e00;--fx-primary-text:#fff8eb;--fx-selected:#fce4cd;background:var(--fx-paper);color:var(--fx-ink);border:1px solid var(--fx-line);font:400 14px/1.6 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;min-width:0;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums tabular-nums}
.tn-flex-workspace,.tn-flex-workspace *{box-sizing:border-box}
.tn-flex-workspace :is(h2,p,pre){margin:0}
.tn-flex-workspace :is(button,select,input){box-shadow:none;border-radius:0;letter-spacing:0;text-transform:none}
.tn-flex-workspace button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;height:40px;padding:0 12px;border:1px solid var(--fx-line);background:var(--fx-button);color:var(--fx-ink);-webkit-text-fill-color:var(--fx-ink);font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.tn-flex-workspace button:hover{background:var(--fx-hover)}
.tn-flex-workspace button:active{transform:scale(.96)}
.tn-flex-workspace :is(button,select,input,pre,[tabindex]):focus{outline:none}
.tn-flex-workspace :is(button,select,input,pre,[tabindex]):focus-visible{outline:2px solid var(--fx-accent);outline-offset:2px}
.tn-flex-workspace button.tn-flex-primary{background:var(--fx-primary);color:var(--fx-primary-text);-webkit-text-fill-color:var(--fx-primary-text);border-color:var(--fx-primary)}
.tn-flex-workspace button.tn-flex-primary:hover{filter:brightness(1.1)}
.tn-flex-workspace button[aria-pressed=true]{border-color:var(--fx-accent);background:var(--fx-selected);color:var(--fx-ink);-webkit-text-fill-color:var(--fx-ink)}
.tn-flex-workspace :is(.tn-flex-toolbar,.tn-flex-preview-head,.tn-flex-code-head){display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tn-flex-workspace .tn-flex-toolbar{padding:20px 24px;border-bottom:3px double var(--fx-line)}
.tn-flex-workspace .tn-flex-toolbar p{font-weight:700;font-size:15px;letter-spacing:-.025em}
.tn-flex-workspace .tn-flex-kicker{display:block;margin-bottom:4px;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--fx-muted)}
.tn-flex-workspace :is(.tn-flex-presets,.tn-flex-widths,.tn-flex-copy-actions){display:flex;gap:6px;flex-wrap:wrap}
.tn-flex-workspace .tn-flex-layout{display:grid;grid-template-columns:300px minmax(0,1fr)}
.tn-flex-workspace :is(.tn-flex-controls,.tn-flex-results){min-width:0;padding:24px}
.tn-flex-workspace .tn-flex-controls{border-right:1px solid var(--fx-line)}
.tn-flex-workspace .tn-flex-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tn-flex-workspace .tn-flex-heading h2{font:800 16px/1.4 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;letter-spacing:-.035em;color:var(--fx-ink);text-wrap:balance}
.tn-flex-workspace .tn-flex-heading>span{font:10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--fx-muted);white-space:nowrap}
.tn-flex-workspace .tn-flex-heading b{color:var(--fx-accent);font-variant-numeric:lining-nums tabular-nums;margin-left:4px}
.tn-flex-workspace .tn-flex-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:20px}
.tn-flex-workspace .tn-flex-field{min-width:0}
.tn-flex-workspace .tn-flex-full{grid-column:1/-1}
.tn-flex-workspace label{display:block;color:var(--fx-ink);font-size:12px;font-weight:700;margin:0 0 6px;line-height:1.5}
.tn-flex-workspace label code{display:block;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:none;color:var(--fx-muted);padding:0}
.tn-flex-workspace select{display:block;width:100%;min-width:0;height:40px;padding:6px 28px 6px 10px;border:1px solid var(--fx-line);background-color:var(--fx-paper);color:var(--fx-ink);-webkit-text-fill-color:var(--fx-ink);font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;font-variant-numeric:lining-nums tabular-nums}
.tn-flex-workspace select:disabled{opacity:.6;cursor:not-allowed}
.tn-flex-workspace .tn-flex-help{font-size:12px;line-height:1.7;color:var(--fx-muted);text-wrap:pretty}
.tn-flex-workspace .tn-flex-field .tn-flex-help{margin-top:6px}
.tn-flex-workspace .tn-flex-range-label{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tn-flex-workspace output{font-weight:800;font-size:12px;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.tn-flex-workspace input[type=range]{display:block;width:100%;height:28px;margin:0;padding:0;border:0;accent-color:var(--fx-accent);background:transparent;cursor:ew-resize}
.tn-flex-workspace .tn-flex-item-editor{border-top:1px solid var(--fx-soft);margin-top:22px;padding-top:20px}
.tn-flex-workspace .tn-flex-item-editor>.tn-flex-help{margin-top:8px}
.tn-flex-workspace .tn-flex-item-fields{margin-top:14px}
.tn-flex-workspace .tn-flex-reset{width:100%;margin-top:22px}
.tn-flex-workspace .tn-flex-live{display:flex;align-items:center;gap:6px!important;color:var(--fx-accent)!important}
.tn-flex-workspace .tn-flex-live:before{content:"";width:5px;height:5px;background:currentColor}
.tn-flex-workspace .tn-flex-axis{display:flex;align-items:center;gap:16px;margin-top:20px;padding:9px 0;font-size:11px;font-weight:700;border-top:1px solid var(--fx-soft);color:var(--fx-muted)}
.tn-flex-workspace .tn-flex-axis>span:first-child{color:var(--fx-accent)}
.tn-flex-workspace .tn-flex-axis output{margin-left:auto;font-size:11px}
.tn-flex-workspace .tn-flex-stage-wrap{padding:16px;background-image:radial-gradient(var(--fx-line) .65px,transparent .65px);background-size:10px 10px;border:1px solid var(--fx-line);overflow:hidden}
.tn-flex-workspace .tn-flex-stage{box-sizing:border-box;display:flex;width:100%;height:320px;padding:20px;gap:16px;align-items:flex-start;overflow:auto;background:var(--fx-paper);border:1px dashed var(--fx-line);margin:0 auto;direction:ltr;writing-mode:horizontal-tb;scrollbar-color:var(--fx-line) var(--fx-paper)}
.tn-flex-workspace .tn-flex-stage .tn-flex-item{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0;min-height:0;width:auto;height:auto;margin:0;padding:20px 24px;overflow:hidden;white-space:nowrap;border:1px solid var(--fx-line);background:var(--fx-button);color:var(--fx-ink);-webkit-text-fill-color:var(--fx-ink);font:800 20px/1.2 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;font-variant-numeric:lining-nums tabular-nums;transition:background-color .16s ease,border-color .16s ease;transform:none}
.tn-flex-workspace .tn-flex-stage .tn-flex-item:hover{background:var(--fx-hover)}
.tn-flex-workspace .tn-flex-stage .tn-flex-item[aria-pressed=true]{background:var(--fx-selected);border-color:var(--fx-accent);box-shadow:inset 0 0 0 1px var(--fx-accent)}
.tn-flex-workspace .tn-flex-preview-note{margin-top:12px;min-height:42px}
.tn-flex-workspace .tn-flex-selection-readout{display:flex;flex-wrap:wrap;gap:4px 12px;padding:12px 0 18px;border-bottom:1px solid var(--fx-line);font-size:11px;color:var(--fx-muted)}
.tn-flex-workspace .tn-flex-selection-readout code{padding:0;background:none;color:var(--fx-ink);font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.tn-flex-workspace .tn-flex-code-head{margin-top:22px}
.tn-flex-workspace .tn-flex-code-tabs{display:flex;align-items:center;gap:6px;margin-top:16px;padding-bottom:10px}
.tn-flex-workspace .tn-flex-code-tabs button{min-width:56px}
.tn-flex-workspace .tn-flex-code-tabs span{margin-left:auto;font-size:11px;color:var(--fx-muted)}
.tn-flex-workspace .tn-flex-code{height:310px;max-width:100%;padding:20px;background:var(--fx-wash);border:1px solid var(--fx-soft);border-radius:0;color:var(--fx-ink);overflow:auto;white-space:pre;tab-size:2;scrollbar-color:var(--fx-line) var(--fx-wash)}
.tn-flex-workspace .tn-flex-code code{display:block;padding:0;border:0;background:none;color:inherit;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}
.tn-flex-workspace .tn-flex-status{min-height:30px;padding-top:6px;font-size:12px;color:var(--fx-accent)}
.tn-flex-workspace [hidden]{display:none!important}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-flex-workspace,html:is([data-scheme=dark],[data-scheme=inverse]) body:not([data-scheme=light]) .tn-flex-workspace{--fx-paper:#20180f;--fx-wash:#2b2115;--fx-ink:#f7ead1;--fx-muted:#c9b797;--fx-line:#826744;--fx-soft:#51422e;--fx-accent:#f4a46e;--fx-button:#2f2115;--fx-hover:#3a2a1b;--fx-primary:#6a3b1f;--fx-primary-text:#f7ead1;--fx-selected:#49301f;color-scheme:dark}
@media(prefers-color-scheme:dark){body[data-scheme=auto] .tn-flex-workspace{--fx-paper:#20180f;--fx-wash:#2b2115;--fx-ink:#f7ead1;--fx-muted:#c9b797;--fx-line:#826744;--fx-soft:#51422e;--fx-accent:#f4a46e;--fx-button:#2f2115;--fx-hover:#3a2a1b;--fx-primary:#6a3b1f;--fx-primary-text:#f7ead1;--fx-selected:#49301f;color-scheme:dark}}
@media(max-width:900px){.tn-flex-workspace .tn-flex-layout{grid-template-columns:270px minmax(0,1fr)}.tn-flex-workspace :is(.tn-flex-controls,.tn-flex-results){padding:20px}.tn-flex-workspace .tn-flex-stage-wrap{padding:12px}}
@media(max-width:760px){.tn-flex-workspace .tn-flex-layout{grid-template-columns:minmax(0,1fr)}.tn-flex-workspace :is(.tn-flex-controls,.tn-flex-results){padding:20px 16px}.tn-flex-workspace .tn-flex-toolbar{padding:20px 16px}.tn-flex-workspace .tn-flex-controls{border-right:0;border-bottom:1px solid var(--fx-line)}.tn-flex-workspace .tn-flex-fields>.tn-flex-full{grid-column:auto}.tn-flex-workspace .tn-flex-fields>.tn-flex-full:nth-child(5){grid-column:1/-1}.tn-flex-workspace .tn-flex-fields>.tn-flex-full:nth-child(6){grid-column:1/-1}.tn-flex-workspace .tn-flex-fields>.tn-flex-full:nth-child(7){grid-column:1/-1}.tn-flex-workspace .tn-flex-presets{width:100%}.tn-flex-workspace .tn-flex-presets button{flex:1;padding:0 6px;font-size:11px}.tn-flex-workspace .tn-flex-stage-wrap{padding:12px}.tn-flex-workspace .tn-flex-axis{gap:10px}.tn-flex-workspace .tn-flex-code{padding:16px}.tn-flex-workspace .tn-flex-code-head{gap:12px}.tn-flex-workspace .tn-flex-copy-actions{width:100%}.tn-flex-workspace .tn-flex-copy-actions button{flex:1}.tn-flex-workspace .tn-flex-code-tabs span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tn-flex-workspace *{transition:none!important;animation:none!important}.tn-flex-workspace button:active{transform:none}}
.tn-flex-page{width:100%;max-width:1180px;min-width:0;margin-inline:auto}
.tn-flex-page .tn-flex-ad{width:100%;max-width:728px;min-width:0;min-height:90px;height:auto;max-height:none;margin-inline:auto;background:transparent;overflow:visible}
.tn-flex-page .tn-flex-ad--top{margin-top:54px;margin-bottom:22px}
.tn-flex-page .tn-flex-ad--bottom{margin-top:32px;margin-bottom:28px}
@media(max-width:760px){.tn-flex-page .tn-flex-ad{max-width:min(728px,100%)}.tn-flex-page .tn-flex-ad--top{margin-top:48px}}