:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;color:#243731;background:#f7f9f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dbe3df;border-radius:7px;background:#fff;color:#354b42;padding:9px 13px;font-size:12px;transition:.15s}button:hover{background:#eaf3ee;border-color:#91bca4}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #76b991;outline-offset:3px}.app{display:flex;min-height:100vh}aside{width:225px;flex-shrink:0;border-right:1px solid #e0e6e1;background:#fff;padding:39px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;font-size:29px;color:#263d32;text-decoration:none;font-weight:750;letter-spacing:-1.2px}.brand-light{font-weight:350}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;color:#7e9186}.nav-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#97a59c;margin:65px 10px 18px}nav{display:flex;flex-direction:column;gap:8px}nav button{display:flex;align-items:center;text-align:left;border:0;background:none;padding:14px 13px;gap:13px;font-size:13px;font-weight:550}nav .active{background:#eaf3ed;color:#25764b}.nav-icon{font-family:monospace;width:22px;font-size:18px}.arrow{margin-left:auto;opacity:0}.active .arrow{opacity:1}.sidebar-bottom{margin-top:auto;padding-top:50px}.sidebar-bottom p{font-size:12px;line-height:1.9;color:#829187}.sidebar-bottom button{padding:0;border:none;background:none;font-size:10px}.local-dot{font-size:10px;color:#428662}main{padding:0 48px;max-width:1500px;width:calc(100% - 225px)}header{height:86px;border-bottom:1px solid #e3e9e4;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#8a9a90}.connection{letter-spacing:.3px;color:#648774}.intro{position:relative;padding:43px 0 35px}.eyebrow{font-size:9px;font-weight:650;color:#689779;letter-spacing:2px}h1{font-weight:550;font-size:39px;letter-spacing:1px;line-height:1.55;margin:16px 0}h1 span{color:#53a274}.intro p{font-size:12px;color:#7b8d81;line-height:1.95;margin:0}.trust{position:absolute;right:0;bottom:40px;display:flex;gap:16px;font-size:10px;color:#5f8069}.workspace{border:1px solid #dde6df;border-radius:12px;background:#fff;box-shadow:0 8px 24px #273e3005;overflow:hidden}.workspace-title{display:flex;justify-content:space-between;align-items:center;padding:25px 27px;border-bottom:1px solid #e8ede9}.workspace-title .eyebrow{font-size:8px;color:#9ca99e}h2{font-size:22px;font-weight:550;margin:7px 0 0}.badge{border:1px solid #d7e9dd;background:#f2f8f4;color:#47865e;border-radius:30px;padding:7px 10px;font-size:9px}.tool-body{border:0;margin:0;padding:23px 27px 10px;min-width:0}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.actions button[aria-pressed=true],.primary{background:#2e6a49;color:#fff;border-color:#2e6a49}.hint{font-size:10px;color:#839087;line-height:1.8;margin:10px 0 21px}.editors{display:grid;grid-template-columns:1fr 1fr;gap:19px}.editors section{min-width:0}.field-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;min-height:29px;font-size:9px;letter-spacing:1px}.field-title span{font-size:9px;color:#97a299;margin-left:6px;letter-spacing:0}.field-title button{font-size:9px;padding:5px 8px;color:#809086}textarea{width:100%;min-height:260px;resize:vertical;padding:16px;border:1px solid #dce5de;border-radius:7px;background:#fcfdfb;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#334b3b}textarea::placeholder{color:#a3afa5;font-size:11px}.result textarea{background:#f5f8f5}textarea:focus,input:focus,select:focus{outline:2px solid #8fc5a1;outline-offset:1px}.muted{font-size:9px;color:#96a399;margin:7px 0;line-height:1.8}.workspace>p.muted{padding:0 27px}.options{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:20px 0}label{font-size:11px;color:#63766a}.options label{display:flex;flex-direction:column;gap:8px}.options input,.options select{border:1px solid #dce4de;border-radius:6px;background:#fff;padding:10px;color:#344e3e;max-width:100%}input[type=number]{width:120px}.grow{flex:1;min-width:200px}.subpanel{border-top:1px solid #e6ebe6;margin-top:24px;padding-top:8px}h3{font-size:13px;font-weight:550}.file-input{display:block;border:1px dashed #bbd0c0;padding:19px;border-radius:8px;background:#f8fbf8}.file-input input{display:block;margin-top:12px;max-width:100%;font-size:11px}.image-output{padding:20px;margin-top:20px;border-radius:8px;background:#f4f7f3;font-size:12px}.image-output img{display:block;max-width:100%;max-height:300px;margin-bottom:15px}.security{background:#edf4ee;border:1px solid #d1e3d4;padding:25px;border-radius:12px;margin-bottom:25px}.security p{font-size:12px;line-height:1.9}.security h2{font-size:17px}.error{color:#a64130;background:#fff2eb;padding:15px 27px;font-size:12px}.hidden{display:none}footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9ca99d;padding:23px 0 35px}@media(min-width:1450px){main{margin:auto}}@media(max-width:1050px){main{padding:0 25px}.trust{position:static;margin-top:23px;flex-wrap:wrap}.editors{grid-template-columns:1fr}.workspace-title{gap:10px}.badge{font-size:8px}}@media(max-width:720px){.app{display:block}aside{position:static;width:100%;height:auto;padding:19px 20px;border-right:0;border-bottom:1px solid #dce5de}.brand{font-size:24px}.nav-caption,.sidebar-bottom p,.local-dot{display:none}nav{flex-direction:row;overflow:auto;margin-top:20px;gap:3px}nav button{padding:10px;gap:6px;font-size:11px}.nav-icon{font-size:14px;width:auto}.arrow{display:none}.sidebar-bottom{padding-top:12px;margin:0}main{width:100%;padding:0 19px}header{height:55px;font-size:7px;letter-spacing:.6px}h1{font-size:31px}.intro{padding-top:30px}.workspace-title{padding:18px;flex-wrap:wrap}.tool-body{padding:18px}.editors{gap:20px}footer{line-height:1.9;gap:15px}.badge{font-size:8px}textarea{min-height:220px}}.nav-icon{white-space:nowrap;flex-shrink:0}.intro h1{font-size:clamp(11px,2.7vw,39px);letter-spacing:0;white-space:nowrap}