.web-workshop{display:grid;grid-template-columns:minmax(260px, .8fr) minmax(0,1.6fr);gap:24px;margin-bottom:40px}.web-card{background:#0c2030;border:1px solid #31485a;border-radius:20px;padding:26px;min-width:0}.web-card h2{font-size:22px;margin-bottom:16px}.web-card p{color:#aec2d1;line-height:1.7;font-size:14px;margin:12px 0 22px}.web-card .field{margin-bottom:18px}.web-card button{border:1px solid #49657a;background:#152f43;color:#e3f4ff;border-radius:9px;padding:12px 16px;cursor:pointer;font:inherit}.web-card button:disabled{opacity:.5;cursor:not-allowed}.web-card button:focus-visible{outline:3px solid #a0ddec;outline-offset:3px}.web-card #web-generate{background:#a0e3ef;color:#082130;width:100%;font-weight:700;margin-top:18px}.web-examples,.web-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.web-frame{background:#eaf0f3;padding:12px;border-radius:12px;overflow:hidden;min-height:400px}.web-frame iframe{display:block;width:100%;height:690px;border:0;background:white;margin:auto;transition:width .2s;max-width:100%}.web-frame iframe[hidden]{display:none}.web-frame iframe.mobile{width:375px}.web-frame #web-empty{padding:100px 18px;color:#34475a;text-align:center}#web-adjust{margin:24px 0}.web-footer{color:#9eb5c6;font-size:13px;line-height:1.7;margin-bottom:36px}button[aria-pressed=true]{outline:2px solid #a0ddec}@media(max-width:850px){.web-workshop{grid-template-columns:1fr}.web-card{padding:20px}.hero{padding-top:40px}.web-frame iframe{height:580px}}