.button{border:2px solid var(--brand);border-radius:var(--radius);font:inherit;font-weight:600;font-size:var(--step--1);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:11px 20px;line-height:1.3;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.button.primary{background:var(--brand);color:var(--surface)}.button.primary:hover:not(:disabled){background:var(--brand-deep);border-color:var(--brand-deep)}.button.ghost{color:var(--brand);background:0 0}.button.ghost:hover:not(:disabled){background:var(--brand-wash)}.button:disabled{opacity:.45;cursor:default}.button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.workshop .wrap{padding-block:clamp(16px, 2.5vw, 28px) var(--section-pad)}.workshop .section-head{margin-bottom:28px}.workshop h1{font-size:var(--step-3)}.bench{--room:calc(100svh - var(--header-h,72px) - 230px);grid-template-columns:250px auto minmax(0,1fr);grid-template-areas:"list device info";align-items:start;gap:32px;display:grid}.bench[data-orientation=landscape]{grid-template-columns:250px minmax(0,1fr);grid-template-areas:"list device""list info"}.tool-list{top:calc(var(--header-h,72px) + 16px);grid-area:list;position:sticky}.tool-list ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tool-list a{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);gap:2px;padding:10px 14px;text-decoration:none;transition:border-color .15s,background-color .15s;display:grid}.tool-list a:hover{border-color:var(--brand-soft)}.tool-list a[aria-current=page]{border-color:var(--brand);background:var(--brand-wash);box-shadow:inset 3px 0 0 var(--brand)}.tool-list .label{color:var(--muted);font-size:.7rem}.tool-list strong{font-family:var(--display);font-weight:600}.device{grid-area:device;justify-self:center;justify-items:center;display:grid}.bezel{--bezel:var(--brand-deep);background:var(--bezel);border-radius:30px;max-width:100%;padding:10px;box-shadow:0 30px 60px -30px #0032618c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bezel{--bezel:#203b58}}:root[data-theme=dark] .bezel{--bezel:#203b58}.screen{overscroll-behavior:contain;background:var(--ground);width:min(390px, var(--room) * 9 / 16);aspect-ratio:9/16;border-radius:21px;position:relative;overflow:hidden auto;container-type:size}.bench[data-orientation=landscape] .device{justify-self:stretch}.bench[data-orientation=landscape] .screen{width:min(720px, var(--room) * 16 / 9);aspect-ratio:16/9;max-width:100%}.loading{color:var(--muted);padding:24px}.tool-info{flex-direction:column;grid-area:info;gap:14px;padding-top:8px;display:flex}.tool-info h2{font-size:var(--step-2)}.tool-info p{color:var(--muted)}.tool-info .actions{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.tool-info .address{font-family:var(--mono);font-size:var(--step--1)}@media (width<=1000px){.bench,.bench[data-orientation=landscape]{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"list list""device info"}.bench[data-orientation=landscape]{grid-template-areas:"list list""device device""info info"}.tool-list{min-width:0;position:static}.tool-list ul{scrollbar-width:thin;padding-bottom:6px;display:flex;overflow-x:auto}.tool-list li{flex:none}.tool-list .label{display:none}.tool-list a{padding:7px 12px}}@media (width<=640px){.bench,.bench[data-orientation=landscape]{grid-template-columns:minmax(0,1fr);grid-template-areas:"list""device""info";gap:20px}.device{justify-self:stretch;justify-items:stretch}.bezel{border-radius:var(--radius);box-shadow:none;border:1px solid var(--line-strong);background:0 0;padding:0}.screen,.bench[data-orientation=landscape] .screen{border-radius:var(--radius);width:100%}.screen{aspect-ratio:auto;height:calc(100svh - var(--header-h,64px) - 120px)}}