.doodle-studio{--doodle-face:#aaa9a4;--doodle-panel:#c8c8c4;--doodle-paper:#eeeeea;--doodle-edge:#292929;--doodle-highlight:#eeeeea;--doodle-shadow:#62615e;--doodle-detail:#7a7975;--doodle-accent:#65517d;--doodle-active:#ded5e8;--doodle-raised:inset 1px 1px 0 var(--doodle-highlight),inset -2px -2px 0 var(--doodle-shadow);--doodle-sunken:inset 1px 1px 0 var(--doodle-shadow),inset -1px -1px 0 var(--doodle-highlight);display:flex;flex-direction:column;width:min(1120px,calc(100vw - 32px));height:min(820px,90svh);max-width:100%;max-height:100%;overflow:hidden;border:1px solid var(--doodle-edge);padding:3px;color:var(--doodle-edge);background:var(--doodle-face);box-shadow:inset 2px 2px 0 var(--doodle-highlight),inset -2px -2px 0 var(--doodle-shadow),4px 4px 0 rgb(0 0 0/42%);font-family:Tahoma,"MS Sans Serif",sans-serif;font-size:13px;line-height:1.4;color-scheme:light;isolation:isolate;container-name:doodle;container-type:inline-size}.doodle-studio,.doodle-studio *,.doodle-studio :after,.doodle-studio :before{box-sizing:border-box}.doodle-studio button,.doodle-studio input,.doodle-studio select,.doodle-studio textarea{font:inherit;color:inherit}.doodle-studio button{cursor:pointer}.doodle-studio button:disabled{cursor:default;opacity:.5}.doodle-studio h1,.doodle-studio h2,.doodle-studio h3,.doodle-studio p{margin:0}.doodle-studio button:focus-visible,.doodle-studio canvas:focus-visible,.doodle-studio input:focus-visible,.doodle-studio summary:focus-visible,.doodle-studio textarea:focus-visible{outline:2px solid var(--doodle-accent);outline-offset:2px}.doodle-studio input[type=number],.doodle-studio input[type=text],.doodle-studio select,.doodle-studio textarea{min-width:0;border:1px solid var(--doodle-edge);border-radius:0;padding:5px 7px;background:var(--doodle-paper);box-shadow:var(--doodle-sunken)}.doodle-studio input[type=range]{accent-color:var(--doodle-accent);cursor:pointer}.doodle-studio fieldset{min-width:0}.doodle-studio summary{cursor:pointer}.doodle-studio :disabled input,.doodle-studio input:disabled{cursor:default}.doodle-titlebar{display:flex;align-items:center;gap:10px;min-height:42px;border:1px solid var(--doodle-edge);padding:5px 8px;background:#797283;color:#fff;box-shadow:inset 1px 1px 0 #a39aa9,inset -1px -1px 0 #48404f}.doodle-titlebar h1,.doodle-titlebar>strong{flex:1;min-width:0;font-size:16px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.doodle-title-edit{display:flex;flex:1;min-width:0;align-items:baseline;gap:6px;font-size:16px;font-weight:700}.doodle-title-edit input{min-width:8ch;flex:1;border:0;background:transparent;color:inherit;font:inherit;outline:none}.doodle-title-edit input:focus{background:#00000022}.doodle-titlebar .doodle-button{min-width:30px;min-height:30px;padding:2px 5px;color:var(--doodle-edge)}.doodle-titlebar>.doodle-title,.doodle-titlebar>div:first-child{min-width:0}.doodle-command-drawer{position:relative;flex-shrink:0}.doodle-command-summary{display:none}.doodle-commandbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 5px;border-bottom:1px solid var(--doodle-shadow);box-shadow:0 1px 0 var(--doodle-highlight)}.doodle-commandbar>.doodle-command-spacer{flex:1}.doodle-commandbar .doodle-command-group{display:flex;align-items:center;gap:4px}.doodle-commandbar .doodle-command-group+.doodle-command-group{margin-left:4px;padding-left:8px;border-left:1px solid var(--doodle-shadow)}.doodle-filebar{display:grid;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;min-height:26px;border-bottom:1px solid var(--doodle-shadow);padding:4px 8px;background:var(--doodle-panel);box-shadow:0 1px 0 var(--doodle-highlight);font-size:12px;line-height:16px}.doodle-filebar>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doodle-filebar>span:nth-child(2){text-align:right;color:#4e4558}.doodle-filebar>:is([role=status],[role=alert]){grid-column:1/-1;max-height:48px;overflow-y:auto;overflow-wrap:anywhere;color:#4e4558}.doodle-filebar>:is([role=status],[role=alert]):empty{display:none}.doodle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid var(--doodle-edge);border-radius:0;padding:5px 10px;background:var(--doodle-panel);box-shadow:var(--doodle-raised);font-size:13px;line-height:1.25;text-decoration:none}.doodle-button:hover:not(:disabled),.doodle-option:hover,.doodle-set-tab:hover,.doodle-tool-card:hover{background:#deded8}.doodle-button:active:not(:disabled),.doodle-button[aria-pressed=true],.doodle-option[aria-pressed=true],.doodle-set-tab[aria-pressed=true],.doodle-tool-card[aria-pressed=true]{background:var(--doodle-active);box-shadow:var(--doodle-sunken)}.doodle-button-primary{background:var(--doodle-active);font-weight:700}.doodle-button-danger{color:#722d2d}.doodle-text-button{border:0;padding:2px 0;background:none;color:var(--doodle-accent);text-decoration:underline;text-underline-offset:3px}.doodle-tool-icon{display:block;width:24px;height:24px;flex:0 0 24px;overflow:visible}.doodle-body{display:grid;flex:1;grid-template-columns:clamp(118px,28%,260px) minmax(0,1fr);min-height:0;gap:8px;padding:8px 5px;overflow:hidden}.doodle-sidebar{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1px 5px 8px 1px}.doodle-library-mobile,.doodle-portrait-tabs{display:none}.doodle-dock-panel{display:contents}.doodle-landscape-colour{display:block}.doodle-workspace{display:flex;min-width:0;min-height:0;flex-direction:column;gap:8px;overflow:hidden}.doodle-canvas-well{position:relative;display:grid;flex:1;min-width:0;min-height:160px;place-items:center;overflow:hidden;border:1px solid var(--doodle-edge);padding:12px;background:#858680;box-shadow:inset 2px 2px 0 var(--doodle-shadow),inset -2px -2px 0 var(--doodle-highlight)}.doodle-canvas-frame{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%;background:#fff;box-shadow:0 0 0 1px var(--doodle-edge),3px 3px 0 rgb(41 41 41/28%)}.doodle-canvas-well canvas{display:block;max-width:100%;max-height:100%;touch-action:none}.doodle-statusbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 14px;min-height:28px;border-top:1px solid var(--doodle-shadow);padding:5px 8px;background:var(--doodle-panel);font-size:12px}.doodle-statusbar>*{min-width:0;overflow-wrap:anywhere}.doodle-inspector,.doodle-library{border:1px solid var(--doodle-edge);background:var(--doodle-panel);padding:10px;box-shadow:inset 1px 1px 0 var(--doodle-highlight)}.doodle-inspector{margin-top:10px}.doodle-library-heading,.doodle-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.doodle-section-heading h2{font-size:14px;font-weight:700}.doodle-source-tool-group+.doodle-source-tool-group{margin-top:16px;padding-top:14px;border-top:1px solid #9b9994}.doodle-badge{flex-shrink:0;border:1px solid #88818e;padding:1px 5px;background:#ded9e2;font-size:12px;line-height:1.5}.doodle-caption,.doodle-control-note,.doodle-library-note{color:#4e4b4f;font-size:12px;line-height:1.45}.doodle-library>.doodle-caption{margin-top:3px}.doodle-library-toggle{display:flex;align-items:center;gap:7px;width:100%;min-height:30px;padding:2px 0;border:0;background:none;text-align:left}.doodle-library-toggle>svg{flex-shrink:0}.doodle-library-toggle>span:not(.doodle-disclosure){flex:1;font-size:13px;font-weight:700}.doodle-library-toggle small{display:block;color:#57515b;font-size:12px;font-weight:400}.doodle-disclosure{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--doodle-edge);margin-right:4px}.doodle-library-toggle[aria-expanded=true] .doodle-disclosure{transform:rotate(90deg)}.doodle-family-select{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin:8px 0 6px;font-size:12px}.doodle-family-select select{width:100%;min-height:34px;padding:4px!important;font-size:12px}.doodle-library-tabs{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 6px}.doodle-unlock-cta{display:block;width:100%;margin:10px 0 4px;min-height:36px;font-weight:700}.doodle-set-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:10px 0}.doodle-set-tab{display:flex;min-width:0;align-items:center;gap:6px;min-height:34px;border:1px solid #7a7975;border-radius:0;padding:5px;background:#b9b8b2;box-shadow:inset 1px 1px 0 var(--doodle-highlight);text-align:left;font-size:12px;line-height:1.25}.doodle-set-tab:first-child{grid-column:1/-1}.doodle-set-tab svg{flex:0 0 16px}.doodle-set-tab span{min-width:0}.doodle-library-heading{border-top:1px solid #9b9994;padding-top:8px;margin-top:8px}.doodle-library-heading h3{font-size:13px;font-weight:700}.doodle-library-heading>span{white-space:nowrap;font-size:12px;color:#57544f}.doodle-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:166px;overflow-y:auto;overscroll-behavior:contain;padding:2px;margin:6px -2px 8px}.doodle-tool-card{display:flex;align-items:center;gap:7px;min-width:0;min-height:36px;border:1px solid var(--doodle-edge);padding:4px;background:#d6d6d0;box-shadow:var(--doodle-raised);text-align:left;font-size:12px;line-height:1.25}.doodle-tool-card.is-free{background:#cfcfc9;color:#5a5a54}.doodle-tool-card.is-priced{background:#ddd4c4;border-color:#c4b49a;color:#4a3f32}.doodle-tool-card.is-free:hover{background:#d8d8d2}.doodle-tool-card.is-priced:hover{background:#e4d9c6}.doodle-tool-card[aria-pressed=true]{outline:1px solid var(--doodle-accent);outline-offset:-3px}.doodle-tool-card-copy{display:flex;min-width:0;flex-direction:column;gap:1px}.doodle-tool-card-name{min-width:0}.doodle-tool-card-price{font-size:10px;font-weight:600;letter-spacing:.04em;color:#8a7358}.doodle-library-note{border-top:1px solid #9b9994;padding-top:7px}.doodle-library-subheading{margin:14px 0 7px;color:#514861;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.doodle-inspector-heading{display:flex;align-items:center;gap:8px}.doodle-inspector-heading>div{min-width:0;flex:1}.doodle-inspector-heading h2{font-size:16px;line-height:1.25;font-weight:700}.doodle-inspector-compact .doodle-inspector-heading h2{font-size:14px}.doodle-inspector-compact{padding:8px}.doodle-eyebrow{color:#57515b;font-size:12px;letter-spacing:.035em}.doodle-tool-description{margin-top:6px!important;color:#464344;font-size:12px;line-height:1.45}.doodle-material-preview{position:relative;min-height:72px;border:1px solid var(--doodle-shadow);margin:10px 0;background:#fff;box-shadow:var(--doodle-sunken)}.doodle-material-preview canvas{display:block;width:100%;height:auto;aspect-ratio:10/3}.doodle-preview-caption{position:absolute;right:4px;bottom:3px;padding:1px 3px;background:rgb(255 255 255/85%);color:#62615e;font-size:12px;pointer-events:none}.doodle-preview-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px;background:#eeeeea;text-align:center;font-size:12px}.doodle-control-stack{display:grid;gap:12px}.doodle-range-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px}.doodle-range-control>label{font-size:12px;font-weight:700}.doodle-range-control>input[type=range]{grid-column:1/-1;width:100%;height:24px;margin:0}.doodle-number-with-unit{display:flex;align-items:center;gap:4px;min-width:0;font-size:12px}.doodle-number-with-unit input{width:62px;height:30px;padding:3px 4px!important;font-family:Courier New,monospace;font-variant-numeric:tabular-nums}.doodle-number-with-unit>span{min-width:14px}.doodle-options{margin:0;border:0;padding:0}.doodle-options legend{margin-bottom:5px;padding:0;font-size:12px;font-weight:700}.doodle-options>div{display:flex;flex-wrap:wrap;gap:4px}.doodle-option{flex:1 0 auto;min-height:32px;border:1px solid #7a7975;padding:5px 7px;background:#deded8;box-shadow:inset 1px 1px 0 var(--doodle-highlight);font-size:12px}.doodle-text-control{display:grid;gap:5px;font-size:12px;font-weight:700}.doodle-text-control textarea{width:100%;min-height:86px;max-height:200px;resize:vertical;font-size:13px;font-weight:400}.doodle-text-control>span{font-weight:400}.doodle-inspector-actions{display:grid;gap:6px;margin-top:14px}.doodle-affinities{margin-top:12px;border-top:1px solid #9b9994;padding-top:8px}.doodle-affinities summary{font-size:12px;font-weight:700}.doodle-affinities summary span{margin-left:4px;color:#655d6c;font-weight:400}.doodle-affinities[open]>.doodle-control-note{margin-top:7px}.doodle-affinities dl{display:grid;gap:5px;margin:10px 0;font-size:12px}.doodle-affinities dl>div{display:flex;justify-content:space-between;gap:10px}.doodle-affinities dd{margin:0;font-family:Courier New,monospace;font-weight:700}.doodle-reference-price{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;border-top:1px solid #a4a09e;padding-top:7px;font-size:12px}.doodle-colour-shelf{flex-shrink:0;margin:0;border:1px solid var(--doodle-shadow);padding:7px 10px 8px;background:var(--doodle-panel);box-shadow:inset 1px 1px 0 var(--doodle-highlight)}.doodle-sidebar .doodle-colour-shelf{margin-top:10px;padding:7px 8px 8px}.doodle-sidebar .doodle-swatches{grid-template-columns:repeat(7,minmax(0,1fr))}.doodle-sidebar .doodle-colour-heading{gap:6px}.doodle-sidebar .doodle-colour-heading>.doodle-caption{flex-basis:100%;margin-left:0}.doodle-sidebar .doodle-colour-editor{grid-template-columns:1fr}.doodle-colour-shelf>legend{padding:0 5px;font-size:12px;font-weight:700}.doodle-colour-heading{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:7px;font-family:Courier New,monospace;font-size:12px}.doodle-colour-heading>.doodle-caption{margin-left:auto;font-family:Tahoma,sans-serif}.doodle-current-colour{width:18px;height:18px;border:1px solid var(--doodle-edge);box-shadow:inset 1px 1px 0 rgb(255 255 255/35%)}.doodle-swatches{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;padding:2px}.doodle-swatch{min-width:0;min-height:25px;border:1px solid var(--doodle-edge);padding:0;box-shadow:inset 1px 1px 0 rgb(255 255 255/60%),inset -1px -1px 0 rgb(0 0 0/30%)}.doodle-swatch[aria-pressed=true]{outline:2px solid var(--doodle-edge);outline-offset:1px;position:relative;z-index:1}.doodle-custom-colour{margin-top:8px}.doodle-custom-colour>summary{font-size:12px}.doodle-custom-colour>summary>span{margin-left:7px;color:#5b5660;font-size:12px}.doodle-colour-editor{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);gap:12px;margin-top:9px}.doodle-hex-row{display:flex;align-items:flex-end;gap:6px}.doodle-hex-field,.doodle-native-colour{display:grid;min-width:0;gap:4px;font-size:12px}.doodle-native-colour input{width:35px;height:32px;border:1px solid var(--doodle-edge);padding:2px;background:var(--doodle-paper)}.doodle-hex-field{flex:1}.doodle-hex-field input{width:100%;height:32px;font-family:Courier New,monospace}.doodle-channel-group{margin:0;border:0;padding:0}.doodle-channel-group>legend{margin-bottom:4px;padding:0;color:#57515b;font-size:12px}.doodle-channel-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.doodle-channel{display:grid;align-content:end;gap:4px;min-width:0;font-size:12px}.doodle-channel input{width:100%;height:32px;padding:3px 4px!important}.doodle-colour-shelf:disabled .doodle-custom-colour,.doodle-colour-shelf:disabled .doodle-swatches{opacity:.55}.doodle-modal-backdrop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:rgb(41 41 41/35%)}.doodle-dialog{display:flex;flex-direction:column;gap:12px;max-width:100%;max-height:100%;overflow:auto;width:620px;border:1px solid var(--doodle-edge);padding:12px;background:var(--doodle-panel);box-shadow:var(--doodle-raised),4px 4px 0 rgb(0 0 0/35%)}.doodle-dialog h2{font-size:17px}.doodle-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.doodle-dialog input[type=text]{width:100%}.doodle-commandbar,.doodle-statusbar,.doodle-titlebar{flex-shrink:0}.doodle-app-icon{display:block;flex:0 0 54px;width:54px;height:48px;overflow:visible}.doodle-preview-badge{padding:2px 5px;border:1px solid #b5acbf;color:#fff;font-size:12px;white-space:nowrap;letter-spacing:.025em}.doodle-toolbar-divider{width:1px;height:25px;margin:0 3px;background:var(--doodle-shadow);box-shadow:1px 0 0 var(--doodle-highlight)}.doodle-text-link{padding:5px;color:var(--doodle-edge);text-decoration:underline;text-underline-offset:3px;font-size:12px}.doodle-primary{background:var(--doodle-active);font-weight:700}.doodle-modebar{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.doodle-modebar>.doodle-button{flex:1}.doodle-modebar kbd{margin-left:4px;border:1px solid #99939f;padding:0 4px;background:#eeeeea;font:12px Courier New,monospace}.doodle-help{flex-shrink:0;max-height:120px;overflow:auto;border:1px solid #9587a2;padding:9px 12px;margin:6px 5px 0;background:#e0dae5;color:#37313e;font-size:13px;line-height:1.5}.doodle-documentbar{display:flex;flex-shrink:0;align-items:center;gap:8px;min-height:35px}.doodle-documentbar>label:first-child{flex:1;min-width:0}.doodle-documentbar input{width:100%;min-width:0;height:34px}.doodle-canvas-shape{flex:none;font-size:12px;font-weight:700;white-space:nowrap}.doodle-canvas-stage{border:1px solid var(--doodle-edge);background:#858680;box-shadow:inset 2px 2px 0 var(--doodle-shadow),inset -2px -2px 0 var(--doodle-highlight)}.doodle-source-canvas-stage{position:relative;display:grid;flex:1 1 0;width:100%;min-width:0;min-height:180px;place-items:center;overflow:hidden}.doodle-source-canvas-stage .doodle-sheet{position:relative;flex:none;box-shadow:0 0 0 1px #62615e,4px 4px 0 #62615e55}.doodle-source-selection{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.doodle-source-canvas-stage .doodle-material-status,.doodle-studio>.doodle-material-status{position:absolute;inset:0;z-index:2;display:grid;align-content:center;justify-items:center;gap:12px;padding:24px;background:#c8c8c4ed;text-align:center}.doodle-paper-row{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;border:1px solid #92918a;padding:5px 8px;background:var(--doodle-panel);font-size:12px}.doodle-paper-row .doodle-button{min-height:30px;padding:3px 7px}.doodle-status-tool{display:flex;align-items:center;gap:7px}.doodle-statusbar>[role=status]{flex:1}.doodle-set-colours{display:flex;align-items:center;gap:5px;margin:0 0 12px}.doodle-set-colours>span{margin-right:auto;font-size:12px}.doodle-set-colours>.doodle-swatch{width:26px;height:26px}.doodle-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.doodle-practice-dialog{position:fixed;inset:0;margin:auto;width:min(920px,calc(100vw - 32px));height:min(700px,88svh);padding:3px}.doodle-practice-dialog:not([open]){display:none}.doodle-practice-dialog::backdrop{background:rgb(29 25 33/55%)}.doodle-practice-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;flex:1;min-height:0!important;max-height:none!important;gap:10px;padding:10px;overflow:hidden}.doodle-practice-body>.doodle-canvas-well{min-width:0;min-height:0!important;gap:8px;padding:8px;align-items:stretch}.doodle-practice-body .doodle-canvas-stage{width:100%;align-self:stretch}.doodle-practice-body .doodle-colour-shelf{width:100%}.doodle-practice-body .doodle-colour-editor{grid-template-columns:1fr 1fr}.doodle-practice-body .doodle-hex-row{grid-column:1/-1}.doodle-practice-settings{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 3px 1px}.doodle-practice-settings .doodle-inspector{margin-top:0}.doodle-practice-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;flex-shrink:0;border-top:1px solid var(--doodle-shadow);background:var(--doodle-panel)}.doodle-practice-footer>div{flex-wrap:wrap}.doodle-studio.doodle-save-dialog{width:min(460px,calc(100vw - 24px));height:fit-content;min-height:0;max-height:calc(100svh - 32px);gap:14px;padding:16px;overflow:auto;line-height:1.45}.doodle-save-dialog>strong{border-bottom:1px solid var(--doodle-shadow);padding-bottom:10px;box-shadow:0 1px 0 var(--doodle-highlight);font-size:16px;line-height:1.3}.doodle-save-dialog>[role=alert]{border:1px solid var(--doodle-edge);padding:8px;background:var(--doodle-active);overflow-wrap:anywhere}.doodle-save-dialog>label{display:grid;gap:6px;font-size:12px;font-weight:700}.doodle-save-dialog>label>input{width:100%;min-height:38px;border:1px solid var(--doodle-edge);border-radius:0;padding:6px 8px;background:var(--doodle-paper);box-shadow:var(--doodle-sunken);font-size:16px;font-weight:400}.doodle-save-destination{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px;border:1px solid var(--doodle-shadow);padding:8px;background:var(--doodle-panel);box-shadow:inset 1px 1px 0 var(--doodle-highlight);font-size:12px}.doodle-save-destination>strong{text-align:right;overflow-wrap:anywhere}.doodle-save-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;border-top:1px solid var(--doodle-shadow);padding-top:12px}.doodle-save-actions .doodle-button{min-height:38px}@media (max-width:960px){.doodle-colour-editor{grid-template-columns:1fr 1fr}.doodle-hex-row{grid-column:1/-1}.doodle-hex-field{max-width:180px}}@media (max-width:700px){.doodle-studio.doodle-save-dialog{padding:14px}.doodle-save-actions .doodle-button{flex:1 1 auto;min-height:42px}.doodle-studio{width:100%;height:calc(100svh - 16px);max-height:100%}.doodle-commandbar>.doodle-text-link{margin-left:auto}.doodle-modebar .doodle-button{min-height:42px}.doodle-practice-dialog{width:calc(100vw - 16px);height:calc(100svh - 24px);max-height:calc(100svh - 24px)}.doodle-practice-body{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(235px,1fr) minmax(150px,.7fr);gap:8px;padding:7px}.doodle-practice-body>.doodle-canvas-well{overflow-y:auto;padding:6px}.doodle-practice-body .doodle-canvas-stage{min-height:180px!important;flex:1 0 180px!important}.doodle-practice-footer{padding:8px!important;gap:6px!important}.doodle-practice-footer>span{font-size:12px}.doodle-practice-footer>div{width:100%}.doodle-practice-footer .doodle-button{flex:1;min-height:42px}.doodle-commandbar .doodle-tool-icon{width:24px;height:24px}.doodle-body{grid-template-columns:clamp(118px,28%,190px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:7px;padding:6px 3px;overflow:hidden}.doodle-workspace{grid-column:2;grid-row:1;min-height:0;overflow:hidden}.doodle-canvas-well{flex:1 1 auto;min-height:160px;padding:6px}.doodle-sidebar{grid-column:1;grid-row:1;border-right:1px solid var(--doodle-shadow);padding:1px 6px 8px 1px;font-size:11px}.doodle-library{padding:6px}.doodle-set-tabs{grid-template-columns:minmax(0,1fr)}.doodle-option,.doodle-set-tab,.doodle-tool-card{min-height:34px}.doodle-tool-grid{grid-template-columns:minmax(0,1fr);max-height:180px}.doodle-sidebar .doodle-tool-icon{width:20px;height:20px;flex-basis:20px}.doodle-inspector{padding:7px}.doodle-control-stack{grid-template-columns:minmax(0,1fr);gap:9px}.doodle-control-stack>.doodle-control-note,.doodle-control-stack>.doodle-options,.doodle-control-stack>.doodle-text-control{grid-column:1/-1}.doodle-inspector-actions{grid-template-columns:1fr 1fr}.doodle-inspector-actions .doodle-button:only-child{grid-column:1/-1}.doodle-range-control>input[type=range]{height:32px}.doodle-colour-shelf{padding:4px 8px 7px}.doodle-colour-heading{margin-bottom:5px}.doodle-colour-heading>.doodle-caption{display:none}.doodle-swatches{gap:3px}.doodle-swatch{min-height:24px}.doodle-colour-editor{grid-template-columns:minmax(0,1fr)}}@media (max-width:390px){.doodle-set-tabs,.doodle-tool-grid{grid-template-columns:minmax(0,1fr)}.doodle-colour-editor,.doodle-control-stack{grid-template-columns:1fr}}@media (max-width:700px) and (max-height:620px){section.doodle-studio{overflow:hidden}section.doodle-studio>.doodle-body{flex:1 1 0;min-height:0}.doodle-practice-body{flex:0 0 470px}}@container doodle (max-width: 760px){.doodle-commandbar{gap:4px;padding:5px 3px}.doodle-commandbar .doodle-button{min-height:32px;padding:4px 6px;font-size:12px}.doodle-colour-shelf{position:relative;padding-top:8px}.doodle-colour-heading{position:absolute;top:-5px;right:10px;margin:0;padding:0 4px;background:var(--doodle-panel)}.doodle-colour-heading>.doodle-caption{display:none}.doodle-current-colour{width:14px;height:14px}}@container doodle (max-width: 700px){.doodle-titlebar{min-height:32px;height:32px;gap:4px;padding:2px 4px}.doodle-app-icon{width:30px;height:26px;flex-basis:30px}.doodle-app-icon svg{width:100%;height:100%}.doodle-titlebar h1,.doodle-titlebar>strong{text-overflow:ellipsis}.doodle-title-edit,.doodle-titlebar h1,.doodle-titlebar>strong{overflow:hidden;font-size:12px;line-height:1.1;white-space:nowrap}.doodle-title-edit{gap:3px}.doodle-title-edit>span:last-child{overflow:hidden;text-overflow:ellipsis}.doodle-titlebar .doodle-button{min-width:26px;min-height:26px;padding:1px 4px}.doodle-preview-badge{max-width:52px;padding:1px 3px;white-space:normal;text-align:center;font-size:9px;line-height:1.05}.doodle-command-drawer{min-height:30px;border-bottom:1px solid var(--doodle-shadow);padding:3px;box-shadow:0 1px 0 var(--doodle-highlight)}.doodle-command-summary{display:flex;width:100%;min-height:24px;align-items:center;justify-content:space-between;border:1px solid var(--doodle-edge);padding:2px 7px;background:var(--doodle-panel);box-shadow:var(--doodle-raised);font-size:11px;font-weight:700}.doodle-command-summary:after{content:"+"}.doodle-command-drawer.is-open>.doodle-command-summary:after{content:"-"}.doodle-command-drawer>.doodle-commandbar{display:none}.doodle-command-drawer.is-open>.doodle-commandbar{position:absolute;z-index:18;top:calc(100% - 1px);left:3px;display:grid;width:min(360px,calc(100vw - 38px));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border:1px solid var(--doodle-edge);padding:6px;background:var(--doodle-face);box-shadow:var(--doodle-raised),3px 3px 0 rgb(0 0 0/35%)}.doodle-command-drawer .doodle-commandbar .doodle-button,.doodle-command-drawer .doodle-help-menu>.doodle-button{width:100%;min-height:30px;padding:3px 6px;font-size:11px}.doodle-command-drawer .doodle-command-spacer,.doodle-command-drawer .doodle-toolbar-divider{display:none}.doodle-command-drawer .doodle-help-menu{min-width:0}.doodle-filebar{min-height:22px;gap:2px 6px;padding:2px 5px;font-size:10px;line-height:14px}.doodle-documentbar{min-height:28px;gap:3px;font-size:11px}.doodle-documentbar input{height:28px;padding:3px 5px}.doodle-canvas-shape{font-size:10px}.doodle-statusbar{flex-wrap:nowrap;min-height:26px;padding:4px 6px;font-size:11px}.doodle-statusbar>[role=status]{order:0;flex:1 1 auto;flex-basis:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doodle-statusbar>span:first-child,.doodle-statusbar>span:last-child{flex:none;white-space:nowrap}}@container doodle (max-width: 520px){.doodle-body{grid-template-columns:clamp(118px,28%,150px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:7px;padding:6px 3px;overflow:hidden}.doodle-workspace{grid-column:2;grid-row:1;min-width:0;min-height:0;overflow:hidden}.doodle-sidebar{grid-column:1;grid-row:1;border-top:0;border-right:1px solid var(--doodle-shadow);padding:1px 5px 7px 1px;font-size:11px}.doodle-sidebar .doodle-tool-grid{grid-template-columns:minmax(0,1fr);max-height:130px}.doodle-sidebar .doodle-tool-icon{width:20px;height:20px;flex-basis:20px}.doodle-library{padding:6px}.doodle-inspector{padding:7px}.doodle-control-stack{grid-template-columns:minmax(0,1fr);gap:9px}.doodle-control-stack>.doodle-control-note,.doodle-control-stack>.doodle-options,.doodle-control-stack>.doodle-text-control{grid-column:1/-1}.doodle-colour-heading>.doodle-caption{display:none}.doodle-practice-body{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(240px,1fr) minmax(145px,.65fr);padding:7px}.doodle-practice-body>.doodle-canvas-well{overflow-y:auto;align-items:stretch}.doodle-practice-body .doodle-canvas-stage{flex:1 0 180px!important;min-height:180px!important}.doodle-practice-footer{padding:8px!important;gap:6px!important}.doodle-practice-footer>div{flex-wrap:wrap}}@container doodle (max-width: 370px){.doodle-sidebar .doodle-tool-grid{grid-template-columns:minmax(0,1fr)}.doodle-colour-editor,.doodle-control-stack{grid-template-columns:1fr}}@media (orientation:portrait){.doodle-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) clamp(145px,34%,220px);overflow:hidden}.doodle-workspace{grid-column:1;grid-row:1;min-width:0;min-height:0}.doodle-canvas-well{min-height:0}.doodle-sidebar{grid-column:1;grid-row:2;min-width:0;min-height:0;border-top:2px solid var(--doodle-shadow);border-right:0;display:grid;grid-template-rows:32px minmax(0,1fr);padding:5px;overflow-x:hidden;overflow-y:hidden}.doodle-portrait-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.doodle-portrait-tabs .doodle-button{min-height:28px;padding:2px 6px;font-size:12px}.doodle-portrait-tabs .doodle-button[aria-selected=true]{background:var(--doodle-active);box-shadow:var(--doodle-sunken)}.doodle-dock-panel{display:none;min-width:0;min-height:0;overflow:hidden}.doodle-dock-panel.is-active{display:flex;align-items:stretch;gap:5px}.doodle-dock-panel>.doodle-colour-shelf,.doodle-dock-panel>.doodle-inspector,.doodle-dock-panel>.doodle-library{width:100%;min-width:0;min-height:0;margin-top:4px}.doodle-library-desktop,.doodle-source-library-desktop{display:none}.doodle-library-mobile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:5px;height:100%}.doodle-library-mobile>.doodle-library-tabs,.doodle-mobile-tool-family{display:grid;grid-template-columns:1fr;align-content:center;width:74px;margin:0}.doodle-library-mobile>.doodle-library-tabs .doodle-button{min-height:36px;padding:3px;font-size:11px}.doodle-mobile-tool-family{gap:3px;font-size:10px;font-weight:700}.doodle-mobile-tool-family select{width:100%;min-height:36px;padding:2px!important;font-size:11px}.doodle-mobile-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0;overflow:hidden}.doodle-mobile-tool-grid .doodle-mobile-tool-card,.doodle-mobile-tool-grid .doodle-tool-card{display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;border:1px solid var(--doodle-edge);padding:3px 2px;background:#d6d6d0;box-shadow:var(--doodle-raised);text-align:center;font-size:10px;line-height:1.1}.doodle-mobile-tool-card[aria-pressed=true]{outline:1px solid var(--doodle-accent);outline-offset:-3px}.doodle-mobile-tool-grid .doodle-tool-card-copy{align-items:center}.doodle-mobile-tool-grid .doodle-tool-card-price{display:none}.doodle-tool-pager{display:grid;grid-template-rows:1fr auto 1fr;align-items:center;gap:2px;width:30px;text-align:center;font-size:10px}.doodle-tool-pager .doodle-button{min-width:0;min-height:0;padding:2px}.doodle-dock-panel>.doodle-modebar{flex:0 0 78px;margin:4px 0 0}.doodle-dock-panel>.doodle-modebar .doodle-button{min-height:0;padding:3px;font-size:10px}.doodle-dock-panel>.doodle-inspector{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:5px 7px;overflow:hidden}.doodle-dock-panel .doodle-inspector-heading{align-self:start}.doodle-dock-panel .doodle-inspector-heading h2{font-size:12px}.doodle-dock-panel .doodle-affinities,.doodle-dock-panel .doodle-control-note,.doodle-dock-panel .doodle-eyebrow,.doodle-dock-panel .doodle-set-colours,.doodle-dock-panel .doodle-tool-description{display:none}.doodle-dock-panel .doodle-control-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;overflow:hidden}.doodle-dock-panel .doodle-range-control{grid-template-columns:minmax(0,1fr);gap:0}.doodle-dock-panel .doodle-range-control>label{overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.doodle-dock-panel .doodle-range-control>input[type=range]{height:20px}.doodle-dock-panel .doodle-number-with-unit{display:none}.doodle-dock-panel .doodle-options{grid-column:1/-1}.doodle-dock-panel .doodle-options legend{margin-bottom:2px;font-size:10px}.doodle-dock-panel .doodle-option{min-height:24px;padding:2px 4px;font-size:10px}.doodle-dock-panel .doodle-inspector-actions{grid-column:1;align-self:end;margin-top:0}.doodle-dock-panel .doodle-inspector-actions .doodle-button{min-height:26px;padding:2px;font-size:10px}.doodle-dock-panel>.doodle-colour-shelf{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:4px;padding:22px 8px 5px;overflow:hidden}.doodle-dock-panel .doodle-colour-heading{position:absolute;top:1px;right:8px;margin:0}.doodle-dock-panel .doodle-swatches{grid-column:1;grid-row:1;grid-template-columns:repeat(14,minmax(0,1fr))}.doodle-dock-panel .doodle-custom-colour{grid-column:1;grid-row:2;margin-top:0}.doodle-dock-panel .doodle-custom-colour[open]{position:absolute;inset:32px 5px 5px;z-index:2;overflow:auto;border:1px solid var(--doodle-edge);padding:6px;background:var(--doodle-panel)}.doodle-landscape-colour{display:none}}.doodle-library-tabs .library-tab{font-weight:600}.doodle-library-tabs .library-tab.is-active{box-shadow:var(--doodle-sunken)}.doodle-library-tabs .discover-tab{font-weight:600}.doodle-library-tabs .discover-tab.is-active{box-shadow:var(--doodle-sunken)}.doodle-library-tabs{display:flex;gap:4px}.doodle-library-tabs .library-tab{border-bottom:2px solid #6b6965}.doodle-library-tabs .library-tab.is-active{border-bottom:2px solid #3a3835;background:#a8a59f}.doodle-library-tabs .discover-tab{border-bottom:2px solid #8a6f4f}.doodle-library-tabs .discover-tab.is-active{border-bottom:2px solid #5c4a35;background:#d4c3a8;color:#3c2f22}.doodle-purchase-sheet{max-width:420px}.doodle-purchase-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:8px 12px 0}.doodle-purchase-step{padding:4px 6px;text-align:center;font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:#cfcfc9;color:#5a5a54}.doodle-purchase-step.is-current{background:#d4c3a8;color:#3c2f22;font-weight:700}.doodle-purchase-body{padding:16px 18px 8px;display:grid;gap:8px;font-size:13px}.doodle-purchase-recap{display:flex;gap:10px;align-items:center}.doodle-purchase-amount{margin:0;font-size:16px;font-weight:700}.doodle-purchase-amount span{font-weight:500;color:#6b5a48}.doodle-purchase-body p,.doodle-purchase-payee,.doodle-purchase-rail{margin:0}.doodle-purchase-error{color:#7a3030}.doodle-purchase-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px}.doodle-purchase-footer .doodle-primary:disabled{opacity:.55;cursor:not-allowed}.doodle-help-menu{position:relative}.doodle-help-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:8;display:grid;min-width:160px;gap:4px;padding:6px;background:#d6d6d0;border:1px solid var(--doodle-edge);box-shadow:var(--doodle-raised)}.doodle-rarity-window{display:flex;flex-direction:column;width:min(920px,calc(100vw - 32px));height:min(700px,88svh)}.doodle-rarity-body{flex:1;min-height:0;overflow:auto;padding:16px 18px;display:grid;align-content:start;gap:12px;font-size:13px}.doodle-rarity-body h2{margin:8px 0 0;font-size:14px}.doodle-rarity-body p,.doodle-rarity-lede{margin:0}.doodle-rarity-table{width:100%;border-collapse:collapse;font-size:13px}.doodle-rarity-table td,.doodle-rarity-table th{border-bottom:1px solid #9b9994;padding:4px 6px;text-align:left}.doodle-drafts-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.doodle-drafts-row{display:flex;align-items:center;gap:8px}.doodle-drafts-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}