:root{color:#102b50;font-synthesis:none;text-rendering:optimizelegibility;--navy-950:#0c274c;--navy-800:#173a62;--slate-600:#61748f;--slate-500:#7889a0;--teal-700:#087f87;--teal-600:#0798a0;--teal-500:#11aab1;--teal-100:#e4f6f7;--blue-100:#e7eef7;--blue-50:#f7f9fc;--border:#cdd9e8;--surface:#fff;--shadow:0 12px 32px #14375d0e;--radius-lg:14px;--radius-md:9px;background:#fff;font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#fff;min-height:100vh}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.clipboard-fallback{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;inset:0 auto auto 0}.app-shell{background:linear-gradient(#fffffff0,#fffffff0),radial-gradient(circle at 12% 8%,#eaf8f9 0,#0000 26%);border:1px solid #dfe7f1;grid-template-rows:auto 1fr auto;width:100%;min-height:100vh;display:grid;position:relative;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:#ffffffeb;align-items:center;min-height:150px;padding:28px clamp(28px,2.25vw,36px);display:flex}.brand-lockup{align-items:center;gap:24px;display:flex}.brand-symbol{width:80px;height:80px;color:var(--teal-600);place-items:center;display:grid}.brand-mark{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:72px;height:72px}.brand-divider{background:var(--teal-600);border-radius:3px;align-self:stretch;width:3px;min-height:64px}.brand-lockup h1{color:var(--navy-950);letter-spacing:-.045em;margin:0 0 6px;font-size:clamp(2rem,3.1vw,2.8rem);font-weight:760;line-height:1.05}.brand-lockup p{color:var(--slate-600);margin:0;font-size:clamp(1rem,1.55vw,1.16rem);line-height:1.45}.workspace{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:clamp(18px,2vw,32px);width:100%;max-width:1800px;margin:0 auto;padding:clamp(28px,3.2vh,34px) clamp(20px,1.8vw,30px) clamp(30px,3.2vh,34px);display:grid}.editor-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow);grid-template-rows:auto minmax(420px,1fr) auto auto;padding:28px 20px 26px 26px;display:grid;position:relative;overflow:hidden}.corner-marker{border-top:13px solid var(--teal-600);border-left:13px solid #0000;width:0;height:0;position:absolute;top:12px;right:12px}.editor-rail{background:var(--teal-600);border-radius:999px;width:3px;position:absolute;top:84px;bottom:112px;left:6px}.editor-heading{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;min-height:98px;padding-bottom:20px;display:grid}.editor-icon{width:40px;height:40px;color:var(--teal-600);place-items:center;display:grid}.editor-heading h2{color:var(--navy-950);letter-spacing:-.025em;margin:2px 0 13px;font-size:1.5rem;font-weight:735;line-height:1.25}.editor-heading p{color:var(--slate-600);margin:0;font-size:1rem;line-height:1.5}.text-surface{border-radius:var(--radius-md);background:#fff;border:1px solid #c8d6e7;min-height:0;transition:border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;overflow:hidden}.text-surface:focus-within{border-color:var(--teal-600);box-shadow:0 0 0 3px #0798a01f}.text-surface--empty{background:var(--blue-50)}.text-surface textarea{z-index:1;resize:none;color:#1b365a;scrollbar-color:#b8c6d8 transparent;background:0 0;border:0;outline:0;width:100%;height:100%;min-height:clamp(420px,58vh,680px);padding:20px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.88rem;font-weight:460;line-height:1.55}.text-surface textarea::placeholder{color:#7688a1;opacity:1}.text-surface textarea[readonly]{cursor:text}.empty-state{color:#b6c1d0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.empty-state span{color:var(--slate-600);font-size:1rem;font-weight:520}.character-count{color:var(--slate-600);font-variant-numeric:tabular-nums;margin-top:10px;font-size:.79rem}.panel-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:41px;display:flex}.panel-actions--right{justify-content:flex-end}.button,.process-button{letter-spacing:-.01em;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:55px;font-size:1rem;font-weight:680;transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.button{border:1px solid var(--navy-800);min-width:118px;color:var(--navy-950);background:#fff;flex:0 auto;padding:0 16px}.button--accent{border-color:var(--teal-600);color:var(--teal-700)}.button:hover:not(:disabled),.process-button:hover:not(:disabled){transform:translateY(-1px)}.button:hover:not(:disabled){border-color:var(--teal-600);color:var(--teal-700);background:#f2fbfb}.button:focus-visible,.process-button:focus-visible{outline-offset:3px;outline:3px solid #0798a033}.button:disabled{color:#a6b3c3;cursor:not-allowed;background:#f8fafc;border-color:#d9e1eb}.process-column{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding-top:42px;display:flex}.direction-line{width:132px;color:var(--teal-600);align-items:center;margin-bottom:26px;display:flex}.direction-dots{letter-spacing:3px;margin-right:8px;font-size:.98rem;font-weight:800;line-height:1}.direction-stroke{background:currentColor;border-radius:3px;flex:1;height:3px}.direction-arrow{border-top:3px solid;border-right:3px solid;width:18px;height:18px;margin-left:-10px;transform:rotate(45deg)}.process-button{background:var(--teal-600);color:#fff;border:1px solid #087f87;min-width:196px;padding:0 22px;box-shadow:0 8px 18px #0798a02e}.process-button:hover{background:var(--teal-700);box-shadow:0 10px 22px #077f8738}.status-bar{border-top:1px solid var(--border);min-height:84px;color:var(--navy-950);background:#fff;align-items:center;padding:0 28px;font-size:.88rem;font-weight:520;display:flex}.status-accent{background:var(--teal-600);border-radius:6px;width:4px;height:36px;margin-right:20px}.status-dot{background:var(--teal-600);width:11px;height:11px;box-shadow:0 0 0 4px var(--teal-100);border-radius:50%;margin-right:14px}.toast{z-index:10;max-width:min(360px,100vw - 40px);color:var(--navy-950);opacity:0;pointer-events:none;background:#fff;border:1px solid #b9dfe1;border-radius:9px;align-items:center;gap:10px;padding:13px 17px;font-size:.86rem;font-weight:600;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:102px;right:28px;transform:translateY(12px);box-shadow:0 14px 36px #12345629}.toast svg{color:var(--teal-600)}.toast--visible{opacity:1;transform:translateY(0)}@media (width>=821px){html,body,#root{height:100%;min-height:0;overflow:hidden}body{min-height:0}.app-shell{height:100dvh;min-height:0}.app-header{min-height:112px;padding-block:16px}.brand-lockup{gap:18px}.brand-symbol{width:60px;height:60px}.brand-mark{width:58px;height:58px}.brand-divider{min-height:54px}.workspace{min-height:0;padding-block:16px;overflow:hidden}.editor-panel{grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;padding:18px 16px 16px 22px}.editor-heading{min-height:70px;padding-bottom:12px}.editor-heading h2{margin-bottom:6px}.editor-rail{top:68px;bottom:78px}.text-surface textarea{min-height:0}.panel-actions{margin-top:14px}.button,.process-button{min-height:46px}.process-column{padding-top:0}.direction-line{margin-bottom:18px}.status-bar{min-height:64px}}@media (width<=1120px){.workspace{grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);gap:16px;padding-inline:18px}.editor-panel{padding:26px 18px 22px 24px}.panel-actions{justify-content:flex-start}.button{flex:112px}.process-button{min-width:164px;padding-inline:16px}}@media (width<=820px){.app-shell{overflow:visible}.app-header{min-height:112px;padding:22px 20px}.brand-lockup{gap:14px}.brand-symbol,.brand-mark{width:50px;height:50px}.brand-divider{width:2px;min-height:50px}.brand-lockup h1{font-size:clamp(1.6rem,7vw,2rem)}.brand-lockup p{font-size:.91rem}.workspace{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 18px 30px}.editor-panel{min-height:530px}.text-surface textarea{min-height:280px}.process-column{padding:0}.direction-line{width:84px;margin:6px 0 18px;transform:rotate(90deg)}.process-button{width:min(100%,300px)}}@media (width<=480px){.app-header{align-items:flex-start}.brand-symbol,.brand-divider{display:none}.editor-panel{min-height:500px;padding:22px 16px 20px 20px}.editor-heading{grid-template-columns:34px minmax(0,1fr);gap:10px}.editor-icon{width:34px;height:34px}.editor-heading h2{font-size:1.22rem}.text-surface textarea{min-height:250px;padding:18px;font-size:.88rem}.panel-actions,.panel-actions--right{grid-template-columns:1fr;display:grid}.button{width:100%}.status-bar{min-height:64px;padding-inline:20px}.status-accent{height:30px;margin-right:14px}.toast{bottom:78px;right:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}