.practice-step{margin-top:30px}.practice-step h2{font-size:20px;margin-bottom:12px}.practice-site-area{display:flex;gap:28px;align-items:center;margin-top:18px}.practice-site-card{flex:none}.practice-site-sign{width:270px;min-height:385px;border-radius:14px;background:#ffdd00;border:1px solid #e2bd00;text-align:center;padding:18px 18px 12px;box-shadow:0 3px 10px #0000000b;color:#111}.practice-pin{position:relative;background:#202326;border-radius:48% 48% 44% 44%;padding:27px 20px 20px;color:#ffdd00;margin-bottom:16px}.practice-pin:after{content:'';position:absolute;bottom:-13px;left:calc(50% - 14px);border-left:14px solid transparent;border-right:14px solid transparent;border-top:18px solid #202326}.practice-logo{display:block;width:128px;height:auto;object-fit:contain;margin:0 auto}.practice-pin p{white-space:pre-line;font-size:14px;line-height:1.25;font-weight:700;margin:12px 0}.practice-pin .practice-qr{width:138px;height:138px;margin:0 auto 4px}.practice-site-title{display:block;font-size:30px;font-weight:800;letter-spacing:.03em}.practice-site-sign>small{font-size:10px}.practice-site-guide{max-width:480px}.practice-site-guide h3{font-size:20px}.practice-site-guide p{margin:12px 0}.practice-qr{display:block;image-rendering:pixelated}.practice-label-note{font-size:9px;font-weight:700;letter-spacing:.1em;margin:8px 0 12px;color:#52565a;text-align:center}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:24px}.practice-equipment-card{padding:18px;background:white;border:1px solid #e0e2e3;border-radius:12px;break-inside:avoid}.practice-equipment-label{display:flex;justify-content:space-around;align-items:center;gap:8px;min-height:172px;background:#ffdd00;border-radius:10px;border:1px solid #e2bd00;padding:12px;color:#111}.practice-label-brand{width:145px;height:145px;border-radius:50%;background:#202326;display:flex;flex-direction:column;justify-content:center;gap:8px;flex:none}.practice-label-brand .practice-logo{width:110px}.practice-label-brand small{font-size:11px;color:#ffdd00;text-align:center}.practice-code-block{text-align:center;min-width:140px}.practice-code-block .practice-qr{width:132px;height:132px;margin:auto}.practice-code{display:block;font-size:19px;line-height:1.1}.practice-code-block>span{font-size:10px;font-weight:800}.practice-controls{margin:18px 0 0}.practice-controls input{min-width:250px}.practice-equipment-card .small{margin-top:8px}.practice-page>section>select{max-width:550px;width:100%}
@media(max-width:700px){.practice-site-area{flex-direction:column;align-items:flex-start}.practice-grid{grid-template-columns:1fr}.practice-controls{align-items:stretch;flex-direction:column}.practice-controls input{min-width:0}.practice-equipment-label{justify-content:center;gap:18px}}
@media print{body:has(.practice-page) .sidebar,body:has(.practice-page) .topbar,body:has(.practice-page) .connection,body:has(.practice-page) .practice-controls,body:has(.practice-page) .practice-page .actions,body:has(.practice-page) .practice-page button,body:has(.practice-page) .practice-page select{display:none!important}body:has(.practice-page) .workspace{margin:0!important}body:has(.practice-page) main{padding:0!important}.practice-page{color:#111}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12mm}.practice-site-sign,.practice-equipment-label,.practice-pin,.practice-label-brand{-webkit-print-color-adjust:exact;print-color-adjust:exact}.practice-site-area{break-inside:avoid}.practice-equipment-card{border:0;padding:0}.practice-equipment-label{min-height:165px}.practice-site-sign{width:65mm}}
@media print{body:has(.practice-page) .shell{display:block}body:has(.practice-page) .main{max-width:none}}