:root{font-family:Arial,Helvetica,sans-serif;color:#293d33;background:#f5f2e9;font-synthesis:none;font-size:14px;--ink: #293d33;--muted: #697166;--line: #dedfd3;--coral: #bc4e38;--green: #365d47;--soft: #e9ede1;--paper: #fffdf7;--shadow: 0 10px 26px #4b422315}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default;opacity:.38}button:not(:disabled),a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #b35b3f;outline-offset:4px}::selection{background:#eec7aa;color:#263d34}input{caret-color:var(--coral)}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}button{transition:background-color .15s,color .15s,box-shadow .15s}button:hover:not(:disabled){background-color:#eaece1}button:active:not(:disabled){transform:translateY(1px)}.site-header{height:95px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 max(32px,calc((100vw - 1440px)/2 + 40px))}.brand{display:flex;align-items:center;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:31px;letter-spacing:-1.1px;white-space:nowrap}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;margin-right:13px;transform:rotate(-7deg)}.brand-mark i{width:9px;height:9px;border-radius:3px;background:#df715c}.brand-mark i:last-child{background:#e8bc69}.brand-dot{color:#df715c}.header-note{color:#5d6a54;font-size:12px;letter-spacing:.1px}.text-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 9px;border-radius:7px;font-size:12px;font-weight:500}.about-button{margin-left:auto;color:#596651}.about-button svg{width:17px}main{max-width:1440px;margin:auto;padding:43px 40px 0}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.workspace-label{display:flex;align-items:center;gap:6px;color:#5d6a54;font-size:12px;margin-bottom:10px}.status-dot{width:6px;height:6px;background:#7e956b;border-radius:50%}.title-line{display:flex;align-items:center;gap:19px}.title-line input{font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:400;letter-spacing:-1.1px;color:var(--ink);width:270px;max-width:100%;border:1px solid transparent;border-radius:5px;padding:0;background:none;text-overflow:ellipsis;line-height:1.2}.title-line input:hover,.title-line input:focus{border-bottom-color:#a9ae99;outline-offset:5px}.save-indicator{font-size:12px;color:#5d6a54;display:flex;align-items:center;gap:4px;white-space:nowrap}.save-indicator svg{width:13px;height:13px}.project-heading p{color:#5d6a54;font-size:12px;margin:12px 0 0}.project-actions{display:flex;gap:10px;padding-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border:1px solid #d5d9ca;background:#faf9f2;border-radius:8px;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap}.button svg{width:17px;height:17px}.button.primary{background:#365d47;border-color:#365d47;color:#fffdf6;box-shadow:0 3px 6px #264b3220}.button.primary:hover:not(:disabled){background:#284c39;border-color:#284c39}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr) 235px;gap:25px;align-items:start}.tools-panel{border-radius:12px;padding:22px 17px 16px;background:#fcfbf5;box-shadow:0 3px 16px #4b422308}.tool-section h2,.section-heading h2,.materials-panel h2{font-size:13px;letter-spacing:-.2px;margin:0;font-weight:600}.tool-section h2{margin-bottom:14px}.tool-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.tool-button{min-height:58px;padding:8px 0 5px;border-radius:7px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#636f5c;border:1px solid transparent}.tool-button svg{width:19px;height:19px}.tool-button.active{background:#e9ede1;border-color:#c8d1be;color:#385440}.tool-button.active:hover{background:#e0e6d8}.palette-section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.section-heading>span{font-size:12px;color:#5d6a54}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:12px -5px 11px}.swatch{width:100%;min-height:34px;border-radius:6px;padding:5px;position:relative}.swatch>span{display:flex;align-items:center;justify-content:center;border-radius:50%;height:23px;width:23px;background:var(--swatch);position:relative;box-shadow:inset 0 -2px 2px #00000012,inset 0 1px 1px #ffffff85}.swatch.selected>span:after{content:"";position:absolute;inset:-4px;border:1.5px solid #4d6250;border-radius:50%}.swatch svg{width:14px;height:14px;color:#fff;filter:drop-shadow(0 1px 1px #0007)}.selected-color{display:flex;gap:9px;align-items:center;background:#f0f1e7;border-radius:7px;padding:9px 8px;min-height:49px}.color-chip{width:24px;height:24px;border-radius:6px;background:var(--swatch);border:1px solid #00000009;flex-shrink:0}.selected-color strong{font-size:12px;font-weight:600;display:block}.selected-color small{font-size:11px;color:#5d6a54;display:block;margin-top:4px}.color-selected-label{font-size:10px;color:#5d6a54;margin-left:auto}.custom-color{display:flex;align-items:center;justify-content:center;gap:5px;position:relative;min-height:44px;font-size:12px;color:#5b6955;cursor:pointer}.custom-color svg{width:13px;height:13px}.custom-color input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.custom-color:focus-within{outline:2px solid var(--coral);border-radius:5px}.unavailable{opacity:.4;cursor:default}.symmetry-section{border-top:1px solid var(--line);padding-top:22px;margin-top:11px}.symmetry-section .section-heading>svg{color:#8b947e;width:15px;height:15px}.symmetry-section p{font-size:12px;color:#5d6a54;margin:8px 0 13px}.symmetry-buttons{display:flex;gap:6px}.symmetry-buttons button{border:1px solid #dcdfd1;border-radius:6px;background:#faf9f2;min-height:56px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:7px 2px;font-size:11px;white-space:nowrap;color:#5d6a54}.symmetry-buttons button svg{width:18px;height:18px}.symmetry-buttons button[aria-pressed=true]{background:#e7ecde;border-color:#859b7e;color:#304f36}.import-button{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:19px 0 5px;margin-top:23px;text-align:left;min-height:66px;width:100%;color:#5b6954}.import-button>svg:first-child{width:20px;height:20px;color:#8d9a7e}.import-button>svg:last-child{width:14px;height:14px;margin-left:auto}.import-button span{font-size:12px;font-weight:600}.import-button small{display:block;font-size:11px;color:#5d6a54;margin-top:5px;font-weight:400}.canvas-panel{min-width:0;overflow:hidden;border-radius:12px}.board-topbar{min-height:52px;padding:0 14px;background:#faf9f1;display:flex;align-items:center;justify-content:space-between;gap:8px}.board-meta{display:flex;align-items:center;gap:7px;color:#5d6a54;font-size:12px;white-space:nowrap}.board-meta svg{width:15px;height:15px}.board-meta strong{font-size:12px;color:#5a6952;font-weight:500}.segmented{display:flex;border:1px solid #e1e2d7;border-radius:6px;background:#eeeee4;padding:3px;gap:2px}.segmented button{font-size:12px;min-height:28px;padding:4px 10px;border-radius:4px;color:#5d6a54;white-space:nowrap}.segmented button[aria-pressed=true]{background:#fffdf7;color:#3b5442;box-shadow:0 1px 3px #494d2720}.table-surface{padding:25px 16px 0;background:#ece8da;position:relative}.canvas-scroll{max-width:100%;overflow:auto;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:#a5ad95 #e8e5d7}.board-wrap{margin:0 auto;max-width:100%;box-shadow:0 5px 13px #645a3120;border-radius:5px;overflow:hidden;background:#fffdf7}.canvas-scroll:has(+.canvas-caption) .board-wrap{flex-shrink:0}canvas{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair;outline-offset:-3px!important}#board-wrap.zoomed{max-width:none}.canvas-caption{display:flex;justify-content:center;align-items:center;gap:7px;min-height:45px;padding-bottom:3px;font-size:12px;color:#5d6a54}.mini-bead{width:7px;height:7px;border-radius:50%;background:#d8856c;position:relative}.mini-bead:after{content:"";width:2px;height:2px;border-radius:50%;background:#ece8da;position:absolute;left:2.5px;top:2.5px}.board-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:5px 9px;background:#faf9f1;border-top:1px solid #e5e2d5;min-height:54px}.history-buttons{display:flex;gap:1px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:44px;border-radius:6px;padding:8px;color:#63715b}.icon-button svg{width:17px;height:17px}.toolbar-separator{width:1px;height:18px;background:#dfe0d3;margin:0 5px}.symbols-switch{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12px;color:#65715b;min-height:44px}.symbols-switch input{accent-color:#365d47;cursor:pointer;width:13px;height:13px}.zoom-tools{display:flex;align-items:center;gap:1px}.zoom-tools span{font-size:12px;min-width:34px;text-align:center;color:#5d6a54;font-variant-numeric:tabular-nums}.zoom-tools .icon-button{min-width:32px}.editor-hint{text-align:center;font-size:12px;color:#5d6a54;line-height:1.6;margin:13px 0 0}.materials-panel{background:#fcfbf5;border-radius:12px;padding:22px 20px 0;box-shadow:0 3px 16px #4b422308;overflow:hidden;position:relative}.materials-heading{display:flex;align-items:center;justify-content:space-between}.paper-corner{width:10px;height:14px;border:1px solid #a6af96;border-radius:1px;position:relative}.paper-corner:after{content:"";width:4px;height:4px;border-top:1px solid #a6af96;position:absolute;bottom:3px;left:2px}.summary-counts{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin:25px 0 28px}.summary-counts strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1}.summary-counts>div:last-child{border-left:1px solid var(--line);padding-left:19px}.summary-counts span{display:block;font-size:11px;color:#5d6a54;margin-top:9px;white-space:nowrap}.list-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.8px;color:#5d6a54;padding:0 0 8px;border-bottom:1px solid var(--line)}.material-list{max-height:310px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a5ad95 #faf9f2}.material-row{display:flex;align-items:center;gap:9px;width:100%;min-height:51px;padding:7px 0;text-align:left;border-bottom:1px solid #eeeee4}.legend-symbol{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ink);font-size:11px;position:relative;background:color-mix(in srgb,var(--swatch) 17%,#fffdf7);flex-shrink:0;border:1px solid color-mix(in srgb,var(--swatch) 40%,#fffdf7)}.legend-symbol:before{content:"";position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:var(--swatch);border:1px solid #fffdf7}.material-name{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-name small{display:block;font-size:10px;letter-spacing:.15px;color:#5d6a54;margin-top:4px}.material-row strong{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;margin-left:auto}.material-total{display:flex;justify-content:space-between;margin-top:12px;font-size:12px}.material-total strong{font-variant-numeric:tabular-nums;font-weight:600}.size-note{border-top:1px dashed #d9dccd;margin-top:21px;padding-top:17px;display:flex;align-items:center;gap:9px;color:#5d6a54}.size-note svg{width:16px;height:16px}.size-note strong{font-size:12px;font-weight:500;color:#5a6c51;display:block}.size-note small{font-size:10px;display:block;margin-top:5px}.print-button{width:100%;margin-top:22px;color:#526b46;background:#edf0e3;border-color:#e1e5d4;font-weight:500;font-size:12px}.export-note{font-size:11px;line-height:1.8;text-align:center;color:#5d6a54;margin:11px 0 21px}.craft-note{display:flex;align-items:center;gap:10px;background:#f0efe3;margin:0 -20px;padding:16px 20px;color:#5d6a54}.craft-note svg{width:18px;height:18px;color:#c29073}.craft-note p{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:12px;line-height:1.6;margin:0}.empty-materials{font-size:12px;line-height:1.7;color:var(--muted);padding:15px 0}footer{border-top:1px solid var(--line);margin-top:38px;padding:16px 0 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#5d6a54}footer .text-button{font-size:11px;color:#5d6a54;padding:0;min-height:36px}footer .text-button svg{width:12px;height:12px}.local-note{font-size:11px;color:#5d6a54}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;border-radius:9px;box-shadow:0 6px 24px #2a382b25;background:#304c3b;color:#fffdf3;max-width:calc(100% - 28px);width:max-content;padding:14px 20px;font-size:12px;line-height:1.5;z-index:20;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}dialog{color:var(--ink);border:0;border-radius:16px;background:var(--paper);padding:26px;width:450px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);box-shadow:0 20px 80px #26302340;overflow:auto;scrollbar-width:thin;scrollbar-color:#a5ad95 #faf9f2}dialog::backdrop{background:#293d3369}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.dialog-heading h2{font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400;letter-spacing:-.5px;margin:0;line-height:1.25}.dialog-heading .icon-button{margin:-5px -8px -5px 0}.dialog-intro{font-size:12px;line-height:1.7;color:#6a7562;margin:0 0 21px}.about-three{border-block:1px solid var(--line);padding:12px 0;color:#4c634b;font-size:13px;line-height:1.6}.about-three p{margin:9px 0}.help-content{font-size:12px;line-height:1.8;color:#6b7562;margin:22px 0}.help-content h3{font-size:13px;color:var(--ink);margin-bottom:10px}kbd{font:inherit;font-size:12px;border:1px solid #dfe2d4;border-radius:3px;background:#f2f3ea;padding:1px 4px;white-space:nowrap}.full{width:100%}.field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#53684e;margin-bottom:20px;font-weight:600}.field input,.field select{border:1px solid #d6dccb;background:#f8f8ef;color:var(--ink);border-radius:7px;min-height:46px;padding:10px 12px;max-width:100%;width:100%;font-weight:400;font-size:13px}.field input::placeholder{color:#7b826f}.form-note{font-size:12px;line-height:1.7;color:#5d6a54;margin:16px 0 20px}.backup-import{display:flex;justify-content:center;align-items:center;min-height:44px;margin-top:17px;font-size:12px;color:#687c5c;position:relative;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.backup-import input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.backup-import:focus-within{outline:2px solid var(--coral);border-radius:5px}.file-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #aab99b;border-radius:10px;padding:24px 8px;background:#f0f3e7;cursor:pointer}.file-drop svg{color:#75906a;width:28px;height:28px}.file-drop strong{font-size:13px;font-weight:500}.file-drop span{font-size:12px;color:#5d6a54}.file-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-drop:focus-within{outline:3px solid var(--coral);outline-offset:3px}.import-options{display:flex;gap:16px;margin-top:22px}.import-options .field{width:50%;margin:0}.import-preview{background:#eeeede;padding:10px;border-radius:9px;margin-top:20px}.import-preview svg{width:100%;height:210px}.export-preview{display:flex;align-items:center;gap:17px;padding:12px;border-radius:10px;background:#f0f0e5;margin-bottom:22px}.export-preview>div{width:96px;height:96px;flex-shrink:0;background:#fffef7}.export-preview svg{width:100%;height:100%}.export-preview strong{font-family:Georgia,Times New Roman,serif;display:block;font-size:20px;font-weight:400;overflow-wrap:anywhere}.export-preview small{display:block;margin-top:8px;font-size:12px;color:#5d6a54}.export-options{display:flex;gap:10px;margin-top:12px}.export-options button{flex:1}.backup-button{width:100%;margin-top:14px;color:#5c7453}.backup-button+.form-note{margin:5px 0 0;text-align:center}#print-area{display:none}button[aria-pressed=true]:not(.swatch):not(.tool-button):not(#mode-beads):not(#mode-stitches){background:#e7ecde;color:#304f36}@media(min-width:1500px){main{padding-top:48px}.workspace{gap:30px;grid-template-columns:220px minmax(0,1fr) 250px}.title-line input{font-size:40px;width:290px}.tools-panel{padding-inline:20px}.materials-panel{padding-inline:23px}.craft-note{margin-inline:-23px;padding-inline:23px}}@media(min-width:1100px)and (max-width:1230px){.workspace{grid-template-columns:190px minmax(0,1fr) 210px;gap:18px}main{padding-inline:25px}.materials-panel{padding-inline:15px}.craft-note{margin-inline:-15px;padding-inline:15px}.title-line{gap:12px}.save-indicator{font-size:11px}.tools-panel{padding-inline:13px}.table-surface{padding:20px 10px 0}.board-topbar{padding-inline:10px}.board-meta>span{display:none}}@media(max-width:1099px){main{padding:30px 24px 0}.site-header{padding-inline:24px;height:80px}.header-note{font-size:12px}.workspace{grid-template-columns:190px minmax(0,1fr);gap:22px}.materials-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;gap:0 35px;padding:24px}.materials-heading,.summary-counts{grid-column:1;grid-row:auto}.summary-counts{align-self:start;margin-bottom:15px}.list-heading{grid-column:2;grid-row:1}.material-list{grid-column:2;grid-row:2/7;max-height:300px}.material-total{grid-column:2}.size-note{grid-column:1;grid-row:3;margin-top:0}.print-button{grid-column:1;grid-row:4;align-self:start;margin-top:20px}.export-note{grid-column:1;grid-row:5;margin-bottom:0}.craft-note{display:none}.project-heading{align-items:flex-end}.title-line{display:block}.save-indicator{margin-top:9px}.project-heading p{font-size:12px}.project-actions{padding:0}.title-line input{font-size:34px}.local-note{display:none}.board-wrap{max-width:100%}.table-surface{padding-inline:18px}}@media(max-width:700px){.site-header{height:71px;padding-inline:20px;gap:10px}.brand{font-size:28px}.brand-mark{grid-template-columns:repeat(2,8px);gap:3px;margin-right:10px}.brand-mark i{width:8px;height:8px;border-radius:2px}.header-note{display:none}.about-button{font-size:12px;gap:5px}.about-button svg{width:16px}.project-heading{display:block;margin-bottom:24px}.title-line{display:flex;gap:12px;align-items:center}.workspace-label{display:none}.title-line input{font-size:32px;width:240px}.save-indicator{font-size:11px;margin:0;white-space:normal;max-width:100px;line-height:1.5}.save-indicator svg{flex-shrink:0}.project-heading p{margin-top:8px;font-size:12px}.project-actions{margin-top:20px;gap:10px}.project-actions button{flex:1;min-height:46px}main{padding:24px 18px 0}.workspace{display:flex;flex-direction:column;gap:18px}.tools-panel{width:100%;padding:12px 13px;display:grid;grid-template-columns:1fr auto;gap:0 13px}.tool-section{display:flex;align-items:center;gap:10px;grid-column:1}.tool-section h2{display:none}.tool-buttons{grid-template-columns:repeat(4,44px);gap:2px}.tool-button{min-height:44px;flex-direction:row;justify-content:center;padding:8px}.tool-button span{display:none}.tool-button svg{height:20px;width:20px}.palette-section{grid-column:1/-1;margin-top:9px;padding-top:7px;border-top:1px solid #e5e6db;display:flex;flex-wrap:wrap;gap:0 7px;align-items:center}.palette-section>.section-heading{display:none}.palette{margin:0;flex:1;display:grid;grid-template-columns:repeat(9,1fr);gap:0}.swatch{min-height:34px;padding:5px 3px;display:flex;align-items:center;justify-content:center}.swatch>span{height:23px;width:23px}.selected-color{display:none}.custom-color{width:28px;overflow:hidden;min-height:66px;font-size:0;flex-shrink:0}.custom-color svg{height:20px;width:20px;flex-shrink:0}.symmetry-section{grid-row:1;grid-column:2;border:0;margin:0;padding:0;display:flex;align-items:center}.symmetry-section .section-heading,.symmetry-section p{display:none}.symmetry-buttons{gap:4px}.symmetry-buttons button{min-height:44px;min-width:44px;height:44px;width:44px;font-size:0;padding:8px}.symmetry-buttons button svg{width:20px;height:20px}.import-button{grid-column:1/-1;margin-top:10px;padding:8px 0 0;min-height:38px;gap:8px;border-top:1px solid #e5e6db}.import-button span{font-size:12px}.import-button small{display:inline;margin-left:8px;font-size:11px}.import-button>svg:first-child{width:17px;height:17px}.canvas-panel{width:100%}.board-topbar{padding-inline:12px;min-height:52px}.board-meta strong{font-size:12px}.board-meta>span{display:none}.segmented button{min-height:32px}.table-surface{padding:17px 10px 0}.canvas-scroll{padding-bottom:6px}.canvas-caption{font-size:11px;min-height:37px}.board-bottom{padding:4px 5px;gap:0}.icon-button{min-width:34px}.history-buttons .icon-button{min-width:33px}.toolbar-separator{margin-inline:1px}.zoom-tools .icon-button{min-width:30px}.zoom-tools span{min-width:31px}.symbols-switch{font-size:11px;gap:2px}.symbols-switch input{margin:0 3px 0 0}.editor-hint{font-size:11px;margin-top:10px}.editor-hint>span:last-child{display:none}.editor-hint>span:first-child{display:none}.materials-panel{width:100%;display:block;padding:23px 22px 0}.materials-heading h2{font-size:14px}.summary-counts{grid-template-columns:1fr 1fr;gap:30px;margin:25px 0}.summary-counts strong{font-size:35px}.summary-counts span{font-size:12px}.summary-counts>div:last-child{padding-left:25px}.material-list{max-height:290px}.material-row{min-height:53px}.material-name{font-size:12px}.material-name small{font-size:11px}.material-row strong{font-size:12px}.legend-symbol{width:30px;height:30px;font-size:12px}.list-heading{font-size:11px}.material-total{font-size:12px;margin-top:15px}.size-note{margin-top:20px;padding-top:20px}.size-note strong,.size-note small,.print-button{font-size:12px}.export-note{font-size:12px;margin-bottom:20px}.craft-note{display:flex;margin:0 -22px;padding:16px 22px}.craft-note p br{display:none}.craft-note p{font-size:12px}footer{flex-direction:column;gap:2px;text-align:center;margin-top:25px;padding-block:20px}footer>span:first-child{font-size:12px}footer .text-button{font-size:12px;min-height:44px}.toast{bottom:15px;font-size:12px;padding:12px 15px}dialog{padding:22px}.dialog-heading h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{@page{size:auto;margin:14mm}html,body{background:#fff;color:#222}#app>header,#app>main,.toast,dialog{display:none!important}#print-area{display:block!important;font-family:Arial,sans-serif;font-size:10pt}#print-area h1{font-family:Georgia,serif;font-size:26pt;font-weight:400;margin:0 0 8px;overflow-wrap:anywhere}#print-area header p{font-size:10pt;margin-bottom:12px}.print-chart{text-align:center}.print-chart svg{max-width:100%;height:auto;max-height:205mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-legend{break-before:auto;margin-top:15px}.print-legend h2{font-size:14pt}.print-legend table{border-collapse:collapse;width:100%;font-size:9pt}.print-legend th,.print-legend td{text-align:left;padding:5px 8px;border-bottom:1px solid #ddd}.print-legend tr{break-inside:avoid}.print-legend td span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:12px;border:1px solid #777;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-footnote{font-size:8pt;line-height:1.6;margin-top:18px}}@media(max-width:700px){.palette{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a8b198 #f5f5ec;max-width:calc(100% - 45px);padding:3px 0 8px}.swatch{min-height:44px}.swatch>span{width:29px;height:29px}.custom-color{width:38px;min-height:44px}.palette-section{position:relative}.palette-section:after{content:"Swipe for more colors";display:block;font-size:10px;color:#5e6d55;width:100%;padding:0 0 4px 5px}.icon-button{min-width:44px}.history-buttons .icon-button{min-width:35px}.zoom-tools .icon-button{min-width:34px}.tool-buttons{grid-template-columns:repeat(4,44px)}.import-button{min-height:44px}}@media(max-width:700px){.history-buttons .icon-button,.zoom-tools .icon-button{min-width:44px}.toolbar-separator{display:none}.custom-color{width:44px}.palette{max-width:calc(100% - 51px)}.segmented button{min-height:44px}.board-topbar{min-height:64px}.symbols-switch{font-size:10px}.import-button small{display:none}.import-button span{font-size:12px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}