@font-face{font-family:system;src:local('Avenir Next')}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:system,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#24364a;background:#f7f8fa;font-size:14px;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-touch-callout:none}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:inherit;border:0;background:none;border-radius:9px;min-height:38px;transition:background .15s,box-shadow .15s}button:hover{background:#e8edf2}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #639dc8;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.primary{background:#356956;color:#fff;padding:11px 16px;font-weight:600;box-shadow:0 3px 6px #214a3610}.primary:hover{background:#285944}.secondary{background:#fff;border:1px solid #dce2e7;padding:9px 14px;font-weight:500}.icon{width:36px;height:36px;padding:7px;flex-shrink:0}.text-button{padding:5px 10px;font-size:12px}.danger{color:#ad4747!important}input,textarea,select{color:inherit}input[type=text],input[type=search],input[type=number],textarea,select{border:1px solid #dbe1e6;border-radius:9px;padding:11px 12px;background:#fff}#app{display:flex;height:100%;height:100dvh}#sidebar{width:240px;min-width:240px;border-right:1px solid #e3e7e9;background:#f0f3f3;padding:34px 22px 24px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;text-decoration:none;color:#263b34;font-size:25px;font-weight:700;letter-spacing:-1px;margin-bottom:35px;gap:9px}.brand-mark{background:#376e58;color:white;border-radius:11px;display:grid;place-items:center;width:35px;height:39px;transform:rotate(-5deg)}.brand-mark svg{width:25px;height:25px}.brand-dot{color:#6c9b82;margin-left:-8px}#sidebar>.primary{width:100%;justify-content:flex-start;margin-bottom:32px;font-size:13px}.key{margin-left:auto;border:1px solid #ffffff40;border-radius:4px;font-size:10px;padding:1px 5px;color:#e0eee5}.section-label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#8b9997;margin:0 12px 10px}.nav{width:100%;justify-content:flex-start;padding:11px 12px;color:#65726f;font-size:13px;white-space:nowrap}.nav.active{color:#2e6750;background:#dfe9e3;font-weight:650}.nav svg{width:18px;height:18px}.nav span:last-child{margin-left:auto;font-size:11px}#folders .nav .folder-name{max-width:135px;overflow:hidden;text-overflow:ellipsis;margin-left:0;font-size:13px}.folder-heading{margin-top:34px;display:flex;align-items:center;justify-content:space-between}.folder-heading .icon{width:24px;height:24px;min-height:24px}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-bottom .nav{font-size:12px}.private-note{margin:24px 10px 7px;display:flex;align-items:center;gap:7px;font-size:11px;color:#587560}.status-dot{height:6px;width:6px;border-radius:50%;background:#76a681;flex-shrink:0}.sidebar-bottom small{font-size:10px;color:#8a9894;display:block;margin-left:10px;line-height:1.7}#library{flex:1;overflow:auto;padding:54px 54px 20px;background:#fbfcfc}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;color:#8d9b99;margin-bottom:14px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px}h1{font-family:Georgia,'Times New Roman',serif;font-size:36px;letter-spacing:-1px;font-weight:400;margin:0;line-height:1.3;color:#263d34}.header-actions{display:flex;gap:10px}.library-header p{color:#89938f;font-size:13px;margin-top:10px}.library-tools{margin:35px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.search{display:flex;align-items:center;gap:9px;width:330px;color:#94a09e}.search svg{width:17px}.search input{border:none;padding:9px 0;background:none;outline:none!important;width:100%;font-size:12px}.library-tools select{font-size:12px;padding:8px 12px;border:0;background:transparent}.notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));column-gap:28px;row-gap:30px}.notebook-card{min-width:0;position:relative}.notebook-cover{display:block;text-align:left;width:100%;height:228px;position:relative;overflow:hidden;background:var(--cover);color:var(--cover-text,#fff);border-radius:4px 13px 13px 4px;padding:24px 25px 22px 30px;box-shadow:0 7px 16px #263b3510,inset 5px 0 3px #ffffff15,inset 7px 0 1px #0000000c;transition:transform .2s,box-shadow .2s}.notebook-cover:hover{background:var(--cover);transform:translateY(-4px);box-shadow:0 13px 25px #263b3520,inset 5px 0 3px #ffffff15,inset 7px 0 1px #0000000c}.cover-grain{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.cover-top{font-size:9px;letter-spacing:2px;opacity:.65;display:flex;align-items:center;gap:7px}.cover-top svg{width:13px;height:13px}.cover-title{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.25;display:block;margin-top:26px;overflow:hidden;max-height:95px;overflow-wrap:anywhere;position:relative}.cover-bottom{position:absolute;bottom:23px;left:30px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;opacity:.65}.cover-bottom svg{width:21px;height:21px}.cover-lines{width:65%;height:32px;background:repeating-linear-gradient(transparent 0 9px,currentColor 9px 10px);opacity:.13;margin-top:12px}.notebook-meta{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.notebook-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 35px);text-align:left;justify-content:flex-start;padding:0;min-height:23px;border-radius:3px}.notebook-meta .icon{height:24px;min-height:24px;width:28px}.notebook-date{font-size:10px;color:#919a97;margin-top:2px}.favorite-badge{position:absolute;right:14px;top:14px;color:#fff8cd;pointer-events:none}.favorite-badge svg{width:14px;height:14px;fill:currentColor}.library-footer{display:flex;justify-content:space-between;border-top:1px solid #e9edeb;padding-top:17px;margin-top:42px;font-size:10px;color:#9aa39f}.library-footer span:last-child{font-size:8px;letter-spacing:1.3px}#empty{text-align:center;padding:60px 10px}.empty-icon{border:1px solid #dbe6df;background:#eff5f1;border-radius:20px;width:76px;height:76px;display:grid;place-items:center;color:#4d7c62;margin:0 auto 24px;transform:rotate(-5deg)}.empty-icon svg{width:34px;height:34px}#empty h2{font:28px Georgia,serif;color:#304b3c}#empty p{font-size:13px;color:#8a9690;margin-bottom:25px}#editor{position:fixed;inset:0;background:#e9eded;z-index:10;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.editor-header{height:67px;min-height:67px;background:#fafcfc;border-bottom:1px solid #e5e9e8;display:flex;align-items:center;gap:13px;padding:0 20px}.editor-title{flex:1;min-width:80px;display:flex;flex-direction:column;gap:3px}.editor-title input{border:0;background:none;font-weight:600;width:100%;padding:3px 0;font-size:14px}.editor-title span{font-size:10px;color:#7b9286}.editor-title span.error{color:#b53e3e}.editor-header-actions{display:flex;align-items:center;gap:6px}.editor-header-actions .secondary{font-size:12px;padding:7px 13px}.toolbar{height:57px;min-height:57px;background:#fafcfc;display:flex;align-items:center;gap:5px;padding:6px 18px;border-bottom:1px solid #dfe5e2;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.tool-group{display:flex;align-items:center;gap:3px;flex-shrink:0}.tool{width:36px;height:38px;padding:8px}.tool.active{background:#e0ebe4;color:#2e6b4f;box-shadow:inset 0 0 0 1px #cbddcf}.divider{height:24px;width:1px;min-width:1px;background:#dfe6e1;margin:0 8px}.color-swatch{width:22px;height:22px;min-height:22px;border:4px solid #fafcfc;border-radius:50%;padding:0;background:var(--ink)!important;margin:0 1px;box-shadow:0 0 0 1px transparent}.color-swatch.active{box-shadow:0 0 0 1.5px var(--ink)}.custom-color{width:24px;height:24px;overflow:hidden;border-radius:50%;background:conic-gradient(#e55151,#ebdf69,#72ad78,#548ad9,#ac78b8,#e55151);position:relative;margin:0 4px;flex-shrink:0}.custom-color input{position:absolute;opacity:0;inset:0;width:100%;height:100%;padding:0}.width-control{display:flex;align-items:center;gap:7px;margin-right:5px;flex-shrink:0}#width-dot{width:5px;height:5px;background:#344e40;border-radius:50%;display:block}input[type=range]{accent-color:#3b7057;width:63px}#pen-only{font-size:10px;white-space:nowrap;min-height:32px}#pen-only[aria-pressed=true]{background:#dfece4;color:#2f6d50}.toolbar-spacer{flex:1}#editor-body{flex:1;min-height:0;display:flex;position:relative}#workspace{flex:1;overflow:auto;overscroll-behavior:contain;padding:32px 40px 65px;position:relative;scrollbar-width:thin}#page-wrap{position:relative;margin:0 auto;background:white;box-shadow:0 3px 15px #263e3512;flex-shrink:0}#paper,#ink{position:absolute;inset:0;width:100%;height:100%;display:block}#ink{touch-action:none;outline:none!important;cursor:crosshair}#ink.pan{touch-action:pan-x pan-y pinch-zoom;cursor:grab}#ink.select{cursor:default}#page-panel{width:151px;min-width:151px;border-right:1px solid #d8e0dc;background:#f2f5f3;overflow:auto;padding:15px}.page-panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#7c8d82;margin-bottom:10px}.page-panel-heading .icon{width:25px}.page-thumb{width:100%;padding:10px 7px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;border-radius:8px;font-size:10px;color:#788a80}.page-thumb.active{background:#dce8df;color:#315940}.page-preview{height:110px;width:80px;background:white;border:1px solid #dae2dc;box-shadow:0 1px 4px #0001;display:flex;align-items:center;justify-content:center;color:#a1b4a6;font:20px Georgia,serif}.page-thumb.active .page-preview{border-color:#81a78d}.editor-bottom{height:46px;min-height:46px;background:#f8fbf9;border-top:1px solid #dce4de;display:flex;justify-content:space-between;align-items:center;padding:0 22px;padding-bottom:env(safe-area-inset-bottom)}.mini-paper{width:12px;height:15px;border:1px solid #bdcbc1;background:repeating-linear-gradient(white 0 3px,#ccdcd1 3px 4px);display:inline-block}.page-navigation,.zoom-control{display:flex;align-items:center;gap:5px}.page-navigation span{font-size:11px;min-width:40px;text-align:center}.editor-bottom .icon{height:30px;min-height:30px;width:28px}.editor-bottom .icon svg{height:15px;width:15px}.zoom-control .icon{font-size:19px}#selection-bar,#recording-bar{position:absolute;z-index:13;bottom:61px;left:50%;transform:translateX(-50%);display:flex;background:#fff;border:1px solid #dae4dd;box-shadow:0 4px 20px #172b3020;border-radius:12px;padding:6px;gap:4px;align-items:center;white-space:nowrap}#selection-bar button,#recording-bar button{font-size:11px;padding:5px 10px}.record-dot{width:8px;height:8px;background:#bd5353;border-radius:50%;animation:pulse 1s infinite}#recording-time{font-variant-numeric:tabular-nums;font-size:12px;padding:0 8px}#recording-bar{bottom:70px}.recording{color:#b84343;background:#fbe8e8!important}dialog{border:1px solid #e1e8e2;border-radius:18px;max-width:510px;width:calc(100% - 36px);padding:27px;box-shadow:0 20px 100px #11291b30;color:#31463b;background:#fbfdfb;max-height:90dvh;overflow:auto}dialog::backdrop{background:#1b302c55;backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.modal-heading h2{font:27px Georgia,serif;margin:0}.modal-heading .icon{font-size:25px;color:#889c8e}#modal-body{font-size:13px;line-height:1.65}#modal-body label.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;margin:15px 0}#modal-body input:not([type=color]):not([type=checkbox]),#modal-body textarea,#modal-body select{width:100%}#modal-body textarea{min-height:140px;resize:vertical}#modal-body p{color:#76897c}#modal-body a{color:#387b54}#modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.cover-choices,.paper-choices{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.cover-choice{width:36px;height:45px;border-radius:3px 6px 6px 3px;background:var(--cover)!important;min-height:45px;border:3px solid transparent;box-shadow:inset 3px 0 #0001}.cover-choice.active{outline:2px solid #6d8b78;outline-offset:3px}.paper-choice{flex:1;flex-basis:75px;border:1px solid #dde6df;padding:8px;display:flex;flex-direction:column;gap:6px;font-size:10px;min-height:80px}.paper-choice.active{background:#e4eee7;border-color:#719d80}.paper-choice span{width:42px;height:52px;border:1px solid #d4dfd8;background:#fff}.paper-choice[data-paper=lined] span{background:repeating-linear-gradient(white 0 7px,#cadbd1 7px 8px)}.paper-choice[data-paper=grid] span{background:linear-gradient(90deg,#dde8df 1px,transparent 1px),linear-gradient(#dde8df 1px,white 1px);background-size:8px 8px}.paper-choice[data-paper=dotted] span{background:radial-gradient(#abc6b1 .8px,white .8px);background-size:7px 7px}.dialog-list{display:flex;flex-direction:column;gap:5px}.dialog-list button{justify-content:flex-start;width:100%;padding:9px 12px;background:#edf3ee;font-size:12px}.dialog-list button:hover{background:#dfece3}.dialog-list button svg{width:16px;height:16px}.help-block{background:#edf4ee;padding:15px;border-radius:10px;margin:15px 0}.help-block strong{color:#3d7653}.help-block ol{padding-left:19px}.help-block li{margin:7px 0}.audio-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #e0e8e2}.audio-row audio{max-width:100%;width:280px;height:35px}.audio-row small{color:#7e9385}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#284a37;color:#fff;padding:13px 22px;border-radius:12px;box-shadow:0 5px 25px #172d3022;z-index:100;font-size:12px;max-width:90vw;text-align:center}#busy{position:fixed;inset:0;background:#fbfdf4b8;backdrop-filter:blur(4px);z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:14px}.spinner{width:35px;height:35px;border:3px solid #d9e5db;border-top-color:#4f8161;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}body.dark{filter:invert(.9) hue-rotate(175deg)}
@media(min-width:1450px){#library{padding:60px 75px}.notebook-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:34px}.notebook-cover{height:258px}}@media(max-width:1100px){#sidebar{width:207px;min-width:207px;padding:30px 16px}#library{padding:40px 30px}.header-actions .primary{display:none}.notebook-grid{gap:23px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.notebook-cover{height:220px}.toolbar{padding:5px 10px;gap:1px}.tool{width:33px}.divider{margin:0 5px}#pen-only{max-width:50px;white-space:normal;font-size:9px}.width-control input{width:45px}#colors{gap:0}}@media(max-width:760px){#sidebar{width:174px;min-width:174px;padding:26px 10px}.brand{font-size:22px;gap:7px;margin-left:4px}.brand-mark{width:30px;height:34px}#sidebar>.primary{font-size:11px;padding:10px;gap:6px}.key{display:none}.nav{font-size:11px;padding:10px}.section-label{font-size:8px;margin-left:10px}.sidebar-bottom .nav{font-size:10px}.sidebar-bottom small{font-size:8px}#library{padding:32px 22px}h1{font-size:30px}.eyebrow{font-size:8px;letter-spacing:1.5px}.header-actions .secondary{font-size:10px;padding:7px 10px}.header-actions svg{width:16px}.notebook-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:20px}.notebook-cover{height:210px;padding:22px}.cover-title{font-size:24px}.cover-bottom{left:22px}.library-tools{margin:25px 0}.library-footer span:last-child{display:none}.search{width:230px}.search input{font-size:11px}.editor-header{padding:0 10px;height:59px;min-height:59px}.editor-header-actions{gap:1px}.editor-header-actions .icon{width:32px}.toolbar{height:53px;min-height:53px}.toolbar-spacer{display:none}.color-swatch{width:21px;height:21px;min-height:21px}.toolbar .tool{width:31px}.toolbar .icon{width:31px}.toolbar .divider{margin:0 3px}.toolbar .width-control{gap:2px}.toolbar #pen-only{font-size:8px;min-width:39px}#workspace{padding:22px 18px 50px}.editor-bottom{padding:0 9px}.editor-bottom .text-button{font-size:10px}.editor-bottom .page-navigation{gap:0}#selection-bar{max-width:95%;overflow:auto;justify-content:flex-start}#selection-bar button{padding:5px 8px;font-size:10px}#page-panel{width:118px;min-width:118px;padding:8px}.page-preview{height:90px;width:65px}}@media(max-width:500px){#sidebar{width:62px;min-width:62px;padding:23px 7px}.brand{font-size:0;margin:0 4px 24px;gap:0}.brand-dot{display:none}.brand-mark{width:34px;height:38px}#sidebar .primary{font-size:0;padding:0;width:44px;height:44px}#sidebar .primary svg{width:22px;height:22px}#sidebar .section-label{font-size:0;margin:15px 0 3px;height:15px}.folder-heading .icon{margin:auto}.nav{font-size:0!important;padding:12px;justify-content:center}.nav svg{width:21px;height:21px}.nav span{display:none}#folders .nav .folder-name{display:none}.private-note{margin:15px auto 0;justify-content:center}.private-note span:last-child,.sidebar-bottom small{display:none}#library{padding:28px 18px}h1{font-size:28px}.heading-row{display:block}.header-actions{margin-top:15px}.header-actions .secondary{font-size:11px}.eyebrow{font-size:7px}.notebook-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:18px 14px}.notebook-cover{height:190px;padding:20px 19px}.cover-title{font-size:22px}.cover-top{font-size:7px}.cover-bottom{left:19px;font-size:7px}.notebook-name{font-size:11px}.library-tools{gap:5px}.library-tools select{max-width:85px;font-size:10px;padding:5px}.search{width:100%}.search input{min-width:0}.search svg{display:none}.library-footer{font-size:9px}#editor .editor-header-actions #record{display:none}.editor-title input{font-size:12px}#export span{display:none}.editor-header-actions .secondary{padding:6px 9px}#paper-options .mini-paper{display:none}}

/* Accessible touch controls and visible wrapping in iPad split view. */
#draft{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.toolbar{height:auto;min-height:60px;flex-wrap:wrap;overflow:visible;row-gap:6px}
.tool,.toolbar .tool,.toolbar .icon,button.icon{min-width:44px;min-height:44px;width:44px;height:44px}
.toolbar .color-swatch{min-width:32px;width:32px;height:32px;min-height:32px}
#pen-only,.toolbar #pen-only{max-width:none;min-width:78px;min-height:44px;font-size:11px;white-space:nowrap}
.search:focus-within{outline:2px solid #639dc8;outline-offset:3px;border-radius:6px}
.editor-title span{color:#526b5c}.notebook-date,.library-header p,#modal-body p{color:#607568}
#ink:focus-visible{outline:3px solid #639dc8!important;outline-offset:4px}
@media(max-width:760px){.toolbar .divider,.toolbar-spacer{display:none}.toolbar{padding:6px 8px}#drawing-tools{flex-wrap:wrap}.editor-header{gap:5px}.editor-bottom{flex-wrap:wrap;height:auto;min-height:52px}.editor-bottom .icon{min-width:36px;width:36px;min-height:44px}.editor-header-actions{gap:0}.editor-header-actions .icon{width:38px;min-width:38px}.editor-title{min-width:50px}#selection-bar{flex-wrap:wrap;white-space:normal;width:max-content}.search input{min-width:0}}

.page-preview{overflow:hidden;position:relative;height:120px!important;width:92px!important;background:#fff}.page-preview canvas{display:block;width:100%;height:100%;object-fit:contain}.page-preview[aria-busy=true]::after{content:'…';position:absolute;inset:0;display:grid;place-items:center;background:#fff8;color:#526b5c}.page-thumb{min-height:150px}#eraser-controls{flex-wrap:wrap;gap:8px}#eraser-mode{font-size:12px;padding:8px;min-height:44px}.eraser-size-label{display:flex;align-items:center;gap:6px;font-size:11px}.eraser-size-label input{width:72px}#eraser-size-value{min-width:36px}

#eraser-cursor{position:fixed;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #152b3d,0 0 0 2px #ffffffb0;pointer-events:none;transform:translate(-50%,-50%);z-index:14;box-sizing:border-box;background:#ffffff12}#eraser-mode-name{font-size:11px;min-width:72px;color:#315940;font-weight:650}#pen-controls{gap:8px}#pen-style{min-height:44px;padding:8px;font-size:12px}.stabilization-control{display:flex;align-items:center;gap:5px;font-size:11px}.stabilization-control input{width:65px}#stabilization-value{min-width:30px}.tool[data-tool=eraser]{position:relative}.tool[data-tool=eraser]::after{content:'P';position:absolute;right:2px;bottom:1px;font-size:8px;background:#315940;color:white;border-radius:3px;padding:0 3px;line-height:12px}.tool[data-tool=eraser][data-mode=object]::after{content:'W'}.toolbar{align-content:center}.toolbar .eraser-size-label input{min-width:60px}#eraser-match{font-size:11px;min-height:40px}#eraser-match[aria-pressed=true]{background:#e0ebe4;color:#315940}
#writing-options{order:2;flex:0 0 100%;min-height:44px;display:flex;align-items:center}#tool-hint{font-size:12px;color:#526b5c;padding:8px}.toolbar{row-gap:4px}#writing-options .tool-group{flex-wrap:wrap}#eraser-controls{gap:6px}

#workspace{min-width:0;scrollbar-gutter:stable}

/* Contextual writing controls and on-page editing. */
.toolbar{display:block;height:auto;padding:6px 16px;overflow:visible}.toolbar-primary{display:flex;align-items:center;gap:6px;min-height:44px}.toolbar-primary #drawing-tools{display:flex;gap:3px;flex-wrap:wrap}.toolbar-primary .toolbar-spacer{display:block}#writing-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:56px;padding-top:6px;order:initial}#writing-options .tool-group{gap:8px}#writing-options #tool-hint{padding:8px 0;font-size:12px}#color-controls{margin-left:auto}#colors{gap:4px}#pen-controls{padding-left:10px;border-left:1px solid #dfe5e2}.size-presets{display:flex;gap:3px;flex-shrink:0;padding:3px;border:1px solid #e0e8e4;border-radius:12px;background:#f1f5f3}.size-presets button{display:flex;flex-direction:column;gap:3px;min-width:54px;min-height:45px;padding:5px 8px;font-size:10px;color:#65766e;border-radius:8px}.size-presets button[aria-pressed=true]{background:#fff;color:#295c44;box-shadow:0 1px 5px #254a3022}.size-sample{display:block;height:8px;width:26px;position:relative}.size-sample::after{content:'';position:absolute;left:0;right:0;top:50%;background:currentColor;border-radius:5px;transform:translateY(-50%);height:1.5px}.size-1::after{height:3px}.size-2::after{height:6px}#eraser-sizes .size-sample::after{left:50%;right:auto;transform:translate(-50%,-50%);border:1.5px solid currentColor;background:transparent;width:5px;height:5px;border-radius:50%}#eraser-sizes .size-1::after{width:8px;height:8px}#eraser-sizes .size-2::after{width:12px;height:12px}#eraser-mode-name{min-width:76px}#text-controls label{display:flex;align-items:center;gap:8px;color:#526b5c;font-size:12px}#text-size{min-height:44px;padding:7px 10px}.shape-popover{position:fixed;z-index:30;width:328px;max-width:calc(100vw - 16px);padding:14px;border:1px solid #dce6df;border-radius:18px;background:#fffffff5;box-shadow:0 12px 40px #203d3528,0 2px 8px #203d3510;backdrop-filter:blur(16px);animation:shape-in .12s ease-out;max-height:calc(100dvh - 130px);overflow:auto}.shape-popover-heading{font-size:13px;font-weight:650;padding:2px 4px 12px;color:#2f503f}.shape-popover-heading span{display:block;font-size:11px;font-weight:400;color:#76877d;margin-top:3px}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shape-grid button{min-height:106px;display:flex;flex-direction:column;gap:3px;padding:10px 6px;border:1px solid #e4ebe7;border-radius:12px;background:#f7faf8}.shape-grid button:hover,.shape-grid button[aria-pressed=true]{border-color:#82a994;background:#eaf3ed}.shape-grid svg{width:52px;height:44px;stroke-width:1.8;color:#396b51}.shape-grid strong{font-size:12px;font-weight:600}.shape-grid span{font-size:10px;color:#718377}.shape-grid button:focus-visible{outline-offset:1px}#text-entry{position:absolute;z-index:4;border:1px solid #79a990;border-radius:3px;box-shadow:0 0 0 3px #79a99016;background:#fffefbe8}#inline-text{display:block;width:100%;padding:0;margin:0;border:0;outline:0;background:transparent;border-radius:0;resize:none;line-height:1.35;font-family:sans-serif;overflow-wrap:break-word;white-space:pre-wrap;min-height:64px;-webkit-touch-callout:default;user-select:text}#inline-text:focus-visible{outline:none}#inline-text::placeholder{color:#809b8c80}.text-entry-actions{display:flex;justify-content:flex-end;gap:4px;padding:3px;background:#f2f7f3;border-top:1px solid #dce8df}.text-entry-actions button{font-size:11px;min-height:36px;padding:5px 13px}#text-done{background:#356956;color:white}.stabilization-control input{accent-color:#427b5d}#ink.select{cursor:text}#ink.select.pan{cursor:grab}@keyframes shape-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shape-popover{animation:none}}@media(max-width:1050px){#writing-options{gap:8px}#color-controls{margin-left:0}.toolbar{padding:6px 10px}.stabilization-control input{width:55px}}@media(max-width:760px){.toolbar{padding:5px 8px}.toolbar-primary{gap:0}.toolbar-primary #drawing-tools{gap:0;flex:1}.toolbar-primary .icon,.toolbar-primary .tool{width:38px;min-width:38px}#writing-options{gap:6px;min-height:56px}.size-presets button{min-width:48px;padding:4px 5px}#pen-controls{padding-left:5px;gap:5px!important}#pen-only{margin-left:auto}#color-controls{flex-wrap:wrap}.shape-popover{border-radius:16px}#tool-hint{max-width:220px}}@media(max-width:480px){#pen-controls{border:0;padding-left:0}.stabilization-control{font-size:10px}.stabilization-control input{width:48px}#pen-style{font-size:11px;padding:6px}#colors .color-swatch{width:30px;min-width:30px}.size-presets{gap:0}.size-presets button{min-width:44px}#pen-only{min-width:70px!important}.shape-grid button{min-height:100px}}

@media(max-width:760px){.toolbar-primary .toolbar-spacer{display:none}}

#ink.select{cursor:default}#ink.text-mode{cursor:text}.toolbar-primary #pen-only{margin-left:8px}

/* Eight sizing handles: roomy hit targets, small visible grips. */
#selection-box{position:absolute;z-index:6;border:1.5px solid #258361;touch-action:none;cursor:move;box-sizing:border-box;background:transparent}#selection-box.editing{pointer-events:none}#selection-box .resize-handle{position:absolute;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;border-radius:0}#selection-box .resize-handle::after{content:'';position:absolute;inset:9px;border:1.5px solid #258361;background:white;box-shadow:0 1px 3px #16352922;border-radius:1px}#selection-box [data-handle=nw]{left:0;top:0;cursor:nwse-resize}#selection-box [data-handle=n]{left:50%;top:0;cursor:ns-resize}#selection-box [data-handle=ne]{left:100%;top:0;cursor:nesw-resize}#selection-box [data-handle=e]{left:100%;top:50%;cursor:ew-resize}#selection-box [data-handle=se]{left:100%;top:100%;cursor:nwse-resize}#selection-box [data-handle=s]{left:50%;top:100%;cursor:ns-resize}#selection-box [data-handle=sw]{left:0;top:100%;cursor:nesw-resize}#selection-box [data-handle=w]{left:0;top:50%;cursor:ew-resize}#move-text{display:none;position:absolute;top:-36px;left:20px;min-height:30px;font-size:11px;padding:3px 12px;background:#fff;border:1px solid #9bbfaf;pointer-events:auto;touch-action:none;cursor:move}#selection-box.editing #move-text{display:block}#text-entry{border:0;box-shadow:none;background:transparent;z-index:5}#inline-text{min-height:0;box-sizing:border-box;padding:0;overflow:auto}#text-entry .text-entry-actions{position:absolute;top:100%;right:0;margin-top:16px;border:1px solid #dce8df;border-radius:8px;box-shadow:0 3px 10px #173e2215}#text-controls [data-text-style]{min-width:38px;min-height:40px;padding:6px;font-size:15px;border-radius:7px}#text-controls [aria-pressed=true]{background:#dceee4;color:#1e6046}#text-controls [data-text-style=bold]{font-weight:bold}#text-controls [data-text-style=italic]{font-style:italic}#text-controls [data-text-style=underline]{text-decoration:underline}#text-controls [data-text-style=strike]{text-decoration:line-through}#text-controls [data-text-style=wrap]{font-size:11px}#text-controls{flex-wrap:wrap}#eraser-sizes[hidden]{display:none!important}