:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#263029;background:#f7f7f2;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #9abc59;outline-offset:3px}button:disabled{cursor:default}.site-shell{max-width:1440px;margin:auto;padding:0 5.55%}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe2d9}.brand{display:inline-flex;align-items:center;gap:12px;color:#222a24;text-decoration:none;font-size:26px;letter-spacing:-1.5px;font-weight:800}.brand-lat{color:#7e9b48}.brand-mark{width:43px;height:43px;background:#263029;color:#f4f6e9;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:17px;letter-spacing:-1px}.brand-mark i{width:6px;height:1px;background:#d5e393;transform:rotate(-42deg)}.brand-mark span:last-child{color:#d5e393}.header-right{display:flex;align-items:center;gap:16px}.offline-badge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#687569}.status-dot{width:7px;height:7px;background:#9bbb58;border-radius:50%;box-shadow:0 0 0 4px #e8efd9}.offline-badge.is-offline .status-dot{background:#d4966b;box-shadow:0 0 0 4px #f2e6da}.install-button{border:1px solid #cbd3c1;background:#fff;border-radius:9px;padding:9px 13px;color:#263029;font-size:12px;font-weight:700}.intro{padding:57px 0 54px}.eyebrow,.section-index,.settings-kicker{font-size:10px;font-weight:800;letter-spacing:2.1px;color:#779251}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:20px;height:1px;background:#779251}.intro-row{display:flex;justify-content:space-between;gap:24px;align-items:center}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.1vw,59px);line-height:1.14;letter-spacing:-3.4px;margin:17px 0 16px;font-weight:760}h1 span{color:#829b66}.intro p{font-size:15px;color:#738074;line-height:1.65;margin:0;max-width:660px}.intro-ornament{min-width:174px;height:96px;display:flex;align-items:center;justify-content:center;gap:10px;transform:rotate(-9deg);color:#becda3;font-weight:750;font-size:47px;letter-spacing:-4px}.intro-ornament span:nth-child(2){color:#d2ddbf;font-size:35px}.tool-section{padding-bottom:60px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:25px;line-height:1.2;letter-spacing:-1px;margin:8px 0 0}.reorder-hint{font-size:12px;color:#8a9589;display:flex;align-items:center;gap:7px;padding-bottom:3px}.drag-glyph{font-size:17px;line-height:1;color:#a8b4a1}.mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}.mode-item{display:flex;align-items:center;border:1px solid #e2e6dd;border-radius:11px;background:#fff;min-width:0;min-height:59px;box-shadow:0 1px 2px #22352408;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.mode-item:hover{border-color:#b9c7a7;box-shadow:0 5px 18px #2235240b}.mode-item.is-active{border-color:#29392b;background:#29392b;box-shadow:0 8px 20px #29392b1e}.mode-item.is-dragging{opacity:.45;transform:scale(.98)}.mode-item.drag-over{outline:2px solid #93b760;outline-offset:2px}.mode-button{display:flex;align-items:center;gap:11px;text-align:left;flex:1;min-width:0;background:none;border:0;color:#405044;padding:12px 0 12px 16px;font-size:13px;font-weight:700;line-height:1.3}.mode-item.is-active .mode-button{color:#fff}.mode-number{color:#9aaf88;font-size:11px;letter-spacing:.3px;font-weight:800}.mode-item.is-active .mode-number{color:#bed394}.mode-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-handle{border:0;background:none;color:#a9b2a5;font-size:20px;padding:12px 15px;line-height:1;touch-action:none;cursor:grab}.mode-handle:active{cursor:grabbing}.mode-item.is-active .mode-handle{color:#c5d4bd}.workspace{background:#fff;border:1px solid #e1e6dc;box-shadow:0 17px 40px #3345310b;border-radius:17px;overflow:hidden}.workspace-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 30px 24px}.tool-name{display:flex;align-items:center;gap:14px}.tool-icon{height:43px;width:43px;border-radius:10px;background:#eaf0e1;color:#66874c;display:grid;place-items:center;font-size:24px;font-weight:500;flex:none}.tool-name h3{font-size:17px;letter-spacing:-.3px;margin:0 0 5px}.tool-name p{font-size:12px;color:#8a9589;margin:0}.live-indicator{font-size:11px;color:#778c6f;font-weight:750;display:flex;align-items:center;gap:8px;white-space:nowrap}.live-indicator span{height:6px;width:6px;background:#a4c077;border-radius:50%;box-shadow:0 0 0 4px #edf3e5}.converter-grid{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);padding:0 30px;align-items:center}.editor-panel{border:1px solid #dfe5dc;border-radius:11px;min-width:0;overflow:hidden;background:#fff}.output-panel{background:#f9fbf5;border-color:#e4eadc}.panel-head,.panel-foot{display:flex;justify-content:space-between;align-items:center;padding:0 17px}.panel-head{height:45px;border-bottom:1px solid #edf0e9}.panel-head label{font-size:11px;font-weight:800;letter-spacing:.7px;color:#687967;text-transform:uppercase}.subtle-action{border:0;background:none;color:#a0a99e;font-size:11px;font-weight:650;padding:8px 0 8px 8px}.subtle-action:hover{color:#485c45}.subtle-action span{font-size:16px;margin-left:4px;vertical-align:-1px}.result-spark{font-size:16px;color:#b8c8a3}.editor-panel textarea{display:block;border:0;resize:vertical;width:100%;min-height:235px;padding:18px;color:#263029;background:transparent;font-size:17px;line-height:1.6;outline:0;overflow-wrap:anywhere}.editor-panel textarea::placeholder{color:#b5beb1}.output-panel textarea{color:#486743}.panel-foot{height:45px;border-top:1px solid #edf0e9;color:#a1aca0;font-size:11px}.shortcut-hint{color:#b2bcb0}.between-panels{display:flex;justify-content:center;color:#8fa87a;font-size:18px}.between-panels span{width:34px;height:34px;border-radius:50%;background:#f2f6ec;border:4px solid white;display:grid;place-items:center;margin-left:-3px;margin-right:-3px;z-index:1}.copy-button{display:flex;align-items:center;gap:7px;border:0;color:#57814b;background:none;font-weight:800;font-size:11px;padding:8px 0 8px 10px}.copy-button:hover{color:#304d28}.copy-button span:first-child{font-size:16px;line-height:0}.workspace-bottom{display:flex;justify-content:space-between;gap:18px;padding:20px 30px;color:#8b9887;font-size:11px}.privacy-note{white-space:nowrap}.privacy-note span{font-size:17px;color:#92ad79;vertical-align:-2px;margin-right:4px}.settings-card{margin-top:16px;border:1px solid #dfe7d8;border-radius:15px;background:#f0f5ea;padding:25px 29px}.settings-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.settings-kicker{font-size:9px}.settings-heading h3{font-size:20px;margin:5px 0 0;letter-spacing:-.7px}.settings-card>p{color:#71806f;font-size:12px;margin:9px 0 20px}.reset-button{border:0;background:none;color:#658451;text-decoration:underline;text-underline-offset:3px;font-size:11px;font-weight:750}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.setting-field{min-width:0;background:#fff;border:1px solid #e1e9d9;border-radius:9px;padding:12px 13px;display:flex;align-items:center;gap:8px}.setting-field label{font-size:14px;font-weight:800;color:#40543c;white-space:nowrap}.setting-field select{border:0;background:transparent;min-width:0;flex:1;color:#5b7751;font-size:12px;font-weight:750;outline:0;cursor:pointer}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-top:1px solid #e3e7dc;padding:29px 0 52px}.feature{display:flex;align-items:flex-start;gap:13px}.feature-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid #d6e3c8;border-radius:9px;color:#7a9b63;font-size:18px}.feature h3{font-size:12px;margin:2px 0 5px}.feature p{font-size:11px;color:#99a398;line-height:1.55;margin:0}.site-footer{border-top:1px solid #e3e7dc;display:flex;justify-content:space-between;padding:24px 0 32px;color:#a5aea2;font-size:11px;font-weight:600}.site-footer>span:first-child{color:#788b76;font-weight:800}.footer-year{color:#abb5a8;font-weight:500;margin-left:7px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#29392b;color:#fff;padding:12px 17px;border-radius:9px;font-size:12px;font-weight:700;box-shadow:0 12px 30px #29392b2b;transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.site-shell{padding:0 4%}.mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-ornament{min-width:120px;font-size:39px}}
@media(max-width:700px){.site-header{height:70px}.brand{font-size:22px}.brand-mark{width:36px;height:36px;border-radius:10px;font-size:15px}.intro{padding:34px 0 36px}.intro-row{align-items:flex-start}.intro-ornament{display:none}h1{font-size:clamp(31px,8vw,48px);letter-spacing:-2px}.intro p{font-size:13px}.section-heading{align-items:flex-start}.section-heading h2{font-size:21px}.reorder-hint{max-width:145px;text-align:right;font-size:10px}.mode-list{gap:7px}.mode-item{min-height:56px}.mode-button{padding:10px 0 10px 11px;font-size:12px;gap:7px}.mode-handle{padding:10px}.workspace-topline{padding:20px 19px}.converter-grid{grid-template-columns:1fr;padding:0 18px}.between-panels{height:20px;transform:rotate(90deg)}.editor-panel textarea{min-height:150px;font-size:15px}.workspace-bottom{padding:18px;flex-wrap:wrap}.features{grid-template-columns:1fr;gap:20px;padding-bottom:36px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{padding:20px}.tool-name h3{font-size:15px}.tool-name p{font-size:11px}.live-indicator{display:none}}
@media(max-width:450px){.site-shell{padding:0 16px}.offline-badge{font-size:0}.offline-badge .status-dot{margin-right:2px}.install-button{font-size:11px}.mode-list{grid-template-columns:1fr}.mode-item{min-height:47px}.mode-label{white-space:normal}.mode-button{font-size:12px}.section-heading{gap:10px}.reorder-hint{max-width:105px}.workspace-topline{align-items:flex-start}.tool-icon{width:36px;height:36px;font-size:20px}.settings-grid{grid-template-columns:1fr 1fr;gap:8px}.setting-field{padding:10px 7px}.settings-heading{align-items:flex-start}.reset-button{max-width:80px;text-align:right}.privacy-note{white-space:normal}.site-footer{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.workspace-controls{display:flex;align-items:center;gap:16px}.direction-button{background:#f3f7ed;border:1px solid #dbe7d2;border-radius:8px;color:#5e7b50;padding:8px 11px;font-size:11px;font-weight:800;white-space:nowrap}.direction-button:hover{background:#e8f0de}.direction-button[hidden]{display:none}@media(max-width:700px){.workspace-controls{gap:0}.direction-button{padding:7px 9px}}
@media(min-width:701px){.site-header{height:76px}.intro{padding:34px 0 36px}h1{font-size:clamp(38px,3.5vw,49px);letter-spacing:-2.8px;margin:14px 0 13px}.intro p{font-size:14px}}
@media(min-width:701px){.intro{padding:29px 0 31px}h1{font-size:clamp(37px,3.45vw,48px);line-height:1.14;margin:12px 0 11px}.intro p{max-width:730px}}
#modeNote a{color:#658451;text-decoration:underline;text-underline-offset:2px;margin-left:4px}
@media(max-width:450px){.mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-item{min-height:68px}.mode-button{align-items:flex-start;font-size:11px;padding:10px 0 10px 8px;gap:5px}.mode-number{font-size:9px;margin-top:1px}.mode-handle{padding:8px;font-size:17px}}