:root{color-scheme:light;--ink:#201b18;--muted:#71675f;--coffee:#6F4E37;--light:#F5F0E9;--line:#e6ddd4;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#faf8f5;color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1240px)/2));position:sticky;top:0;z-index:2}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-weight:800;letter-spacing:.06em}.brand small{display:block;font-size:9px;letter-spacing:.17em;color:var(--muted)}.logo{background:var(--coffee);color:#fff;padding:10px;border-radius:7px;font-size:13px}.back{color:var(--coffee);text-decoration:none;font-weight:650}.wrap{max-width:1240px;margin:auto;padding:32px 20px 20px}.hero{padding:34px clamp(22px,5vw,58px);border-radius:14px;background:var(--light);border:1px solid #e8ded3}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--coffee);margin:0 0 10px}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:750px}.hero h1 em{font-style:normal;color:var(--coffee)}.hero>p:not(.eyebrow){max-width:750px;color:#655b53}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.chips span{font-size:12px;border:1px solid #d8c7b8;background:#fff9f3;padding:6px 10px;border-radius:4px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;margin-top:22px;align-items:start}.tool-list,.panel,.principles{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.tool-list h2,.panel h2,.principles h2{margin:0 0 14px;font-size:19px}.tool-button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #f0ebe6;background:#fff;padding:12px 10px;color:#463a31;cursor:pointer;font:inherit;border-radius:5px}.tool-button:hover,.tool-button.active{background:var(--light);color:var(--coffee);font-weight:750}.tool-button small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.setup-note{margin-top:18px;background:#f9f6f2;border:1px solid var(--line);padding:12px;border-radius:8px;font-size:12px}.setup-note p{margin:5px 0;color:var(--muted)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.panel-head h2{font-size:25px;margin:0 0 4px}.panel-head p:not(.eyebrow){margin:0;color:var(--muted)}.state{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:5px 8px;white-space:nowrap}.field-label,label{display:block;font-size:13px;font-weight:650}.field-label{margin-bottom:7px}textarea,input,select{font:inherit}textarea{width:100%;resize:vertical;min-height:150px;border:1px solid #d8cec5;border-radius:7px;padding:12px;color:var(--ink);outline-color:var(--coffee)}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:16px 0}.language select{display:block;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:6px;background:#fff}.upload{flex:1;min-width:210px;border:1px dashed #cbb9a9;padding:10px;border-radius:7px}.upload input{display:block;width:100%;font-size:12px;margin-top:5px}.upload small{font-weight:400;color:var(--muted)}.primary{width:100%;border:0;border-radius:7px;background:var(--coffee);color:#fff;font-weight:750;padding:14px;cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}.primary span{float:right}.privacy{font-size:11px;color:var(--muted)}.result-wrap{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.result-top{display:flex;justify-content:space-between;align-items:center}.result-top h3{margin:0}.outline{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:5px;cursor:pointer}.result-wrap pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 inherit;background:#faf8f5;padding:16px;border-radius:8px}.notice{font-size:12px;color:var(--muted)}.error{background:#fff0ee;color:#8a251b;padding:12px;border:1px solid #f0c6c1;border-radius:7px;margin-top:15px}.calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.calc label{font-size:12px}.calc input{display:block;width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;margin-top:5px}.principles{margin-top:22px}.principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.principle-grid article{background:#faf8f5;border:1px solid var(--line);border-radius:8px;padding:14px}.principle-grid b{color:var(--coffee)}.principle-grid p{font-size:12px;color:var(--muted);margin:6px 0 0}footer{text-align:center;color:var(--muted);font-size:12px;padding:24px}@media(max-width:850px){.layout{grid-template-columns:1fr}.tool-list{padding:14px}.tool-list #tool-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.tool-button{border:1px solid var(--line);font-size:12px}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.top{height:62px;padding:0 14px}.back{font-size:12px}.wrap{padding:16px 12px}.hero{padding:24px 18px}.hero h1{font-size:33px}.panel,.principles{padding:15px}.panel-head h2{font-size:21px}.calc{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-list #tool-buttons{grid-template-columns:1fr 1fr}.tool-button{padding:10px 7px}.principle-grid{gap:8px}.principle-grid article{padding:11px}}