:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,sans-serif}body{color:#1a1a1a;background:#fff;margin:0}.viewport{border:1px solid #d0d5dd;border-radius:4px;width:100%;height:24rem;margin-top:1rem;overflow:hidden}.viewport canvas{display:block}main{max-width:64rem;margin:3rem auto;padding:0 1rem}.slots{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:1rem;display:grid}.slot{border:1px solid #d0d5dd;border-radius:4px;flex-direction:column;gap:.5rem;min-width:0;padding:.75rem;display:flex}.slot-header{align-items:center;gap:.5rem;display:flex}.slot-header h2{flex:1;margin:0;font-size:1rem}.swatch{border:1px solid #1a1a1a33;border-radius:2px;flex:none;width:.9rem;height:.9rem}.tag{color:#555;border:1px solid #d0d5dd;border-radius:999px;padding:0 .5rem;font-size:.75rem}.slot .hint{color:#666;margin:0;font-size:.85rem}.slot-help{font-size:.85rem}.slot-help summary{cursor:pointer}.slot-help ol{margin:.25rem 0 0;padding-left:1.2rem}.slot input[type=file]{max-width:100%}.slot-info{overflow-wrap:anywhere;font-size:.85rem}.slot-info p{margin:0}.slot-info ul{margin:0;padding-left:1.1rem}.slot-actions{justify-content:space-between;align-items:center;margin-top:auto;font-size:.9rem;display:flex}.tubes{margin-top:1.5rem}.tubes h2{margin:0 0 .25rem;font-size:1.1rem}.tubes .tube-summary{margin:0 0 .5rem}.tubes .hint{color:#666;margin:.25rem 0 0;font-size:.85rem}.tube-table-wrap{overflow-x:auto}.tube-table-wrap table{border-collapse:collapse;width:100%;font-size:.9rem}.tube-table-wrap th,.tube-table-wrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #e4e7ec;padding:.35rem .6rem}.tube-table-wrap thead th{border-bottom:1px solid #98a2b3;font-weight:600}.tube-table-wrap td.status-error{white-space:normal}.status-ok{color:#1a7f37}.status-error{color:#b42318}.status-warning{color:#b54708}footer{color:#666;margin-top:2rem;font-size:.85rem}.tube-table-wrap td.note{white-space:normal;min-width:14rem}.tube-table-wrap tr:has(+.tube-notes)>*{border-bottom:0}.tube-table-wrap .tube-notes td{white-space:normal;padding-top:0}.tube-table-wrap .tube-notes ul{margin:0;padding-left:1.1rem;font-size:.85rem}