/* Playground: a task-oriented workbench in the Biuret identity. */
body{background:#080e11;background-image:radial-gradient(ellipse at 90% 0%,#23462852,transparent 42%)}
main{max-width:1240px}.top{border-color:#293a36}.top nav>a[aria-current=page]{background:#263721;border-color:#789d44;color:#d8ff95}
.pg-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;padding-block:64px 54px}.pg-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.08;max-width:12ch;margin-block:24px}.pg-hero h1 em{font-style:normal;color:#c5f65b}.pg-hero .lead{font-size:16px;max-width:46ch;color:#bacac4}.pg-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-block:26px 20px}.pg-trust{display:flex;flex-wrap:wrap;gap:8px;color:#a9beb1;font-size:11px}.pg-trust span{padding:6px 10px;border:1px solid #304736;border-radius:7px}.pg-trust b{color:#d2f38f}
.pg-console{border:1px solid #5b7543;border-radius:24px;background:linear-gradient(145deg,#22341d66,#111c19);padding:26px;box-shadow:0 25px 70px #0004;position:relative;overflow:hidden}.pg-console::before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent,#a6cb6310,transparent);pointer-events:none}.pg-console-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.pg-console-head>span{font-size:10px;letter-spacing:.12em;color:#b7cb9d}.pg-console-head>i{width:8px;height:8px;border-radius:50%;background:#c5f65b;box-shadow:0 0 18px #c5f65b88}.pg-console h2{font-size:22px;margin-block:10px 18px}.intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.intent-grid button{display:flex;align-items:center;gap:10px;padding:12px 11px;border:1px solid #3d5142;border-radius:10px;background:#111c18;color:#cbd9d0;font-size:12px;text-align:start;min-height:48px;transition:background .18s,border-color .18s}.intent-grid button svg{width:20px;height:20px;flex:0 0 20px;color:#b3d783}.intent-grid button:hover{background:#223023;border-color:#8ead60}.intent-grid button[aria-pressed=true]{border-color:#acda63;background:#2a3a22;color:#e0f4c4}.intent-grid button:last-child{grid-column:1/-1}.intent-result{position:relative;margin-top:18px;padding:20px;background:#0a1411;border:1px solid #425a38;border-radius:13px;min-height:175px;animation:intent-enter .2s ease}.intent-result h3{font-size:17px;margin:0 0 8px}.intent-result p{font-size:12px;margin:8px 0;line-height:1.75}.intent-result a{display:inline-flex;gap:8px;align-items:center;color:#d2fa8c;font-size:12px;font-weight:700;min-height:40px}.intent-result a:hover{text-decoration:underline;text-underline-offset:5px}.intent-result ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:6px;margin:12px 0}.intent-result li{font-size:10px;padding:4px 7px;border:1px solid #364a39;border-radius:6px;color:#b3c5b6}
.collection{padding-top:32px;border-top:1px solid #2a3d33}.collection .section-title p{font-size:14px}.collection-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}.collection-toolbar .tool-search{max-width:none;margin-block:15px 0}.collection-toolbar .guide-shortcut{height:46px;border:1px solid #405a3c;background:#142017;color:#c7dda9;border-radius:10px;padding:10px 14px;font-size:12px;display:flex;align-items:center;gap:14px}.guide-shortcut:hover{background:#263721}.guide-shortcut kbd{padding:3px 6px;border:1px solid #40533f;background:#0e1710;border-radius:5px;font:10px Inter,Arial,sans-serif}.collection-controls{margin-block:18px 22px}
.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-grid .app-card{position:relative;padding:24px;border-color:#394e3f;background:linear-gradient(135deg,#18251b,#10191a);border-radius:18px}.tool-grid .app-card h3{font-size:22px;margin-block:12px}.tool-grid .app-card p{font-size:13px;line-height:1.85;color:#b2c5ba}.tool-grid .app-card .app-icon{width:46px;height:46px;margin-bottom:16px;border-radius:13px}.tool-grid .app-card .app-icon svg{width:25px;height:25px}.tool-grid .app-card .app-facts{margin-block:18px}.tool-grid .app-card .app-facts>span{font-size:10px}.tool-grid .app-card .app-facts>span>span{border:0;padding:0;font-size:inherit}.tool-grid .app-card .tag{font-size:9px;letter-spacing:.09em}.tool-grid .app-card .card-link{min-height:43px;border-color:#3b5140}.tool-grid .app-card .favorite-button{margin-bottom:16px;min-height:38px;font-size:11px}.tool-grid .featured-tool{grid-column:span 2;background:radial-gradient(ellipse at 95% 0%,#40572a55,transparent 70%),#152117}.tool-card-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.tool-card-top>span{color:#9dbc76;font:10px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em}.featured-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block:22px 0}.featured-flow span{border:1px solid #587344;border-radius:8px;background:#253620;padding:8px 11px;color:#d1e6b5;font-size:11px}.featured-flow b{font-size:13px;color:#86a466}.tool-grid:has(.featured-tool[hidden]) .featured-tool{grid-column:auto}
.program-teaser{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;margin-block:48px 28px;padding:32px;border:1px solid #3d5550;border-radius:22px;background:linear-gradient(125deg,#142521,#12191d)}.program-teaser h2{font-size:30px;max-width:20ch}.program-teaser p{font-size:14px;color:#b6c9c2}.program-teaser figure{margin:0;padding:8px;border:1px solid #466459;border-radius:14px;background:#0a1212}.program-teaser img{display:block;border-radius:9px}.program-teaser figcaption{font-size:10px;color:#96ada5;padding:9px 6px}.program-meta{display:flex;gap:8px;flex-wrap:wrap;margin-block:18px}.program-meta span{font-size:10px;padding:5px 9px;border:1px solid #416054;border-radius:7px;color:#bbd1c5}
.workspace-invite{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border:1px solid #50663b;background:#172117;border-radius:18px;margin-block:24px}.workspace-invite h2{font-size:23px;margin:0 0 8px}.workspace-invite p{font-size:13px;margin:0;max-width:65ch;color:#b1c6ad}.workspace-invite .secondary{flex-shrink:0}.principles{gap:24px;padding-block:30px 48px}
.tool-orientation{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-block:26px 10px;padding:13px 18px;border:1px solid #36533d;border-radius:12px;background:#111d15}.tool-orientation>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-orientation strong{font-size:12px;color:#cfe89d}.tool-orientation span{font-size:11px;color:#afc3b3}.tool-orientation button{font-size:11px;border:1px solid #45613c;border-radius:8px;background:#1f2e1c;color:#d1e6b0;min-height:38px;padding:8px 12px;white-space:nowrap}.tool-orientation button:hover{background:#304426}
.software-heading{padding-block:44px 26px}.software-heading h1{font-size:clamp(36px,4.5vw,58px);max-width:20ch}.software-heading .lead{font-size:16px;max-width:66ch}.software-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;border:1px solid #445a47;border-radius:22px;padding:30px;background:linear-gradient(130deg,#1c2b1e,#111b1b)}.software-hero h2{font-size:32px}.software-hero p{font-size:14px}.software-hero figure{margin:0}.software-hero img{border:1px solid #48633e;border-radius:14px;display:block}.software-hero figcaption{font-size:11px;color:#a5bca8;margin-top:12px}.software-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-block:30px}.software-card{padding:28px;border:1px solid #425344;border-radius:18px;background:#13201a}.software-card h2{font-size:24px}.software-card .platform{color:#a6cb7e;letter-spacing:.1em;font-size:10px}.software-card p,.software-card li{font-size:14px;color:#b2c5b7}.software-card ul{padding-inline-start:20px;line-height:2}.software-card .release-status{padding:12px;border:1px solid #53633c;background:#253020;border-radius:10px;color:#d1dcba;font-size:12px}.software-card pre{font-size:12px;padding:18px;white-space:pre;max-width:100%;direction:ltr}.software-guide{padding:28px;border:1px solid #3f5941;border-radius:18px;margin-bottom:35px}.software-guide h2{font-size:25px}.software-guide p{font-size:14px}.software-guide .tool-actions{margin-bottom:0}
@keyframes intent-enter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
[dir=rtl] .pg-hero h1{line-height:1.5;font-size:clamp(36px,4.2vw,56px);max-width:14ch;letter-spacing:0}[dir=rtl] .pg-console-head>span{letter-spacing:0}[dir=rtl] .featured-flow b{transform:scaleX(-1)}
@media(max-width:1000px){.pg-hero{gap:30px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid .featured-tool{grid-column:span 2}.program-teaser{gap:24px}.software-hero{gap:25px}}
@media(max-width:720px){.pg-hero{grid-template-columns:1fr;padding-block:36px;gap:25px}.pg-hero h1{font-size:44px;max-width:17ch;margin-block:18px}.pg-hero .lead{font-size:15px}.pg-console{padding:21px}.pg-console h2{font-size:21px}.collection-toolbar{grid-template-columns:1fr;gap:12px}.collection-toolbar .guide-shortcut{justify-content:space-between}.collection .section-title{gap:8px}.tool-grid{grid-template-columns:1fr}.tool-grid .featured-tool{grid-column:auto}.tool-grid .app-card{padding:23px}.program-teaser,.software-hero,.software-grid{grid-template-columns:1fr}.program-teaser{padding:24px;margin-top:32px}.program-teaser h2{font-size:27px}.workspace-invite{flex-direction:column;align-items:start;padding:23px}.workspace-invite .secondary{width:100%}.top{height:auto;min-height:80px;gap:12px;padding-block:14px;flex-wrap:wrap}.top nav{gap:7px;flex-wrap:wrap}.top nav>*{padding-inline:11px;font-size:11px}.software-hero{padding:23px}.software-card{padding:23px}.tool-orientation{padding:12px 14px;align-items:start}.tool-orientation>div{display:grid;gap:4px}.tool-orientation button{white-space:normal;max-width:115px;text-align:center}}
@media(max-width:430px){.top{justify-content:center}.top nav{width:100%;justify-content:center}.top nav>*{min-width:76px;padding-inline:9px}.top nav button{min-width:66px}.pg-hero h1{font-size:38px}.intent-grid{grid-template-columns:1fr}.intent-grid button:last-child{grid-column:auto}.pg-trust{font-size:10px}.pg-console h2{font-size:19px}.program-teaser h2{font-size:24px}.software-heading h1{font-size:33px}[dir=rtl] .pg-hero h1{font-size:35px;max-width:16ch}}
@media(prefers-reduced-motion:reduce){.intent-result{animation:none}.intent-grid button,.tool-orientation button{transition:none}}
.software-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.software-card,.software-hero>*,.program-teaser>*{min-width:0}.software-card pre{overflow:auto}@media(max-width:720px){.software-grid,.software-hero,.program-teaser{grid-template-columns:minmax(0,1fr)}}