:root{color-scheme:light}body.drawing-studio{background:#edf0f1;color:#25333a;margin:0;font-family:system-ui,sans-serif}.studio-header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 24px;background:#27373f;color:white}.studio-header a{color:white}.studio-header h1{font-size:23px;margin:0;flex:1}.studio-login{max-width:540px;margin:70px auto;padding:32px;background:white;border:1px solid #b9c4c9;border-radius:12px}.studio-login a{display:inline-block;padding:12px;border-radius:7px}.studio-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:14px 20px}.studio-controls label{display:flex;flex-direction:column;gap:5px;min-width:180px}.studio-controls input,.studio-controls select{max-width:100%;height:40px;border:1px solid #a9b6be;border-radius:6px;padding:6px}.studio-controls button,.studio-header button{min-height:40px;padding:8px 15px;border:1px solid #a9b6be;border-radius:6px;cursor:pointer}.studio-controls .primary{background:#324d5b;color:white}.studio-note{padding:0 20px;color:#53656f}.studio-hoods{padding:0 20px 24px;display:grid;gap:18px}.studio-hood{background:white;border:1px solid #bdc6cb;border-radius:10px;overflow:hidden}.studio-hood-head{display:flex;gap:12px;align-items:center;padding:12px}.studio-hood-head strong{flex:1}.studio-preview{width:100%;overflow:auto}.studio-preview svg{display:block;width:100%;min-width:580px;height:auto}.drawing-studio #fieldBuilder .field-tool-header-actions{flex-wrap:wrap}.drawing-studio #openSystemDetails,.drawing-studio #openIsoBuilder{display:none}.studio-error{color:#9b2424}@media(max-width:650px){.studio-header{padding:12px;gap:10px}.studio-header h1{font-size:20px}.studio-controls{padding:12px;gap:8px}.studio-controls label{min-width:0;flex:1 1 180px}.studio-login{margin:30px 12px;padding:24px}.studio-hoods{padding:0 12px 20px}.studio-preview svg{min-width:0}}@media print{.studio-header,.studio-controls,.studio-note,.studio-hood-head{display:none}.studio-hood{break-after:page;border:0}.studio-preview svg{min-width:0}}

.drawing-studio.studio-pipe-access #openIsoBuilder{display:inline-flex}

body.drawing-studio{min-width:0;width:100%}.studio-controls>*{max-width:100%}