@charset "UTF-8";
.colour-control{margin:0 0 14px}.colour-control>label,.colour-line-options label{display:block;font-size:14px;margin-bottom:6px;color:#425965}.colour-choice{display:flex;gap:8px;align-items:center}.colour-choice select,.colour-line-options select,.colour-line-options input{border:1px solid #dbe3e7;border-radius:5px;padding:8px;background:#f9fbfc;color:#293c47;font-size:14px;min-width:0;width:100%}.colour-choice select{flex:1}.colour-choice input[type=color]{width:36px;height:36px;flex:0 0 36px;border:1px solid #dbe3e7;border-radius:5px;padding:3px;background:white;cursor:pointer}.colour-rgb{display:block;font-size:12px;color:#71838e;margin-top:5px}.colour-line-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.colour-line-options label{font-size:12px}.colour-line-options input,.colour-line-options select{display:block;margin-top:5px}.appearance-note{font-size:12px;line-height:1.5;color:#71838e;margin:12px 0 0}.appearance-panel input:disabled,.appearance-panel select:disabled{opacity:.45;cursor:default}
/* Keep modal actions visible while long forms and export guidance scroll. */
dialog#dialog{position:fixed;inset:16px;margin:auto;max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px);overflow:hidden;background:#fff}
dialog#dialog[open]{display:flex;flex-direction:column}
dialog#dialog .dialog-heading,dialog#dialog .dialog-footer{flex:0 0 auto}
dialog#dialog .dialog-heading{gap:16px}
dialog#dialog .dialog-footer{flex-wrap:wrap;background:#fff}
dialog#dialog #dialogBody{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
dialog#dialog [hidden]{display:none!important}
.dialog-error{padding:12px 14px;border:1px solid #e3b7af;border-radius:6px;background:#fff2ee;color:#873a2d;font-size:14px;line-height:1.5;margin-bottom:16px;overflow-wrap:anywhere}
.export-help{margin:18px 0 0;padding:14px;border:1px solid #d5e5df;border-radius:6px;background:#f2f8f5}
.export-help ol{padding-left:20px;margin:10px 0}
.export-help p{font-size:13px;margin:8px 0 0}
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#23333c;background:#edf0f2;font-synthesis:none;--ink:#20333e;--muted:#6a7882;--line:#e0e5e8;--accent:#168b71;--mint:#d9f7ee;--panel:#fff}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;white-space:nowrap}button:disabled{opacity:.36;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #15987c;outline-offset:2px}button{color:inherit}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:hover{filter:brightness(.97)}.topbar{height:68px;background:#162b35;display:flex;align-items:center;padding:0 24px;gap:16px;color:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;font-weight:680;color:white;text-decoration:none}.brand-mark{width:31px;height:33px;background:#64e1ba;color:#143a36;font-size:25px;border-radius:6px;display:grid;place-items:center;font-weight:900}.brand-2d{font-size:14px;letter-spacing:0;color:#8ab7b6;margin-left:4px}.header-rule{height:26px;width:1px;background:#39505b;margin:0 3px}.document-name{border:0;background:transparent;color:#f3f7f8;font-size:14px;font-weight:600;padding:10px 0}.document-name span{margin-left:12px;color:#89a1ad}.save-state{font-size:12px;color:#9ab2bd}.top-spacer{flex:1}.search-button{display:flex;align-items:center;gap:9px;background:#253c47;border:1px solid #39525d;border-radius:6px;padding:8px 10px;font-size:13px;color:#c5d3d9}.search-button>span{font-size:22px;line-height:18px}kbd{font-family:inherit;font-size:11px;background:#eaf0f2;padding:2px 4px;border:1px solid #dce4e8;border-radius:3px;color:#81919b}.search-button kbd{background:#304954;border:0;color:#aebfc6;margin-left:22px}.top-icon{border:1px solid #7d969f;border-radius:50%;width:21px;height:21px;padding:0;background:transparent;color:#c2d3d9}.primary,.secondary{border-radius:6px;padding:9px 14px;font-size:14px;font-weight:600;border:1px solid #d9e3e7;background:#fff}.primary{background:#63e0b9;border-color:#63e0b9;color:#113c31}.primary span{margin-left:14px}.secondary.dark{color:#f5fafc;background:transparent;border-color:#4c626b}.menubar{height:42px;padding:0 23px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between}#menus{display:flex;gap:17px}#menus>button{background:none;border:0;font-size:14px;padding:10px 0}.workspace-mode{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.workspace-mode select{border:0;background:transparent;font-size:13px;color:var(--ink);font-weight:600;padding-right:8px}.contextbar{height:51px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:8px}.context-title{font-size:14px;font-weight:650;min-width:64px}.context-hint{color:var(--muted);font-size:13px}.divider{height:20px;background:var(--line);width:1px;margin:0 8px}.icon-btn{border:0;background:transparent;border-radius:5px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:22px}.icon-btn:hover{background:#edf2f4}.toggle{font-size:12px;padding:6px 9px;border:1px solid transparent;background:none;border-radius:5px;color:#6c7b84}.toggle.active{background:#e9f5f0;color:#227c68;border-color:#cee9de}.studio{height:calc(100dvh - 193px);display:flex;min-height:270px}.toolrail{width:64px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:3px;padding:14px 8px;overflow-y:auto;z-index:1}.tool-btn{width:42px;height:39px;border:0;border-radius:7px;background:none;display:grid;place-items:center;color:#63737e;flex-shrink:0;position:relative}.tool-btn.active{background:#dff5ec;color:#08785e}.tool-btn.active:before{content:"";position:absolute;width:3px;height:22px;border-radius:3px;background:#149976;left:-9px}.tool-divider{height:1px;background:var(--line);margin:8px 0;width:24px;flex-shrink:0}.drawing-area{flex:1;min-width:150px;position:relative;background:#e8edef;padding-left:25px;padding-top:25px;overflow:hidden}.ruler-corner{position:absolute;left:0;top:0;width:25px;height:25px;z-index:2;display:grid;place-items:center;background:#f8fafb;border-bottom:1px solid #d5dfe4;border-right:1px solid #d5dfe4;color:#8b989f;font-size:10px}.ruler{position:absolute;background:#f8fafb}.ruler.top{top:0;left:25px;height:25px;width:calc(100% - 25px);border-bottom:1px solid #d5dfe4}.ruler.left{top:25px;left:0;width:25px;height:calc(100% - 25px);border-right:1px solid #d5dfe4}#canvasWrap{position:relative;width:100%;height:100%;overflow:hidden}#drawingCanvas,#gridCanvas{position:absolute;inset:0;width:100%;height:100%}#drawingCanvas{touch-action:none;outline:none}.sheet-label{pointer-events:none;position:absolute;left:25px;top:20px;font-size:10px;letter-spacing:1.1px;color:#6e818c;display:flex;gap:16px;white-space:nowrap}.sheet-label span{font-size:11px;letter-spacing:0;color:#8b9aa4}.zoom-control{position:absolute;bottom:22px;left:22px;background:white;border:1px solid #dce3e7;border-radius:7px;display:flex;padding:4px;box-shadow:0 3px 12px #263b490b}.zoom-control button{height:28px;min-width:30px;border:0;background:none;font-size:17px}.zoom-control button#zoomLevel{font-size:12px;min-width:52px}.zoom-control span{width:1px;background:var(--line);margin:4px}.inspector{width:280px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto}.panel-tabs{height:49px;display:flex;gap:23px;padding:0 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.panel-tabs button{position:relative;border:0;background:transparent;padding:0;font-size:14px;color:#81909a}.panel-tabs button.active{color:#1f343e;font-weight:650}.panel-tabs button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;content:"";background:var(--accent)}.panel-section{padding:20px;border-bottom:1px solid #e9edef}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h3{font-size:13px;margin:0;font-weight:650}.subtle{font-size:12px;color:#8a979f}.selection-name{font-weight:650;font-size:16px;margin:0 0 5px}.selection-type{font-size:12px;color:#85939c;margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;align-items:center;background:#f6f8f9;border:1px solid #e2e8eb;border-radius:5px;padding:7px 9px;min-width:0;gap:7px}.field span{color:#82919b;font-size:12px;min-width:12px}.field input,.field select{background:none;border:0;color:#354851;outline:none;font-size:13px;width:100%;min-width:0}.field input[type=number]{appearance:textfield;-moz-appearance:textfield}.field input::-webkit-inner-spin-button{appearance:none}.field em{color:#9aa6ae;font-size:11px;font-style:normal}.field-label{display:block;font-size:12px;color:#73848f;margin:0 0 7px}.form-row{margin-bottom:14px}.form-row>input,.form-row>select,.form-row>textarea{display:block;width:100%;padding:9px 11px;border:1px solid #dbe3e7;border-radius:5px;background:#f9fbfc;font-size:14px}.form-row textarea{min-height:78px;resize:vertical}.form-row:last-child{margin-bottom:0}.button-row{display:flex;gap:7px;flex-wrap:wrap}.mini-button{background:#fff;border:1px solid #dfe6e9;border-radius:5px;padding:7px 9px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.mini-button svg{width:16px;height:16px}.wide{width:100%}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-grid button{justify-content:flex-start}.align-row{display:flex;justify-content:space-between}.align-row button{width:31px;padding:6px;background:none;border:0}.color-field{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:11px}.color-field>span{min-width:45px;color:#7b8991}.color-field input[type=color]{padding:0;border:0;background:none;width:24px;height:25px}.color-field input[type=text]{width:77px;border:0;color:#4e616b;background:none;font-size:12px}.color-field input[type=number]{width:55px;border:1px solid var(--line);padding:5px;background:#f8fafb;border-radius:4px}.swatches{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.swatches button{width:19px;height:19px;border-radius:50%;border:1px solid #0001;padding:0}.swatches button.none{background:linear-gradient(135deg,#fff 46%,#dc6274 47%,#dc6274 53%,#fff 54%)}.project-note{margin:16px;padding:15px;background:#eff8f5;border:1px solid #d5ebe3;border-radius:7px}.project-note h4{font-size:13px;margin:0 0 7px;color:#226e5b}.project-note p{font-size:12px;color:#66847a;line-height:1.6;margin:0 0 12px}.project-note button{background:none;color:#187a60;border:0;font-size:12px;padding:0}.layer-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 8px;border-radius:6px;margin-bottom:7px;cursor:pointer}.layer-row.active{background:#eef8f4;border-color:#b9e1d2}.layer-row .layer-color{height:13px;width:13px;border-radius:3px}.layer-row .layer-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis}.layer-row button{border:0;background:none;font-size:13px;padding:2px;color:#72858d}.object-row{border:0;border-bottom:1px solid #eef1f3;display:flex;background:none;width:100%;text-align:left;align-items:center;padding:9px 4px;font-size:12px;gap:10px}.object-row.active{color:#078469;background:#f0f9f5}.badge{font-size:11px;padding:3px 6px;border:1px solid #d6e7e0;border-radius:4px;color:#659284}.statusbar{height:32px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:9px;font-size:11px;color:#7e8d96}.status-dot{width:6px;height:6px;border-radius:50%;background:#4bbaa0}.footer-separator{height:12px;width:1px;background:var(--line);margin:0 8px}.statusbar button{font-size:11px;border:0;background:none;color:#7e8d96}.dropdown{position:fixed;z-index:100;background:white;box-shadow:0 10px 35px #19334325;border:1px solid #dfe6ea;border-radius:7px;padding:5px;min-width:240px;max-height:calc(100vh - 80px);overflow:auto}.dropdown button{width:100%;display:flex;gap:20px;justify-content:space-between;text-align:left;border:0;background:none;padding:9px 11px;font-size:13px;border-radius:3px}.dropdown button:hover{background:#edf7f3}.dropdown hr{border:0;border-top:1px solid #e8edf0;margin:5px}.dropdown kbd{background:none;border:0}.dropdown .menu-label{font-size:11px;color:#91a0a8;padding:8px 11px}dialog{border:1px solid #dce6e9;border-radius:12px;padding:0;box-shadow:0 24px 100px #122f4b44;max-width:min(660px,94vw);width:540px;color:#293c47}dialog::backdrop{background:#18343e60;backdrop-filter:blur(2px)}.dialog-heading{padding:20px 24px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f3}.dialog-heading h2{font-size:20px;font-weight:650;margin:0;letter-spacing:-.35px}#dialogBody{padding:22px 24px;max-height:66vh;overflow-y:auto;font-size:14px;line-height:1.55}#dialogBody p:first-child{margin-top:0}#dialogBody p{color:#6b7f8a}#dialogBody h3{font-size:15px;margin:19px 0 8px}#dialogBody li{margin-bottom:7px}.dialog-footer{border-top:1px solid var(--line);padding:16px 24px;display:flex;justify-content:flex-end;gap:10px}.dialog-footer:empty{display:none}#toast{position:fixed;bottom:56px;left:50%;transform:translateX(-50%);background:#183d38;color:#fff;font-size:13px;border:1px solid #467369;padding:12px 20px;border-radius:7px;box-shadow:0 7px 24px #29433d22;z-index:200;max-width:90vw;text-align:center}.empty-hint{position:absolute;top:50%;left:15%;right:15%;transform:translateY(-50%);text-align:center;pointer-events:none;color:#9dafb6}.empty-hint strong,.empty-hint span{display:block}.empty-hint strong{font-weight:500;font-size:21px;margin-bottom:12px}.empty-hint span{font-size:13px}.issue{padding:10px;border-radius:5px;background:#fff5e5;font-size:12px;margin-bottom:7px;color:#876433}.issue.ok{background:#eaf7ef;color:#43765a}.check-row{font-size:13px;display:flex;gap:9px;align-items:center;margin:10px 0}.keyboard-table{width:100%;border-collapse:collapse;font-size:13px}.keyboard-table td{padding:8px;border-bottom:1px solid #e6edf0}.command-list{display:flex;flex-direction:column;gap:3px}.command-list button{display:flex;justify-content:space-between;background:transparent;border:0;border-radius:5px;padding:10px;font-size:14px;text-align:left}.command-list button:hover{background:#edf8f3}.dialog-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}a{color:#13846b}.hint-small{font-size:12px;color:#86969e;line-height:1.6;margin:10px 0 0}.print-root{display:none}@media(max-width:1150px){.inspector{width:244px}.topbar{padding:0 16px;gap:12px}.search-button kbd,.save-state{display:none}.context-hint{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:45vw}.panel-section{padding:16px}.search-button{font-size:12px}}@media(max-width:850px){.inspector{width:215px}.workspace-mode>span,.search-button,.header-rule{display:none}.topbar{gap:9px}.topbar .secondary{display:none}.topbar{height:59px}.context-hint{display:none}.menubar{padding:0 15px}.studio{height:calc(100dvh - 184px)}.toolrail{width:52px;padding:10px 5px}.tool-btn{width:38px}.sheet-label{display:none}.statusbar #coordinates{display:none}}@media(max-width:650px){.inspector{position:absolute;right:0;top:152px;bottom:32px;width:220px;box-shadow:-4px 0 20px #20313b15;z-index:5;display:none}.inspector.mobile-open{display:block}.topbar .document-name{max-width:145px;overflow:hidden;text-overflow:ellipsis}.topbar{padding:0 12px}.brand{font-size:20px}.brand-mark{width:26px;height:29px;font-size:23px}.brand-2d{font-size:10px}.topbar .primary{padding:7px 10px}.workspace-mode{display:none}#menus{gap:17px}.contextbar{padding:0 12px}.footer-separator,.statusbar #objectCount{display:none}.panel-tabs{gap:19px}.dialog-cols{grid-template-columns:1fr}.top-icon{margin-left:auto}.toolrail{width:48px}.tool-btn.active:before{left:-5px}}@media print{@page{margin:0}body>*{display:none!important}body .print-root{display:block!important}body{overflow:visible;background:white}.print-root svg{display:block}}
@font-face{font-family:Abel;src:url("vendor/Abel-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}.toolrail{overflow-x:hidden}

/* Supplier attribution beneath the existing Forma wordmark. */
.brand{flex-direction:column;align-items:center;gap:3px;flex-shrink:0;line-height:1}
.brand-main{display:flex;align-items:center;gap:10px}
.brand-byline{font-size:11px;font-weight:600;line-height:14px;letter-spacing:1.6px;color:#b8ded3;white-space:nowrap}

.place-centre-button{margin-top:12px;width:100%;justify-content:center;color:#116c58;background:#edf8f3;border-color:#a8d2c1}

.placement-reference{margin:8px 0 0;text-align:center;font-size:12px;line-height:1.5;color:#285ab4;font-weight:600}

/* Bitmap comparison keeps the actions visible even on short screens. */
dialog#dialog.bitmap-dialog{width:1120px}
.bitmap-intro{margin-bottom:16px}
.bitmap-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}
.bitmap-controls{padding-right:22px;border-right:1px solid var(--line)}
.bitmap-controls .form-row{display:block;margin-bottom:12px}
.bitmap-controls .dialog-cols{gap:10px;grid-template-columns:1fr 1fr}
.bitmap-controls .hint-small{margin:0 0 16px}
.bitmap-comparison{min-width:0;position:sticky;top:0}
.bitmap-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#liveDimensions{position:absolute;bottom:18px;left:18px;width:356px;max-width:calc(100% - 36px);padding:13px 15px;background:#fff;border:1px solid #cbdadf;border-radius:9px;box-shadow:0 4px 18px #233c4a1a;color:#304d59;z-index:3;font-size:12px}
#liveDimensions[hidden]{display:none}
.live-dimension-heading{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.live-dimension-heading strong{font-size:13px}.live-dimension-heading>span{color:#66818b;font-size:11px;flex:1}
#clearLiveDimensions{border:0;background:transparent;color:#157f6c;font-size:12px;padding:2px 0;cursor:pointer}
.live-dimension-close{border:0;background:transparent;color:#617b88;border-radius:4px;padding:0;width:22px;height:22px;font-size:19px;line-height:1;flex-shrink:0}.live-dimension-close:hover{background:#edf3f5}
#drawToSizeToggle{flex-shrink:0}.context-hint{min-width:0}
.live-dimension-fields{display:flex;gap:10px}.live-dimension-fields label{display:block;flex:1;min-width:0}.live-dimension-fields label>span:first-child{display:block;margin-bottom:4px;font-weight:600}
.live-dimension-entry{display:flex;align-items:center;border:1px solid #bdccd3;border-radius:5px;background:#f8fafb;overflow:hidden}
.live-dimension-entry input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:7px 9px!important;font:15px 'Segoe UI',sans-serif;color:#304d59;outline-offset:-2px}
.live-dimension-entry em{font-style:normal;color:#718891;padding-right:9px;font-size:11px}
.live-dimension-fields label.active .live-dimension-entry{border-color:#168e72;box-shadow:0 0 0 1px #168e7220}
.live-dimension-fields label.fixed .live-dimension-entry{background:#eaf7f1}
#liveDimensions.invalid .live-dimension-entry:has([aria-invalid="true"]){border-color:#b43241;background:#fff0f1}
#liveDimensionHint{font-size:11px;line-height:1.5;margin:8px 0 0;color:#617b88}#liveDimensions.invalid #liveDimensionHint{color:#b43241}
@media(max-width:950px){#liveDimensions{bottom:65px}}
.bitmap-preview-pair figure{margin:0;min-width:0}
.bitmap-preview-pair figcaption{font-size:13px;font-weight:600;margin-bottom:9px;color:#314c57}
#bitmapResultKind{color:#6b7f8a;font-weight:400}
.bitmap-image-window{height:285px;overflow:auto;background:#edf1f3;border:1px solid #dbe4e8;border-radius:6px;display:flex;align-items:center;justify-content:center}
.bitmap-image-window canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;object-fit:contain}
.bitmap-image-window:has(.actual-pixels){display:block}
.bitmap-image-window canvas.actual-pixels{max-width:none;max-height:none;image-rendering:pixelated}
.bitmap-image-window canvas.processing{opacity:.4}
.bitmap-preview-toolbar{display:flex;align-items:end;gap:12px;margin-top:14px}
.bitmap-preview-toolbar .form-row{margin:0;flex:1}
#bitmapProgress{min-height:24px;font-weight:600;color:#226b57!important;margin-bottom:6px}
#bitmapInfo{margin-top:0}
@media(max-width:900px){.bitmap-layout{grid-template-columns:260px minmax(0,1fr);gap:16px}.bitmap-controls{padding-right:16px}.bitmap-preview-pair{grid-template-columns:1fr}.bitmap-image-window{height:175px}.bitmap-preview-toolbar{align-items:stretch;flex-direction:column}}
@media(max-width:600px){.bitmap-layout{grid-template-columns:1fr}.bitmap-controls{border-right:0;padding-right:0}.bitmap-comparison{position:static}.bitmap-preview-pair{grid-template-columns:1fr 1fr}.bitmap-image-window{height:160px}.bitmap-preview-toolbar{flex-direction:row;align-items:end}}

/* Pointer feedback never intercepts clicks or becomes drawing/export content. */
#drawingCursorPrompt{position:absolute;z-index:4;pointer-events:none;max-width:calc(100% - 8px);padding:7px 10px;border:1px solid #bdcfd5;border-radius:7px;background:#fffef8;color:#29434f;box-shadow:0 3px 12px #1735411a;font:12px/1.45 system-ui,sans-serif}
#drawingCursorPrompt[hidden]{display:none}
#drawingCursorPrompt strong{display:block;font-weight:600}
#drawingCursorPrompt span{display:block;color:#586f7a;font-size:11px}
#drawingCursorPrompt span[hidden]{display:none}
#drawingCursorPrompt[data-intent="move"],#drawingCursorPrompt[data-intent="edit-node"]{border-color:#5ba4b9;background:#f0faff}

.tracking-switch{display:flex;align-items:stretch;flex-shrink:0;border:1px solid #dce6e5;border-radius:6px}.tracking-switch #trackingToggle{border-radius:5px 0 0 5px}.tracking-switch #trackingOptions{border-radius:0 5px 5px 0;border-left:1px solid #dce6e5;padding:6px 8px;color:#357265}.tracking-switch #trackingOptions[aria-expanded=true]{background:#e9f5f0}.tracking-settings{border:0;margin:0;padding:10px;width:288px;max-width:calc(100vw - 28px)}.tracking-settings legend{padding:6px 0 0;font-size:14px;font-weight:650}.tracking-settings p{margin:5px 0 10px;color:#6a7d86;font-size:12px;line-height:1.5}.tracking-settings label{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 3px;cursor:pointer;border-radius:5px}.tracking-settings label:hover{background:#f0f8f4}.tracking-settings input{width:17px;height:17px;accent-color:#168b71;flex-shrink:0}.tracking-settings label span{font-size:13px;color:#263e49}.tracking-settings small{display:block;color:#71848c;font-size:11px;margin-top:3px}.tracking-settings .tracking-settings-help{margin:10px 0 0;padding-top:10px;border-top:1px solid #e2e9eb}

/* Corner preview controls */
.corner-panel p{line-height:1.55}.corner-panel select,.corner-panel input{width:100%;min-height:40px}.corner-panel #cornerMessage{padding:10px;background:#eef7f3;border-radius:6px;color:#17604f}.corner-panel #cornerMessage.corner-error{background:#fff0ed;color:#9d3941}.corner-actions{display:flex;gap:8px;flex-wrap:wrap;position:sticky;bottom:0;z-index:2;background:#fff;padding:10px 0;border-top:1px solid #e2e9eb}.corner-actions button{min-height:40px}.corner-actions button:disabled{opacity:.45;cursor:not-allowed}


/* Design wizards: controls stay readable on classroom tablets. */
dialog#dialog.wizard-dialog{width:1080px;max-width:96vw;max-height:96dvh}
.wizard-dialog #dialogBody{max-height:calc(96dvh - 148px);padding:18px 22px}
.wizard-dialog .dialog-footer button{min-height:44px;min-width:92px}
.wizard-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.wizard-types button{background:#f3f8f7;border:1px solid #d4e3df;border-radius:8px;padding:11px 14px;min-height:44px;color:#315953;font-weight:600;cursor:pointer}
.wizard-types button[aria-pressed=true]{background:#183c40;color:white;border-color:#183c40}
.wizard-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}
.wizard-controls h3{margin-top:0!important}.wizard-controls .form-row{margin-bottom:10px}.wizard-controls input,.wizard-controls select{min-height:42px;width:100%;box-sizing:border-box}
.wizard-controls input[type=checkbox]{min-height:20px;width:20px}.wizard-controls details{margin:16px 0}.wizard-controls summary{cursor:pointer;padding:8px 0;color:#416b65}
.wizard-preview{background:#f6faf9;border:1px solid #d6e6e1;border-radius:10px;min-height:250px;display:grid;place-items:center;overflow:hidden}
.wizard-preview svg{width:100%;height:320px;display:block;background-image:radial-gradient(#cedfdb .65px,transparent .65px);background-size:12px 12px}
.wizard-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;padding:10px 0}.wizard-legend span:first-child{color:#bf3840}.wizard-legend span:last-child{color:#2779c5}
#wizardSummary{color:#214c47!important;font-weight:650;margin:8px 0}#wizardMetrics{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}#wizardMetrics span{background:#e8f3ef;color:#325c53;border-radius:5px;padding:5px 8px;font-size:12px}
#wizardNotes{font-size:12px;color:#5b737d;padding-left:18px;line-height:1.55}.wizard-empty{padding:25px;text-align:center}
@media(max-width:760px){.wizard-layout{grid-template-columns:1fr}.wizard-output{grid-row:1}.wizard-preview svg{height:220px}.wizard-types button{flex:1 1 120px;padding:9px}.wizard-dialog #dialogBody{padding:14px}.wizard-controls #wizardFields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wizard-controls #wizardFields .form-row{margin:0}}