@layer theme{.workshop-page{min-height:100dvh;overflow:auto}.workshop-header{max-width:1800px;margin:auto}.workshop-header a{text-decoration:none}.workshop-header .setup-links{flex-wrap:wrap;gap:10px;display:flex}.workshop{grid-template-columns:240px minmax(360px,1fr) 300px;align-items:start;gap:22px;max-width:1800px;margin:auto;padding:26px 32px;display:grid}.workshop-panel{border:1px solid var(--line);background:#2023288c;border-radius:12px;min-width:0;padding:20px}.workshop h1{letter-spacing:-1px;margin:22px 0 16px;font-size:27px;font-weight:550;line-height:1.16}.workshop h1>span{color:#8d9bb1}.workshop h2{letter-spacing:-.3px;margin:14px 0;font-size:17px;font-weight:550}.workshop h3{font-size:14px;font-weight:550}.workshop .season-label{letter-spacing:1px;gap:8px;font-size:8px}.workshop .season-line{width:16px}.workshop p{color:#909cad;font-size:11px;line-height:1.7}.workshop label{color:#b5bfce;flex-direction:column;gap:7px;margin:12px 0;font-size:11px;display:flex}.workshop input,.workshop select{color:#dce3ee;background:#1b1e24;border:1px solid #3d4551;border-radius:6px;width:100%;min-width:0;padding:9px;font-size:12px}.workshop input:invalid{border-color:var(--red)}.workshop button{white-space:normal}.workshop small{color:#8590a1;font-size:10px;line-height:1.6}.workshop hr{border:0;border-top:1px solid var(--line);margin:22px 0}.cloud-slots{grid-template-columns:1fr 1fr;gap:7px;margin:16px 0;display:grid}.cloud-slots button{text-align:left;overflow-wrap:anywhere;background:#1b1e24;min-height:60px;font-size:10px}.cloud-slots button[aria-pressed=true],#part-list button[aria-pressed=true]{color:#e2edff;background:linear-gradient(115deg,#ed7b7514,#7babee26);border-color:#7898c5}.cloud-slots strong{color:#a5bad8;letter-spacing:.8px;margin-bottom:6px;font-size:9px;display:block}.workshop-toolbar{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px;display:flex}.workshop-toolbar>span{color:#98a7bc;margin-right:auto;font-size:10px}.editor-stage{width:100%;height:540px;position:relative;overflow:hidden}.editor-stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.editor-stage canvas.dragging{cursor:grabbing}.stage-note{color:#8897ac;pointer-events:none;max-width:90%;font-size:10px;line-height:1.8;position:absolute;bottom:16px;left:18px}#preview-error{color:#edb1a7;pointer-events:none;font-size:11px;position:absolute;top:15px;left:20px;right:20px}#snap-status{color:#b7d4ff;pointer-events:none;font-size:11px;position:absolute;bottom:70px;left:18px}.preview-controls{flex-wrap:wrap;gap:12px;padding:10px 0;display:flex}.workshop .inline-check,.preview-controls label{flex-direction:row;align-items:center;gap:6px;margin:5px 0}.workshop input[type=checkbox]{width:auto;accent-color:var(--blue)}.property-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.add-part{gap:7px;display:flex}#part-list{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}#part-list button{padding:6px 8px;font-size:10px}.route-line{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:9px 0;font-size:11px}.route-warning{color:#ddb687}.top-run{border-bottom:1px solid var(--line);padding:12px 0}.top-run b{font-size:11px}.top-run button{text-align:left;width:100%;margin:4px 0;font-size:10px}#part-properties h3{overflow-wrap:anywhere}#part-properties button{margin-top:12px}.workshop-center{min-width:0}.placement-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.placement-toolbar label{margin:0;font-size:9px}.placement-toolbar select{padding:7px;font-size:10px}.placement-toolbar button{padding:8px;font-size:10px}.fit-strip{color:#94a9c8;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 2px;font-size:10px;display:flex}.fit-strip[data-valid=false]{color:#ed9e94}.fit-strip strong{font-weight:500}.mechanism-label{pointer-events:none;color:#c9d4e4;white-space:nowrap;background:#20252deb;border:1px solid #6d819c66;border-radius:5px;padding:4px 7px;font-size:9px;position:absolute;transform:translate(-50%,-100%)}.pid-fields{border:1px solid var(--line);background:#1b1e2480;border-radius:6px;padding:5px 12px}.pid-fields[hidden]{display:none}.workshop [hidden]{display:none!important}#flywheel-rpm{color:#b7cbe7;font-variant-numeric:tabular-nums;font-size:13px}.workshop input[type=range]{accent-color:var(--blue);padding:0}.width-controls{grid-template-columns:1fr;gap:4px;display:grid}.width-controls output{color:#98a7bc;font-size:10px}@media (width>=1400px){.editor-stage{height:620px}.workshop-center{position:sticky;top:18px}}@media (width<=1150px){.workshop{grid-template-columns:210px minmax(0,1fr)}.workshop>aside:last-child{grid-column:1/-1}.editor-stage{height:450px}}@media (width<=650px){.workshop{flex-direction:column;padding:12px;display:flex}.workshop>*{width:100%}.workshop-center{order:-1}.workshop-header{flex-wrap:wrap;align-items:flex-start;gap:14px;height:auto;padding:16px}.workshop-header .setup-links{gap:5px}.workshop-header .button{font-size:10px}.editor-stage{height:380px}.workshop-toolbar{flex-wrap:wrap}.workshop-toolbar>span{width:100%}.stage-note{font-size:9px}}}
