/* A portable ink desk, with an ivory drawing surface and custom machined tools. */
body #app .notes-workspace .notes-scratch-modes{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 25px}
body #app .notes-workspace .notes-scratch-modes>button[data-op-control]{display:flex;align-items:center;justify-content:center;gap:10px;min-height:65px;font-size:21px!important;padding:15px 12px!important;line-height:1.15!important}
body #app .notes-workspace .notes-scratch-modes svg{width:24px;height:24px;flex:none}
body #app .notes-workspace .ink-studio{padding:22px 18px 18px;background:radial-gradient(ellipse at 15% 0,#50608344,transparent 60%),repeating-linear-gradient(120deg,#ffffff03 0 1px,transparent 1px 7px),linear-gradient(145deg,#172a45,#071325);border:1px solid #b99a61;border-radius:22px 5px;box-shadow:inset 0 0 0 4px #061023,inset 0 0 0 5px #a48b4d44,0 9px 24px #0002;color:#f8e5b7;margin:8px 0 22px;min-width:0}
body #app .notes-workspace .ink-studio-heading{display:flex;align-items:center;gap:14px;padding:2px 2px 20px;border-bottom:1px solid #c5a46555;margin-bottom:20px}body #app .notes-workspace .ink-studio-heading h3{font:700 31px/1.1 'Cormorant Garamond',Georgia,serif;color:#ffe7b3!important;margin:6px 0 0;text-shadow:0 1px #000}body #app .notes-workspace .ink-studio-heading small{font:800 8px/1.6 Manrope,system-ui;color:#c9b280!important;letter-spacing:1.9px}body #app .notes-workspace .ink-nib{display:grid;place-items:center;flex:none;width:42px;height:50px;background:var(--op-gold);border:1px solid #ffe4a6;border-radius:8px 3px 10px 3px;color:#3d290d;font-size:27px;box-shadow:inset 0 0 0 3px #8f6e3644,0 3px #040a14}
body #app .notes-workspace .ink-toolbar{display:grid;gap:16px;margin-bottom:17px}body #app .notes-workspace .ink-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body #app .notes-workspace .ink-tools>button[data-op-control]{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px!important;font-size:23px!important;min-height:55px}body #app .notes-workspace .ink-tools svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body #app .notes-workspace .ink-palette{display:flex;gap:11px;flex-wrap:wrap;align-items:center;justify-content:center;padding:12px 5px;border-block:1px solid #b4975e44}
body #app .notes-workspace .ink-palette>button[data-op-control]{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;height:44px;padding:6px!important;border-radius:50%!important;box-shadow:inset 0 0 0 2px #071020,inset 0 0 0 3px #c6a46255,0 3px #030914!important}
body #app .notes-workspace .ink-palette button>span{width:25px;height:25px;border-radius:50%;background:var(--ink-swatch);border:2px solid #fff1d5;box-shadow:inset 0 2px 4px #fff3,0 2px #0008}
body #app .notes-workspace .ink-widths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body #app .notes-workspace .ink-widths>button[data-op-control]{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 7px!important;min-height:50px}body #app .notes-workspace .ink-widths button>span{width:var(--ink-width);height:var(--ink-width);min-width:var(--ink-width);border-radius:50%;background:#f4d79a;box-shadow:0 1px #000}body #app .notes-workspace .ink-widths small{font:600 12px/1.3 Manrope,system-ui;color:#e4ce9b!important}
body #app .notes-workspace label.ink-touch-toggle{display:flex;align-items:center;gap:10px;font:500 12px/1.6 Manrope,system-ui;color:#cfdaea!important;margin:19px 3px}
body #app .notes-workspace .ink-touch-toggle input[type=checkbox]{appearance:auto!important;display:inline-block!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;accent-color:#ddbc78;box-shadow:none!important}
body #app .notes-workspace .ink-canvas-frame{position:relative;padding:7px;background:linear-gradient(120deg,#dfbf7e,#8d6c37 60%,#e6c580);border:1px solid #f5daa1;border-radius:17px 4px;box-shadow:0 5px 0 #020814,inset 0 0 0 2px #75502155;margin-bottom:23px;overflow:hidden}
body #app .notes-workspace .ink-canvas{display:block;width:100%;height:auto;aspect-ratio:10/7;background:#fff4dc;border:1px solid #6f5327;box-shadow:inset 0 2px 10px #432b0d22;border-radius:9px 2px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;overscroll-behavior:contain}
body #app .notes-workspace .ink-canvas[data-tool=eraser]{cursor:cell}body #app .notes-workspace .ink-canvas:focus-visible{outline:3px solid #79cbff;outline-offset:1px}body #app .notes-workspace .ink-canvas-hint{display:block;text-align:center;font:800 7px/1.6 Manrope,system-ui;letter-spacing:1.6px;color:#33220d;padding:7px 0 0;pointer-events:none}
body #app .notes-workspace .ink-history{display:grid;grid-template-columns:1fr 1fr;gap:12px}body #app .notes-workspace .ink-history>button[data-op-control]{font-size:22px!important;min-height:50px;padding:13px 8px!important}body #app .notes-workspace .ink-history>button:last-child{grid-column:1/-1}
body #app .notes-workspace .ink-status{color:#c4d2e4!important;font:500 12px/1.75 Manrope,system-ui;margin:19px 3px 1px;min-height:2em}body #app .notes-workspace .ink-status[data-warning=true]{color:#ffcbaf!important}
body #app .notes-workspace button.notes-ink-save{display:block;width:100%;margin:19px 0}body #app .notes-workspace .notes-add-ink{display:block;width:100%;margin:20px 0}
body #app .notes-workspace .ink-preview{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain;background:#fff4dc;border:1px solid #bd9b60;border-radius:12px 3px;box-shadow:0 4px 0 #33260d22;margin:3px 0 19px}body #app .notes-workspace .notes-card .ink-preview{max-height:240px}
@media(min-width:1050px){body #app .notes-workspace .notes-editor .ink-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}body #app .notes-workspace .notes-editor .ink-tools{grid-column:1/-1}body #app .notes-workspace .notes-editor .ink-studio{max-width:850px;margin-inline:auto}body #app .notes-workspace .notes-editor .ink-palette{border:0;padding:6px}}
@media(max-width:480px){body #app .notes-workspace .notes-scratch-modes{grid-template-columns:1fr;gap:11px}body #app .notes-workspace .ink-studio{padding:20px 13px 15px}body #app .notes-workspace .ink-studio-heading{gap:11px}body #app .notes-workspace .ink-studio-heading h3{font-size:28px}body #app .notes-workspace .ink-palette{gap:9px}body #app .notes-workspace .ink-palette>button[data-op-control]{width:40px;min-width:40px;height:40px;min-height:40px}body #app .notes-workspace .ink-widths{gap:8px}body #app .notes-workspace .ink-widths>button[data-op-control]{flex-direction:column;min-height:61px;gap:8px}body #app .notes-workspace .ink-canvas-frame{padding:5px}body #app .notes-workspace .ink-canvas-hint{font-size:6px;letter-spacing:1px}body #app .notes-workspace .ink-touch-toggle{font-size:11px}}
body #app .notes-workspace .ink-expand[data-op-control]{width:100%;min-height:51px;padding:13px!important;font-size:22px!important}
body #app .notes-workspace dialog.ink-expanded-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:15px;margin:0;border:0;border-radius:0;background:linear-gradient(135deg,#152b48,#050d1a);overflow-y:auto;box-sizing:border-box}
body #app .notes-workspace dialog.ink-expanded-dialog::backdrop{background:#020711d9;backdrop-filter:blur(8px)}
body #app .notes-workspace .ink-expanded-dialog .ink-studio{width:100%;max-width:1050px;margin:0 auto;padding:22px;box-sizing:border-box}
body #app .notes-workspace .ink-expanded-dialog .ink-studio-heading{padding-bottom:15px;margin-bottom:15px}
body #app .notes-workspace .ink-expanded-dialog .ink-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
body #app .notes-workspace .ink-expanded-dialog .ink-expand{flex:1 0 100%;order:-1}
body #app .notes-workspace .ink-expanded-dialog .ink-tools{flex:1 1 190px;gap:10px}
body #app .notes-workspace .ink-expanded-dialog .ink-palette{flex:1 1 240px;gap:11px;padding:7px 0;border:0}
body #app .notes-workspace .ink-expanded-dialog .ink-widths{flex:1 1 190px}
body #app .notes-workspace .ink-expanded-dialog .ink-history{grid-template-columns:1fr 1fr 1fr}
body #app .notes-workspace .ink-expanded-dialog .ink-history>button:last-child{grid-column:auto}
@media(max-width:600px){body #app .notes-workspace dialog.ink-expanded-dialog{padding:8px}body #app .notes-workspace .ink-expanded-dialog .ink-studio{padding:17px 10px}body #app .notes-workspace .ink-expanded-dialog .ink-studio-heading{display:none}body #app .notes-workspace .ink-expanded-dialog .ink-toolbar{gap:11px}body #app .notes-workspace .ink-expanded-dialog .ink-tools{flex:1 1 140px}body #app .notes-workspace .ink-expanded-dialog .ink-palette{flex:1 0 100%;order:1}body #app .notes-workspace .ink-expanded-dialog .ink-widths{flex:1 1 140px;gap:8px}body #app .notes-workspace .ink-expanded-dialog .ink-widths>button[data-op-control]{min-height:55px}body #app .notes-workspace .ink-expanded-dialog .ink-touch-toggle{margin:13px 3px}body #app .notes-workspace .ink-expanded-dialog .ink-history>button[data-op-control]{font-size:18px!important}body #app .notes-workspace .ink-expanded-dialog .ink-canvas-frame{margin-bottom:19px}}