:root{--sc-network:#cfff3d;--sc-network-soft:#efffc4}
.sc-hero{padding:4.5rem 0 3.2rem;background:#f5f1e8;border-bottom:1px solid #d9d2c4}
.sc-hero--twitter{--sc-network:#a7c7ff;--sc-network-soft:#e8f0ff}
.sc-hero--linkedin{--sc-network:#72b7ff;--sc-network-soft:#e5f2ff}
.sc-work[data-platform=twitter]{--sc-network:#a7c7ff;--sc-network-soft:#e8f0ff}
.sc-work[data-platform=linkedin]{--sc-network:#72b7ff;--sc-network-soft:#e5f2ff}
.sc-hero__inner{max-width:1220px}
.sc-breadcrumb{display:flex;gap:.7rem;align-items:center;margin-bottom:2.2rem;color:#656b77;font-size:.92rem}
.sc-breadcrumb a{color:inherit;text-underline-offset:4px}.sc-breadcrumb b{color:#17191f}
.sc-title-row{display:flex;align-items:center;gap:1.4rem}.sc-title-row h1{margin:.25rem 0 0;font-size:clamp(2.6rem,6vw,5.6rem);line-height:.96;letter-spacing:-.04em}.sc-title-row h1 em{color:#17191f;text-decoration:underline;text-decoration-color:var(--sc-network);text-decoration-thickness:.18em;text-underline-offset:-.08em;text-decoration-skip-ink:none}
.sc-network-mark{display:grid;place-items:center;width:78px;height:78px;flex:0 0 auto;background:var(--sc-network);border:3px solid #17191f;border-radius:16px;box-shadow:7px 7px 0 #17191f;font-size:2rem;font-weight:800;line-height:1}
.sc-lead{max-width:760px;margin:1.8rem 0 1.5rem;color:#5f6470;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}
.sc-trust{display:flex;flex-wrap:wrap;gap:.65rem}.sc-trust span{padding:.55rem .85rem;border:1px solid #cbc5ba;border-radius:999px;background:#fff;font-size:.85rem;font-weight:750}.sc-trust i{display:inline-block;width:.55rem;height:.55rem;margin-right:.35rem;border-radius:50%;background:#27a563}
.sc-work{padding:2.5rem 0 5rem;background:#fffdf8}.sc-work>.tl-shell{max-width:1280px}
.sc-app-switch{display:flex;gap:.65rem;margin-bottom:1.1rem;overflow-x:auto;padding:0 0 .25rem}.sc-app-switch a{display:flex;align-items:center;gap:.55rem;white-space:nowrap;padding:.72rem 1rem;border:2px solid #d7d1c6;border-radius:12px;color:#2d3038;text-decoration:none;font-weight:750}.sc-app-switch a b{font-weight:900}.sc-app-switch a[aria-current=page]{background:var(--sc-network-soft);border-color:#17191f;box-shadow:3px 3px 0 #17191f}
.sc-status{display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem;padding:.8rem 1rem;background:#17191f;color:#fff;border-radius:12px}.sc-status__dot{width:.62rem;height:.62rem;border-radius:50%;background:var(--sc-network);box-shadow:0 0 0 4px color-mix(in srgb,var(--sc-network) 22%,transparent)}.sc-status small{margin-left:auto;color:#c9ccd3}.sc-status.is-edited .sc-status__dot{background:#ffcb45}
.sc-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}.sc-pane{display:flex;min-width:0;flex-direction:column;border:2px solid #17191f;border-radius:16px;background:#fff;box-shadow:8px 8px 0 #17191f;overflow:hidden}.sc-pane--result{box-shadow:8px 8px 0 var(--sc-network)}
.sc-pane>header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.15rem;border-bottom:1px solid #dcd7ce;background:#f5f1e8}.sc-pane>header div{display:flex;gap:.65rem;align-items:center}.sc-pane>header span{font-size:.75rem;font-weight:900;color:#777b84}.sc-pane>header h2{margin:0;font-size:1rem;letter-spacing:0}.sc-pane>header>strong{font-size:.78rem;color:#656a75}.sc-pane.is-over>header>strong{color:#b42318}
.sc-pane textarea{width:100%;min-height:420px;padding:1.35rem;border:0;outline:0;resize:vertical;background:#fff;color:#1b1d22;font:500 1.04rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.sc-pane textarea::placeholder{color:#8a8e97}.sc-pane textarea:focus{box-shadow:inset 0 0 0 3px var(--sc-network)}
.sc-pane>footer{display:flex;gap:.7rem;align-items:center;padding:1rem 1.15rem;border-top:1px solid #ded9d0;background:#faf8f3}.sc-btn{min-height:44px;padding:.7rem 1rem;border:2px solid #17191f;border-radius:10px;background:#fff;color:#17191f;font:800 .9rem/1 inherit;cursor:pointer}.sc-btn:focus-visible,.sc-toolbar button:focus-visible,.sc-app-switch a:focus-visible{outline:3px solid #6d48ff;outline-offset:3px}.sc-btn:disabled{cursor:not-allowed;opacity:.45}.sc-btn--primary,.sc-btn--copy{background:var(--sc-network);box-shadow:3px 3px 0 #17191f}.sc-btn--quiet{margin-left:auto;border-color:transparent;background:transparent;color:#616671}
.sc-toolbar{display:flex;align-items:center;gap:.3rem;padding:.65rem 1rem;border-bottom:1px solid #ded9d0;background:#faf8f3;overflow-x:auto}.sc-toolbar button{min-width:34px;height:34px;padding:0 .55rem;border:1px solid #cec8bd;border-radius:8px;background:#fff;color:#24272e;cursor:pointer}.sc-toolbar__divider{width:1px;height:24px;margin:0 .25rem;background:#d4cec3}
.sc-limit-note{min-height:3.1rem;margin:0;padding:.65rem 1.15rem;color:#666b75;background:#fff;font-size:.78rem;line-height:1.45}.sc-meter{height:6px;background:#e7e1d7}.sc-meter i{display:block;width:0;height:100%;background:#29a468;transition:background .18s ease-out}
.sc-how{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.25rem;margin-top:1.8rem;padding:1.15rem 1.25rem;border-top:1px solid #d9d3c8;border-bottom:1px solid #d9d3c8}.sc-how b{margin-right:auto}.sc-how span::before{content:'✓';margin-right:.4rem;color:#168753;font-weight:900}
@media(max-width:800px){.sc-hero{padding:3rem 0 2.3rem}.sc-title-row{align-items:flex-start}.sc-network-mark{width:58px;height:58px;border-radius:12px;box-shadow:5px 5px 0 #17191f;font-size:1.45rem}.sc-editor-grid{grid-template-columns:1fr}.sc-pane textarea{min-height:310px}.sc-status{align-items:flex-start;flex-wrap:wrap}.sc-status small{width:100%;margin-left:1.25rem}.sc-how{display:grid;grid-template-columns:1fr}.sc-how b{margin-bottom:.25rem}}
@media(max-width:520px){.sc-title-row h1{font-size:2.55rem}.sc-app-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.sc-app-switch a{justify-content:center;gap:.3rem;padding:.65rem .3rem;font-size:.76rem}.sc-pane>footer{flex-wrap:wrap}.sc-btn--primary,.sc-btn--copy{flex:1}.sc-btn--quiet{margin-left:0}.sc-trust span{font-size:.78rem}.sc-pane textarea{min-height:270px}}