.industrial-page{padding:24px clamp(16px,3vw,48px) 60px;color:#f1f5f1}.industrial-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.industrial-header small,.industrial-stage-top{letter-spacing:.12em;font:600 12px monospace;color:#9caea2}.industrial-header h1{font-size:clamp(27px,3.3vw,46px);margin:5px 0}.industrial-layout{display:grid;grid-template-columns:minmax(265px,320px) minmax(0,1fr);gap:18px;align-items:start}.industrial-panel,.industrial-stage{border:1px solid #536455;border-radius:16px;background:#101713;overflow:hidden}.industrial-panel{padding:20px;max-height:78vh;overflow-y:auto}.industrial-panel h2{font-size:15px;text-transform:uppercase;letter-spacing:.1em;margin:20px 0 12px}.industrial-panel h2:first-child{margin-top:0}.industrial-panel p{font-size:14px;line-height:1.5;color:#aebdb0}.industrial-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.industrial-panel button,.industrial-panel select,.industrial-panel input:not([type=checkbox]){background:#1c2921;color:#f5faf5;border:1px solid #536455;border-radius:9px;padding:10px;font:inherit;min-width:0}.industrial-panel button{cursor:pointer;min-height:43px}.industrial-panel button:hover{border-color:#84e99f;background:#263c2e}.industrial-panel label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:11px 0;font-size:14px}.industrial-panel label input[type=number],.industrial-panel label input[type=text]{width:110px}.industrial-panel label select{max-width:175px}.industrial-panel input[type=color]{width:50px;height:40px;padding:3px}.industrial-panel input[type=range]{width:120px;accent-color:#73e39b}.industrial-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.industrial-actions button{flex:1}.industrial-stage{padding:12px;background:#080d0a}.industrial-stage-top{display:flex;justify-content:space-between;gap:8px;padding:8px 8px 14px}.industrial-stage svg{width:100%;height:auto;aspect-ratio:5/4;display:block;background:#fff;border-radius:5px;touch-action:none}.industrial-target{cursor:move}.industrial-target [data-handle]{cursor:nwse-resize}.industrial-hint{text-align:center;color:#aebdb0;font-size:13px;padding:12px 0 3px}@media(max-width:800px){.industrial-layout{display:flex;flex-direction:column}.industrial-stage{order:0;width:100%}.industrial-panel{order:1;width:100%;max-height:none}.industrial-header{align-items:flex-start}.industrial-header .btn{white-space:nowrap}.industrial-stage-top{font-size:10px}}