:root{--ink:#102b35;--muted:#5c6e74;--green:#0e927f;--line:#d7e4e0;--soft:#eef8f5;--danger:#b64343}
*{box-sizing:border-box}body{margin:0;background:#f5f8f7;color:var(--ink);font-family:Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}
.a-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;padding:12px 4vw;background:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:900}.brand b{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--green);color:#fff}
.a-top nav{display:flex;gap:18px;margin-left:auto}.a-top nav a{color:var(--ink);text-decoration:none;font-weight:800}
.a-shell{max-width:1500px;margin:auto;padding:4vw}.hero,.panel{border:1px solid var(--line);border-radius:27px;background:#fff;box-shadow:0 18px 52px rgba(16,43,53,.09)}
.hero{padding:clamp(28px,5vw,54px);margin-bottom:22px;background:linear-gradient(135deg,#fff,#eaf7f3)}.hero h1{margin:7px 0;font-size:clamp(42px,7vw,78px);line-height:.95;letter-spacing:-.06em}.hero p{max-width:800px;color:var(--muted);font-size:20px}
.layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.7fr);gap:22px;align-items:start}.side{position:sticky;top:96px;max-height:calc(100vh - 118px);overflow:auto;padding:22px}.editor{padding:clamp(20px,3vw,36px)}
.head{display:flex;align-items:center;justify-content:space-between;gap:12px}.head h2{margin:4px 0}small{color:#087061;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
label{display:grid;gap:8px;margin-bottom:15px;font-weight:800}input,select,textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid #cbdad6;border-radius:14px;background:#fff;color:var(--ink)}textarea{min-height:105px;resize:vertical}
.grid,.grid3{display:grid;gap:14px}.grid{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggles label{display:flex;gap:10px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}
.blockbar{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.blockbar button,#newItem,.a-top button{min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:900}
.block{padding:14px;margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:#fbfdfc}.blockhead{display:flex;align-items:center;gap:7px;margin-bottom:9px}.blockhead b{flex:1}.blockhead button{width:33px;height:33px;border:1px solid var(--line);border-radius:9px;background:#fff}
.empty{padding:26px;border:1px dashed #b8cbc6;border-radius:16px;background:var(--soft);color:var(--muted);text-align:center}
.item{padding:14px;margin-top:11px;border:1px solid var(--line);border-radius:15px}.item.selected{border-color:var(--green);box-shadow:0 0 0 3px rgba(14,146,127,.12)}.item h3{margin:5px 0}.item p{color:var(--muted);font-size:14px}
.item-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.item-actions a,.item-actions button{min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;font-size:12px;font-weight:900}.item-actions .item-delete{border-color:#efcaca;background:#fff5f5;color:var(--danger)}
.actions{display:flex;gap:10px;margin-top:24px}.primary,.danger{min-height:47px;padding:0 17px;border-radius:14px;font-weight:900}.primary{border:1px solid var(--green);background:var(--green);color:#fff}.danger{border:1px solid #efcaca;background:#fff5f5;color:var(--danger)}#deleteItem[hidden]{display:none!important}
.mobilebar{display:none}#toast{position:fixed;right:18px;bottom:18px;z-index:90;padding:14px 17px;border-radius:14px;background:#102b35;color:#fff;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}
@media(max-width:950px){.layout{grid-template-columns:1fr}.side{position:static;max-height:none}}
@media(max-width:650px){body{padding-bottom:80px}.a-top nav,.brand span{display:none}.a-shell{padding:14px}.grid,.grid3,.toggles{grid-template-columns:1fr}.side,.editor{padding:18px}.actions{display:none}.mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 16px;background:#fff;border-top:1px solid var(--line)}.item-actions{display:grid;grid-template-columns:1fr 1fr}.item-actions a,.item-actions button{width:100%}}