:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#10131a;color:#f2f4f8}*{box-sizing:border-box}body{margin:0}.shell{max-width:1280px;margin:0 auto;padding:48px 24px}.eyebrow{color:#72e0bc;font-size:12px;font-weight:700;letter-spacing:.16em}h1{margin:10px 0 12px;font-size:clamp(38px,6vw,64px);letter-spacing:-.05em}h2{font-size:20px;margin:0}h3{font-size:15px;margin:0 0 12px}p{color:#aeb7c6;line-height:1.6}.toolbar,.section-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.toolbar{justify-content:flex-start;margin:32px 0}.toolbar label{display:flex;align-items:center;gap:8px;color:#aeb7c6}select,input,textarea{background:#11161f;color:#f2f4f8;border:1px solid #2b3442;border-radius:9px;padding:10px}input,textarea{width:100%;font:inherit}.add-site{border:1px solid #2b3442;border-radius:14px;background:#171c25;padding:18px;margin:18px 0}.add-site h2{margin-bottom:12px}.add-site-fields{display:grid;grid-template-columns:1fr 2fr auto;gap:8px}.workspace-panel{margin:28px 0}.workspace-grid{display:grid;grid-template-columns:1fr;gap:16px}.browser-frame{height:680px;background:#07090d;border:1px solid #2b3442;border-radius:14px;overflow:hidden}.browser-frame iframe{width:100%;height:100%;border:0}aside{border:1px solid #2b3442;border-radius:14px;background:#171c25;padding:18px;max-height:none;overflow:visible}.macro-builder{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid #2b3442}.stack-help{font-size:12px;margin:0 0 10px}.stack-item{display:grid;grid-template-columns:24px 1fr 26px 26px 26px;align-items:center;gap:4px;padding:7px 5px;margin:5px 0;border:1px solid #2b3442;border-radius:8px;background:#11161f;font-size:12px}.stack-number{color:#72e0bc;font-weight:700}.stack-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack-button{padding:3px 0;font-size:12px;color:#e7ebf1;background:#252c38}.stack-button.remove{color:#ff9b9b}.stack-tools{display:grid;grid-template-columns:1fr auto;gap:6px;margin:10px 0}.keyboard{display:grid;gap:4px;margin:8px 0 16px}.key-row{display:flex;gap:4px}.key{flex:1;padding:7px 3px;font-size:10px;color:#e7ebf1;background:#252c38;border:1px solid #3b4655}.key:hover{background:#72e0bc;color:#0d1515}.session,.macro,.tab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;margin:10px 0;border:1px solid #2b3442;border-radius:12px;background:#171c25}.macro,.tab{display:block}.macro button{float:right;margin-top:-28px}.session small,.macro small,.tab small{display:block;color:#718096;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab{font-size:13px}.tab small{max-width:220px}.muted{color:#718096}.error{color:#ff9b9b}button{border:0;border-radius:9px;padding:10px 14px;color:#0d1515;background:#72e0bc;font-weight:700;cursor:pointer}button.quiet,button.secondary{color:#e7ebf1;background:#252c38}button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none}@media(max-width:800px){.workspace-grid{grid-template-columns:1fr}.browser-frame{height:520px}.section-heading{align-items:flex-start;flex-direction:column}.add-site-fields{grid-template-columns:1fr}.macro-builder{grid-template-columns:1fr}}
.local-browser{margin:28px 0;border:1px solid #2b3442;border-radius:14px;background:#171c25;padding:18px}.local-browser-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;margin-top:16px}.local-screen{min-height:420px;background:#07090d;border:1px solid #2b3442;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.local-screen img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}.local-tab{width:100%;text-align:left}.local-tab.active{border-color:#72e0bc}.actions{display:flex;gap:8px}@media(max-width:800px){.local-browser-grid{grid-template-columns:1fr}.local-screen{min-height:280px}.actions{flex-wrap:wrap}}