*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:#1a1a1a;background:#f7f7f7}.shell{display:flex;min-height:100vh}.sidebar{width:200px;padding:16px;background:#fff;border-right:1px solid #ddd}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin:8px 0}.sidebar a{color:#1a1a1a;text-decoration:none}.sidebar a:hover{text-decoration:underline}.link-button{background:none;border:none;padding:0;font:inherit;color:#1a1a1a;cursor:pointer;text-decoration:none}.link-button:hover{text-decoration:underline}.content{flex:1;padding:24px;max-width:960px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.cards article{border:1px solid #ddd;border-radius:6px;padding:12px;background:#fff}.cards h3{margin:0 0 8px;font-size:1rem}.error{color:#b00}form.stack{display:flex;flex-direction:column;gap:8px;max-width:360px}form.stack input,form.stack textarea,form.stack select{padding:8px;font:inherit}form.playground-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}form.playground-form select,form.playground-form input,form.playground-form textarea{padding:8px;font:inherit}button{padding:8px 12px;font:inherit;cursor:pointer}pre{background:#f0f0f0;padding:12px;overflow:auto;border-radius:4px}