:root{color-scheme:dark;font-family:"Segoe UI","Noto Sans Armenian",Arial,sans-serif;--bg:#101b1b;--panel:#172625;--line:#344a40;--mint:#c2f4c8;--ink:#eff5ed;--muted:#b3c4ba}*{box-sizing:border-box}html,body{height:100%;margin:0}body.workbench{display:flex;flex-direction:column;background:var(--bg);color:var(--ink);overflow:hidden}button,textarea{font:inherit}button,a{touch-action:manipulation}button{border:1px solid #547460;background:#223a2c;color:var(--ink);border-radius:7px;padding:10px 13px;cursor:pointer;font-size:12px;min-height:40px}button:hover{border-color:var(--mint)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #edbc94;outline-offset:2px}a{color:var(--mint);text-decoration:none}.bench-header{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:14px 22px;flex-shrink:0;min-height:83px}.bench-brand{font-weight:700;letter-spacing:1px;font-size:19px;white-space:nowrap}.bench-heading{flex:1;min-width:0}.bench-heading h1{font-size:17px;line-height:1.5;margin:0}.bench-heading p{color:var(--muted);font-size:11px;margin:3px 0 0}.bench-actions{display:flex;gap:8px;flex-wrap:wrap}.bench-actions button[aria-expanded=true]{background:var(--mint);color:#173323}.bench-layout{display:flex;flex:1;min-height:0;overflow:hidden}.bench-simulation{position:relative;flex:1;min-width:0;min-height:0}iframe{display:block;border:0;width:100%;height:100%;background:#080e10}.bench-sidebar{flex:0 0 320px;width:320px;min-height:0;overflow-y:auto;padding:25px 22px;border-left:1px solid var(--line);background:var(--panel);display:none}.guide-open .bench-sidebar{display:block}.bench-sidebar h2{font-size:18px;margin:0 0 15px}.bench-sidebar p,.bench-sidebar li{font-size:13px;color:var(--muted);line-height:1.85}.bench-sidebar ol{padding-left:22px;margin:20px 0 25px}.bench-sidebar li{margin-bottom:10px;color:var(--ink)}.bench-sidebar label{display:block;font-size:13px;line-height:1.8;margin-bottom:10px}.bench-sidebar textarea{width:100%;resize:vertical;min-height:100px;padding:12px;border:1px solid #617d66;border-radius:8px;background:#102219;color:var(--ink);font-size:14px}.bench-sidebar button{margin:10px 0 0;width:100%}.bench-sidebar button[type=submit]{background:var(--mint);color:#173323}.bench-sidebar .bench-storage{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.bench-sidebar details{border:1px solid var(--line);padding:12px;border-radius:8px;font-size:12px;margin:18px 0}.bench-sidebar>a{font-size:12px}.bench-sections{padding:10px 22px;border-bottom:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.bench-sections[hidden]{display:none}.bench-sections button{background:transparent;font-size:12px}.bench-sections button.active{color:#173323;background:var(--mint);border-color:var(--mint)}#bench-load-status{position:absolute;inset:0;display:grid;place-items:center;background:#10201a;margin:0;font-size:14px;pointer-events:none}#bench-load-status[hidden]{display:none}.mobile-panels{display:none}.focused .bench-sidebar{display:none}.focused .bench-sections{display:none}@media(max-width:850px){.bench-header{padding:12px;gap:12px;flex-wrap:wrap;min-height:0}.bench-brand{font-size:16px}.bench-heading{flex:1}.bench-heading h1{font-size:14px}.bench-heading p{font-size:10px}.bench-actions{width:100%;gap:6px}.bench-actions button{flex:1;padding:8px;font-size:11px}.bench-actions #bench-guide{display:none}.mobile-panels{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.mobile-panels button{flex:1;background:transparent;font-size:12px}.mobile-panels button.active{background:var(--mint);color:#173323}.bench-layout{display:block}.bench-simulation{height:100%;width:100%}.bench-sidebar,.guide-open .bench-sidebar{display:none}.show-guide .bench-simulation{display:none}.show-guide .bench-sidebar{display:block;width:100%;height:100%;border:0;padding:25px}.bench-sections{padding:8px 12px;max-height:122px;overflow-y:auto;gap:6px}.bench-sections button{font-size:11px;flex:1 0 120px;padding:8px;min-height:40px}.focused .mobile-panels{display:none}.focused .bench-simulation{display:block}.focused .bench-sidebar{display:none}}
