:root{font-family:Inter,system-ui,sans-serif;color:#e5ede8;background:#101916;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}aside{padding:30px 18px;background:#0a120f;border-right:1px solid #304339}h1{font-size:29px;letter-spacing:5px;color:#d1b36b;margin-bottom:40px}h1 span{display:block;font-size:9px;letter-spacing:2px;margin-top:10px}button,.import{cursor:pointer;font:inherit;background:#24392f;border:1px solid #496451;color:#eff5ef;padding:11px 15px;border-radius:6px}button:hover,.active{background:#395b47!important;border-color:#c5ae72!important}button:disabled{opacity:.45;cursor:default}aside nav{display:grid;gap:8px}aside button{text-align:left;background:transparent;border-color:transparent;font-size:13px}aside p{font-size:11px;line-height:2;color:#8ea397;margin-top:40px}main{padding:35px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:10px}small{color:#9eae9d;font-size:11px;letter-spacing:1.5px}h2{font-size:28px;margin:12px 0 22px}h3{margin-top:0}.badge{font-size:12px;color:#bdd397;white-space:nowrap}.notice{background:#22382c;border:1px solid #405d49;padding:15px;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,section{padding:24px;background:#19271f;border:1px solid #31463a;border-radius:9px;margin:18px 0}.cards strong{display:block;font-size:36px;margin-top:15px;color:#d5b76f}p{color:#acbcb0;line-height:1.6}label{display:block}input{display:block;background:#101b15;color:#fff;border:1px solid #5a7261;padding:12px;margin:12px 0;max-width:100%;width:320px}section button{margin:4px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.toolbar h3{margin:0 auto 0 0}.import input{width:200px;font-size:11px}.editor{display:grid;grid-template-columns:240px minmax(0,1fr);gap:15px}.editor nav{overflow:auto;max-height:600px}.editor button{display:block;max-width:100%;overflow-wrap:anywhere;text-align:left;font-size:12px;margin:5px 0;width:100%}.editor section{margin:0;min-width:0}textarea{display:block;width:100%;min-height:450px;margin-top:15px;resize:vertical;background:#0c1510;color:#dce8d5;border:1px solid #47614f;padding:16px;line-height:1.6;-moz-tab-size:2;tab-size:2}pre{white-space:pre-wrap;overflow-wrap:anywhere}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dfc483;outline-offset:3px}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{padding:16px}h1{margin:0 0 16px}aside nav{grid-template-columns:repeat(2,minmax(0,1fr))}aside p{display:none}main{padding:18px}.cards{grid-template-columns:1fr}.cards article{margin:0}.editor{grid-template-columns:1fr}.editor nav{max-height:180px}header{align-items:start}h2{font-size:23px}}