.textcut-page{--tc-ink:#20202a;--tc-muted:#777887;--tc-line:#d9d9e2;--tc-paper:#f3f2ee;--tc-purple:#5b58b8;background:#f6f6f8;color:var(--tc-ink)}
.textcut-page .site-header{position:relative}.textcut-page .site-header .inner{justify-content:space-between}.textcut-back{font-size:13px;color:#555667;text-decoration:none}.textcut-main{width:min(1160px,92%);margin:42px auto 90px}.textcut-heading{max-width:760px;margin:0 auto 34px}.textcut-kicker{font-size:10px;letter-spacing:.16em;color:#797b8b}.textcut-heading h1{font-size:clamp(36px,6vw,68px);letter-spacing:-.065em;line-height:1.08;font-weight:570;margin:18px 0}.textcut-heading h1 em{font-style:normal;color:var(--tc-purple)}.textcut-heading>p:last-child{font-size:15px;line-height:1.9;color:#666879;max-width:630px}.textcut-editor{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:24px;align-items:start;background:#fff;border:1px solid #e2e2e8;border-radius:23px;padding:22px;box-shadow:0 20px 55px #27263d0c}.textcut-preview-column{min-width:0}.textcut-preview-top{display:flex;justify-content:space-between;align-items:center;color:#828393;letter-spacing:.11em;font-size:9px;padding:4px 3px 13px}.textcut-preview-top b{color:var(--tc-ink)}.textcut-canvas-wrap{height:clamp(380px,64vw,700px);max-height:70vh;display:grid;place-items:center;overflow:hidden;background:#e9e9ed;border-radius:14px;padding:16px}.textcut-canvas-wrap canvas{display:block;max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain;background:var(--tc-paper);box-shadow:0 14px 32px #10101b25;border-radius:3px}.textcut-progress{height:3px;background:#eeeef2;margin:15px 2px 0;overflow:hidden}.textcut-progress span{display:block;width:0;height:100%;background:var(--tc-purple);transition:width .08s linear}.textcut-status{min-height:24px;margin:9px 2px 0;color:#777887;font-size:12px}.textcut-controls{border:0;border-radius:16px;background:#f8f8fa;padding:22px}.textcut-step,.textcut-options legend{font-size:9px;letter-spacing:.14em;color:#8a8b99}.textcut-step label{display:block;font-size:14px;letter-spacing:0;color:#272733;font-weight:650;margin:7px 0 10px}.textcut-controls textarea,.textcut-controls select,.textcut-controls input[type=text]{font:inherit;color:var(--tc-ink);border:1px solid #d9d9e2;background:#fff;border-radius:10px;width:100%;padding:12px 13px;outline:none}.textcut-controls textarea{resize:vertical;min-height:84px;line-height:1.7}.textcut-controls textarea:focus,.textcut-controls select:focus,.textcut-controls input[type=text]:focus{border-color:#7772cf;box-shadow:0 0 0 3px #7772cf20}.textcut-count{display:flex;justify-content:space-between;gap:10px;color:#8c8c99;font-size:10px;margin:8px 1px 10px}.textcut-count b{color:#494957}.textcut-examples{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 17px}.textcut-examples button{border:1px solid #dad9e5;border-radius:20px;background:#fff;color:#585968;padding:6px 10px;font:inherit;font-size:10px;cursor:pointer}.textcut-examples button:hover{background:#f0eff7;border-color:#bab7d7}.textcut-options{border:0;border-top:1px solid #e4e4e9;padding:15px 0 0;margin:16px 0 0}.textcut-options legend{padding:0 8px 0 0}.textcut-label{display:block;font-size:12px;font-weight:600;margin:3px 0 10px}.textcut-ratios{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px}.textcut-ratios button{border:1px solid #dddde5;border-radius:9px;background:white;padding:10px 4px;color:#555564;font:inherit;font-size:11px;cursor:pointer}.textcut-ratios button small{display:block;color:#898a98;font-size:9px;margin-top:4px}.textcut-ratios button[aria-pressed=true]{background:#292835;color:white;border-color:#292835}.textcut-ratios button[aria-pressed=true] small{color:#cac9da}.textcut-sliders label:not(.textcut-label){display:flex;justify-content:space-between;font-size:11px;margin:10px 0 5px}.textcut-sliders output{font-variant-numeric:tabular-nums;color:#6e69be}.textcut-sliders input[type=range]{display:block;width:100%;accent-color:#5b58b8;margin:0 0 12px}.textcut-sliders select{margin-top:4px}.textcut-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:21px}.textcut-generate,.textcut-download{min-height:47px;display:flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:10px;padding:12px 14px;background:#252431;color:#fff;text-decoration:none;font:inherit;font-size:13px;cursor:pointer}.textcut-generate:hover,.textcut-download:hover{background:#4e4a96}.textcut-generate:disabled{opacity:.55;cursor:wait}.textcut-download{background:#5b58b8}.textcut-download[hidden]{display:none}.textcut-local-note{font-size:10px;line-height:1.7;color:#81818f;margin:13px 0 0}.textcut-local-note span{color:#5b58b8;margin-right:4px}.textcut-guide{margin:74px auto 0;display:grid;grid-template-columns:.65fr 1fr;gap:35px;border-top:1px solid var(--tc-line);padding-top:27px}.textcut-guide h2,.textcut-about h2{font-size:24px;letter-spacing:-.04em;margin:8px 0}.textcut-guide ol{list-style:none;margin:0;padding:0;display:grid;gap:17px}.textcut-guide li{display:grid;grid-template-columns:180px 1fr;gap:18px;border-bottom:1px solid #e5e5eb;padding-bottom:15px}.textcut-guide li b{font-size:13px}.textcut-guide li span{font-size:12px;line-height:1.8;color:#727382}.textcut-about{max-width:780px;margin:68px auto 0}.textcut-about h2{margin-bottom:13px}.textcut-about p{font-size:13px;line-height:2;color:#646574}.textcut-about .textcut-limits{font-size:11px;color:#898a96}.textcut-footer{border-top:1px solid var(--tc-line);padding:22px 4%;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:11px;color:#898a97}.textcut-footer a{color:#656575;text-decoration:none}.textcut-footer a:hover{text-decoration:underline}
@media(max-width:840px){.textcut-main{margin-top:28px}.textcut-editor{grid-template-columns:1fr;padding:14px}.textcut-preview-column{max-width:620px;width:100%;margin:auto}.textcut-canvas-wrap{height:min(118vw,620px);max-height:65vh}.textcut-controls{width:100%;box-sizing:border-box}.textcut-guide{grid-template-columns:1fr;gap:17px;margin-top:50px}}
@media(max-width:520px){.textcut-main{width:94%;margin-bottom:60px}.textcut-heading h1{font-size:40px}.textcut-heading>p:last-child{font-size:13px}.textcut-editor{border-radius:16px;padding:10px}.textcut-canvas-wrap{height:112vw;max-height:62vh;padding:10px}.textcut-controls{padding:17px 14px}.textcut-guide li{grid-template-columns:1fr;gap:4px}.textcut-footer{gap:12px}}
@media(prefers-reduced-motion:reduce){.textcut-progress span{transition:none}}
.textcut-sound-row{display:grid;grid-template-columns:1fr 42px;gap:8px}.textcut-sound-name{display:flex;align-items:center;padding:0 13px;border:1px solid #d9d9e2;border-radius:9px;background:#fff;color:#555564;font-size:12px}.textcut-sound-row button{border:1px solid #d9d9e2;border-radius:9px;background:#fff;color:#555564;cursor:pointer}.textcut-sound-row button:hover{background:#f0eff7;border-color:#bab7d7}.textcut-advanced{border-top:1px solid #e4e4e9;margin-top:16px;padding-top:14px}.textcut-advanced summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:12px;font-weight:650;color:#454554}.textcut-advanced summary::-webkit-details-marker{display:none}.textcut-advanced[open] summary span{transform:rotate(45deg)}.textcut-advanced .textcut-options{margin-top:12px}.textcut-advanced .textcut-options:first-of-type{border-top:0;padding-top:0}.textcut-sliders select{margin-bottom:10px}