.tn-splitter-page {
  --sp-paper:#faf6ee; --sp-wash:#f5efdf; --sp-ink:#1a1208; --sp-muted:#5a4a30;
  --sp-line:#b8a888; --sp-soft:#ddd4be; --sp-button:#ede6d4; --sp-hover:#dfd4bb;
  --sp-primary:#1a1208; --sp-primary-text:#faf6ee; --sp-guide:#c44a00; --sp-stage:#efe7d4;
  width:min(1180px,100%); margin:0 auto; color:var(--sp-ink); -webkit-text-fill-color:var(--sp-ink); color-scheme:light;
}
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-d="dark"],[data-scheme="auto"][data-l="dark"]) .tn-splitter-page,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-splitter-page {
  --sp-paper:#241d12; --sp-wash:#322a1a; --sp-ink:#f7ead1; --sp-muted:#c3b492;
  --sp-line:#826744; --sp-soft:#4a3d27; --sp-button:#2f2115; --sp-hover:#3a2a1b;
  --sp-primary:#4a3116; --sp-primary-text:#f7ead1; --sp-guide:#f08a45; --sp-stage:#1c160d;
  color-scheme:dark;
}
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-splitter-page {
    --sp-paper:#241d12; --sp-wash:#322a1a; --sp-ink:#f7ead1; --sp-muted:#c3b492;
    --sp-line:#826744; --sp-soft:#4a3d27; --sp-button:#2f2115; --sp-hover:#3a2a1b;
    --sp-primary:#4a3116; --sp-primary-text:#f7ead1; --sp-guide:#f08a45; --sp-stage:#1c160d; color-scheme:dark;
  }
}
.tn-splitter-page .tn-splitter-tool {
  width:100%; min-width:0; border:1px solid var(--sp-line); background:var(--sp-paper);
  color:var(--sp-ink); -webkit-text-fill-color:var(--sp-ink); box-shadow:none; border-radius:0;
  font:14px/1.55 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
}
.tn-splitter-tool *, .tn-splitter-tool *::before, .tn-splitter-tool *::after { box-sizing:border-box; }
.tn-splitter-tool [hidden] { display:none !important; }
.tn-splitter-tool :is(ul,ol,li) { list-style:none; padding-left:0; margin:0; }
.tn-splitter-tool :is(code,pre,kbd,samp) { padding:0; border:0; border-radius:0; background:transparent; color:inherit; -webkit-text-fill-color:inherit; }
.tn-splitter-tool :is(p,fieldset,legend) { margin:0; }
.tn-splitter-tool #splitterFile { position:absolute; width:1px; height:1px; min-width:0; margin:-1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); }
.tn-splitter-tool .tn-splitter-number, .tn-splitter-tool :is(input[type="number"],.tn-splitter-tile__size) {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  font-variant-numeric:lining-nums tabular-nums; font-kerning:normal; letter-spacing:normal;
}
.tn-splitter-tool input[type="number"] { font-weight:600; }
.tn-splitter-tool input[type="number"]::placeholder { font-weight:400; opacity:.35; }
.tn-splitter-tool .tn-splitter-small { min-width:0; color:var(--sp-muted); -webkit-text-fill-color:var(--sp-muted); font-size:12px; line-height:1.55; word-break:keep-all; overflow-wrap:anywhere; }
.tn-splitter-tool .tn-splitter-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; padding:14px 20px; border-bottom:1px solid var(--sp-line); background:var(--sp-wash); }
.tn-splitter-tool .tn-splitter-toolbar__main, .tn-splitter-tool .tn-splitter-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; }
.tn-splitter-tool .tn-splitter-btn {
  appearance:none; -webkit-appearance:none; display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 auto; min-height:38px; height:38px; max-width:100%; margin:0; padding:0 13px;
  border:1px solid var(--sp-line); border-radius:0; background:var(--sp-button); background-image:none;
  color:var(--sp-ink); -webkit-text-fill-color:var(--sp-ink); box-shadow:none; outline:none;
  font:900 13px/1 "Courier New",Courier,monospace; text-transform:none; text-decoration:none; text-align:center; cursor:pointer;
}
.tn-splitter-tool .tn-splitter-btn:hover:not(:disabled) { background:var(--sp-hover); }
.tn-splitter-tool .tn-splitter-btn--primary { border-color:var(--sp-primary); background:var(--sp-primary); color:var(--sp-primary-text); -webkit-text-fill-color:var(--sp-primary-text); }
.tn-splitter-tool .tn-splitter-btn--primary:hover:not(:disabled) { border-color:var(--sp-guide); background:var(--sp-primary); }
.tn-splitter-tool .tn-splitter-btn:disabled { opacity:.55; cursor:not-allowed; }
.tn-splitter-tool :is(button,input,select,.tn-splitter-drop):focus-visible { outline:2px solid var(--sp-guide); outline-offset:2px; }
.tn-splitter-tool .tn-splitter-workspace { display:grid; grid-template-columns:minmax(0, 7fr) minmax(280px, 4fr); gap:20px; padding:20px; }
.tn-splitter-tool .tn-splitter-image, .tn-splitter-tool .tn-splitter-controls { display:grid; align-content:start; gap:12px; min-width:0; }
.tn-splitter-tool .tn-splitter-controls { display:flex; flex-direction:column; }
.tn-splitter-tool .tn-splitter-image__head, .tn-splitter-tool .tn-splitter-output__head { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; align-items:baseline; padding-bottom:9px; border-bottom:1px solid var(--sp-line); }
.tn-splitter-tool :is(.tn-splitter-image__head,.tn-splitter-output__head) strong { font-size:15px; font-weight:800; }
.tn-splitter-tool .tn-splitter-drop { display:grid; place-items:center; width:100%; min-width:0; min-height:340px; padding:14px; border:1px dashed var(--sp-line); background:var(--sp-stage); cursor:pointer; }
.tn-splitter-tool .tn-splitter-drop.is-dragover { border:2px solid var(--sp-guide); background:var(--sp-wash); }
.tn-splitter-tool #splitterEmpty { max-width:36ch; text-align:center; color:var(--sp-muted); -webkit-text-fill-color:var(--sp-muted); font-size:16px; font-weight:700; word-break:keep-all; }
.tn-splitter-tool .tn-splitter-frame { position:relative; display:inline-block; max-width:100%; line-height:0; }
.tn-splitter-tool #splitterPreview { display:block; max-width:100%; max-height:520px; width:auto; height:auto; border:1px solid var(--sp-soft); object-fit:contain; }
.tn-splitter-tool #splitterGuides { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; pointer-events:none; }
.tn-splitter-tool #splitterGuides line { stroke:var(--sp-guide); stroke-width:1.5; vector-effect:non-scaling-stroke; }
.tn-splitter-tool #splitterGuides rect { fill:var(--sp-guide); opacity:.95; }
.tn-splitter-tool #splitterGuides text { fill:#fff; font:700 14px/1 system-ui,sans-serif; }
.tn-splitter-tool #splitterSettings { display:grid; gap:16px; min-width:0; padding:0; border:0; }
.tn-splitter-tool #splitterSettings > legend { display:block; width:100%; margin:0 0 9px; padding:0 0 9px; border-bottom:1px solid var(--sp-line); font-size:15px; font-weight:800; }
.tn-splitter-tool .tn-splitter-segment { display:flex; min-width:0; }
.tn-splitter-tool .tn-splitter-segment label { position:relative; flex:1 1 0; min-width:0; margin:0 0 0 -1px; cursor:pointer; }
.tn-splitter-tool .tn-splitter-segment label:first-child { margin-left:0; }
.tn-splitter-tool .tn-splitter-segment input { position:absolute; inset:0; width:100%; height:100%; opacity:0; margin:0; cursor:pointer; }
.tn-splitter-tool .tn-splitter-segment span { display:flex; align-items:center; justify-content:center; min-height:38px; padding:4px 6px; border:1px solid var(--sp-line); background:var(--sp-paper); color:var(--sp-ink); -webkit-text-fill-color:var(--sp-ink); font-size:12px; font-weight:700; text-align:center; word-break:keep-all; }
.tn-splitter-tool .tn-splitter-segment input:checked + span { position:relative; border-color:var(--sp-primary); background:var(--sp-primary); color:var(--sp-primary-text); -webkit-text-fill-color:var(--sp-primary-text); }
.tn-splitter-tool .tn-splitter-segment input:focus-visible + span { outline:2px solid var(--sp-guide); outline-offset:2px; position:relative; }
.tn-splitter-tool .tn-splitter-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.tn-splitter-tool .tn-splitter-field { display:grid; align-content:start; gap:5px; min-width:0; padding:0; border:0; background:transparent; }
.tn-splitter-tool .tn-splitter-field > span { padding:0; color:var(--sp-muted); -webkit-text-fill-color:var(--sp-muted); font-size:12px; font-weight:700; }
.tn-splitter-tool .tn-splitter-field :is(input,select) { width:100%; min-width:0; height:40px; padding:0 10px; border:1px solid var(--sp-line); border-radius:0; background:var(--sp-paper); color:var(--sp-ink); -webkit-text-fill-color:var(--sp-ink); box-shadow:none; font-size:14px; }
.tn-splitter-tool .tn-splitter-field select { appearance:auto; cursor:pointer; }
.tn-splitter-tool .tn-splitter-summary { display:grid; gap:2px; padding:15px; border:1px solid var(--sp-line); background:var(--sp-wash); }
.tn-splitter-tool .tn-splitter-summary > span { color:var(--sp-muted); -webkit-text-fill-color:var(--sp-muted); font-size:12px; font-weight:700; }
.tn-splitter-tool .tn-splitter-summary > strong { font-size:27px; font-weight:800; line-height:1.25; }
.tn-splitter-tool .tn-splitter-actions { margin-top:auto; padding-top:3px; }
.tn-splitter-tool .tn-splitter-error { padding:10px 12px; border:1px solid var(--sp-guide); background:var(--sp-wash); color:var(--sp-ink); -webkit-text-fill-color:var(--sp-ink); font-size:13px; }
.tn-splitter-tool .tn-splitter-output { display:grid; gap:12px; margin:0 20px 20px; padding-top:16px; border-top:1px solid var(--sp-line); }
.tn-splitter-tool #splitterTiles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--sp-soft); border:1px solid var(--sp-soft); }
.tn-splitter-tool .tn-splitter-tile { display:grid; min-width:0; gap:5px; padding:11px; background:var(--sp-paper); }
.tn-splitter-tool .tn-splitter-tile__name { font-weight:800; font-size:13px; word-break:break-all; }
.tn-splitter-tool .tn-splitter-tile__size { color:var(--sp-muted); -webkit-text-fill-color:var(--sp-muted); font-size:13px; font-weight:800; }
.tn-splitter-tool .tn-splitter-tile .tn-splitter-btn { justify-self:start; min-width:0; height:32px; min-height:32px; font-size:12px; }
.tn-splitter-tool .tn-splitter-foot { padding:12px 20px; border-top:1px solid var(--sp-line); color:var(--sp-muted); -webkit-text-fill-color:var(--sp-muted); font-size:12px; line-height:1.7; }
.tn-splitter-page .tn-splitter-ad { width:100%; max-width:900px; min-height:90px; height:auto; max-height:none; margin:24px auto; background:transparent; border:0; overflow:visible; }
.tn-splitter-page .tn-splitter-ad--top { margin-top:54px; }
html body .tn-splitter-page[data-tn-fixed-partials="character-counter"] .tn-splitter-ad,
html body .tn-splitter-page[data-tn-fixed-partials="character-counter"] .tn-splitter-ad > .aicp,
html body .tn-splitter-page[data-tn-fixed-partials="character-counter"] .tn-splitter-ad ins.adsbygoogle { width:100% !important; min-width:0 !important; height:auto !important; max-height:none !important; overflow:visible !important; }
html body .tn-splitter-page[data-tn-fixed-partials="character-counter"] .tn-splitter-ad > .aicp,
html body .tn-splitter-page[data-tn-fixed-partials="character-counter"] .tn-splitter-ad ins.adsbygoogle { max-width:100% !important; }
@media (max-width:760px) { .tn-splitter-tool .tn-splitter-workspace { grid-template-columns:minmax(0,1fr); gap:20px; } .tn-splitter-tool .tn-splitter-drop { min-height:240px; } .tn-splitter-tool #splitterTiles { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:600px) { .tn-splitter-page { width:calc(100% - 10px); } .tn-splitter-tool .tn-splitter-toolbar { padding:12px; } .tn-splitter-tool .tn-splitter-workspace { padding:12px; } .tn-splitter-tool .tn-splitter-drop { min-height:200px; padding:8px; } .tn-splitter-tool .tn-splitter-output { margin:0 12px 12px; } .tn-splitter-tool #splitterTiles { grid-template-columns:repeat(2,minmax(0,1fr)); } .tn-splitter-tool .tn-splitter-foot { padding:12px; } .tn-splitter-page .tn-splitter-ad--top { margin-top:48px; } }
@media (max-width:350px) { .tn-splitter-tool #splitterTiles { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .tn-splitter-tool *, .tn-splitter-tool *::before, .tn-splitter-tool *::after { transition:none; animation:none; } }