.viewer-page{max-width:1180px;margin:0 auto;padding:78px 28px 110px}.viewer-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:42px}.viewer-intro h1{margin:8px 0 0;font-size:clamp(52px,7vw,92px);line-height:.9;letter-spacing:-.065em}.viewer-intro>p{max-width:520px;margin:0 0 5px;color:#a7abb4;font-size:17px;line-height:1.7}.viewer-intro code{color:#fff}.viewer-workspace{border:1px solid #303239;background:#0d0e10;box-shadow:12px 12px 0 #020203}.viewer-drop{display:flex;min-height:150px;align-items:center;justify-content:center;flex-direction:column;gap:7px;margin:22px;border:1px dashed #62666f;background:#121316;cursor:pointer;transition:.18s}.viewer-drop:hover,.viewer-drop.drag{border-color:#fff;background:#18191d}.viewer-drop input{position:absolute;width:1px;height:1px;opacity:0}.viewer-drop small,.viewer-toolbar small{color:#8d9199}.upload-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #555963;font:300 25px/1 system-ui}.viewer-error{margin:0 22px;color:#ff858c}.viewer-error:not(:empty){margin-bottom:18px}.viewer-error-actions{display:flex;align-items:center;gap:10px;margin:0 22px 18px}.viewer-error-actions[hidden]{display:none}.viewer-error-actions button,.viewer-error-actions a{padding:10px 13px;border:1px solid #3a3d44;background:#18191d;color:#eef0f4;font:700 12px/1.2 ui-monospace,monospace;text-decoration:none;cursor:pointer}.viewer-error-actions button:hover,.viewer-error-actions a:hover{border-color:#e8eaee;background:#202126}.viewer-shell{border-top:1px solid #292b30}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #292b30}.viewer-toolbar>div:first-child{display:flex;flex-direction:column;gap:4px}.viewer-actions{display:flex;gap:8px}.viewer-actions button{min-width:42px;padding:9px 12px;border:1px solid #3a3d44;background:#18191d;color:#eef0f4;cursor:pointer}.viewer-actions button:hover{border-color:#e8eaee}.canvas-wrap{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#202228,#0a0b0d 70%)}#schematic-canvas{display:block;width:100%;height:520px;cursor:grab}#schematic-canvas:active{cursor:grabbing}.canvas-message{position:absolute;inset:0;display:grid;place-items:center;color:#aeb2ba;pointer-events:none}.viewer-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292b30}.viewer-stats article{padding:18px 22px;border-right:1px solid #292b30}.viewer-stats article:last-child{border:0}.viewer-stats small{display:block;color:#7f838c;text-transform:uppercase;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.12em}.viewer-stats b{display:block;margin-top:8px;font-size:18px}.viewer-hint{margin:0;padding:12px 22px;border-top:1px solid #292b30;color:#757983;font:11px/1.5 ui-monospace,monospace;text-align:center}@media(max-width:720px){.viewer-page{padding:48px 16px 80px}.viewer-intro{grid-template-columns:1fr}.viewer-intro h1{font-size:54px}.viewer-toolbar{align-items:flex-start;gap:14px;flex-direction:column}.viewer-stats{grid-template-columns:1fr 1fr}.viewer-stats article:nth-child(2){border-right:0}.viewer-stats article:nth-child(-n+2){border-bottom:1px solid #292b30}.canvas-wrap,#schematic-canvas{height:420px;min-height:420px}}