@font-face{font-family:Typewriter;src:url(assets/typewriter.otf)}@font-face{font-family:Editorial;src:url(assets/editorial.otf)}@font-face{font-family:Cutout;src:url(assets/bold.otf)}@font-face{font-family:Script;src:url(assets/script.otf)}@font-face{font-family:Mono;src:url(assets/mono.ttf)}
*{box-sizing:border-box}body{margin:0;color:#332f2a;background:#f9f7f2;font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #dcd7cd;background:#fffdf8;border-radius:7px;padding:9px 12px;transition:background .15s}button:hover{background:#eae4d8}button:disabled{opacity:.35;cursor:default}button.primary{background:#344b3e;color:#fffef5;border-color:#344b3e}button.primary:hover{background:#263e30}input,select,textarea{border:1px solid #ddd7ca;border-radius:6px;background:#fffdf8;padding:10px;max-width:100%}textarea{resize:vertical;width:100%;line-height:1.6}select{width:100%}label{display:block;font-size:12px;margin:17px 0 10px}label>input:not([type=checkbox]),label>select,label>textarea{display:block;width:100%;margin-top:8px}label span{float:right;color:#827c71}input[type=color]{height:36px;padding:4px}input[type=range]{accent-color:#344b3e;padding:0}input[type=number]{width:100%}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e0dbd0;background:#fffdf8;gap:20px}.brand{text-decoration:none;color:inherit;display:flex;gap:12px;align-items:center;font-size:22px;font-weight:600}.brandmark{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#344b3e;color:#f5ebd5;font:bold italic 31px Georgia}.brand i{display:block;font:12px Typewriter;letter-spacing:1px;margin-top:3px}.headernote{font:15px Editorial;color:#8c8476}.head-actions{display:flex;gap:8px;align-items:center}.head-actions>span{color:#91897a;font-size:11px;margin-right:8px}.projectbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 27px;gap:12px;border-bottom:1px solid #e0dbd0}.projectbar>div{display:flex;align-items:center;gap:10px}.projectbar input{border:0;background:transparent;font-size:15px;font-weight:600;width:170px;padding:4px}.badge{font:9px Mono;letter-spacing:1px;border:1px solid #d7d2c6;padding:5px 7px;border-radius:4px;color:#847b6c}.projectbar select{width:auto;padding:8px;font-size:12px}.divider{height:20px;border-left:1px solid #ddd7ca;margin:0 4px}main{display:grid;grid-template-columns:290px minmax(300px,1fr) 236px;height:calc(100dvh - 140px);min-height:600px}.library{border-right:1px solid #ddd7cd;overflow:auto;padding:25px 18px;background:#fffdf8}.eyebrow{font:9px Mono;letter-spacing:1.5px;color:#8c8476}.panelintro h2{font-size:20px;font-weight:500;margin:13px 0 9px}.panelintro h2 span{color:#bd784f;float:right}.panelintro p{font-size:11px;color:#8d8578;margin-bottom:24px}.tabs{display:flex;gap:5px;border-bottom:1px solid #e2ddd2;margin-bottom:18px}.tabs button{border:0;border-radius:0;background:transparent;flex:1;padding:11px 3px;color:#8d8578}.tabs button.active{color:#344b3e;border-bottom:2px solid #344b3e;font-weight:600}.search{width:100%;background:#f5f2eb;font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.chips button{font-size:10px;padding:6px 8px;border-radius:20px}.chips .active{background:#344b3e;color:#fff}.assetcount{display:flex;justify-content:space-between;color:#948b7d;font-size:10px;margin:17px 0 12px}.stickergrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stickergrid button{padding:9px;background:#f1ede4;aspect-ratio:1.22;overflow:hidden;position:relative;border-color:transparent;border-radius:5px}.stickergrid button:hover{background:#e8dfcf;border-color:#b4a78e;transform:rotate(-2deg)}.stickergrid img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 2px 1px #0002)}.smallnote{color:#8a8173;font-size:10px;line-height:1.7}.workspace{display:flex;flex-direction:column;min-width:0;background:#e9e6df}.workspacebar{height:48px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#817d73;font-size:10px;border-bottom:1px solid #ddd8cd}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#738375;margin-right:5px}.workspacebar button{border:0;background:transparent;padding:5px 8px;font-size:11px}.workspacebar>div{white-space:nowrap}.stage{position:relative;flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:32px 40px 48px;background-image:radial-gradient(#cbc8bf 0.8px,transparent .8px);background-size:16px 16px}.canvaswrap{flex-shrink:0;box-shadow:0 8px 28px #44382924;line-height:0;background:white;position:relative}canvas{touch-action:none;display:block;max-width:none}.stage-note{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#8f8778;font-size:10px;pointer-events:none}.pagesbar{height:98px;flex-shrink:0;background:#f9f7f1;border-top:1px solid #dcd6cb;display:flex;align-items:center;gap:10px;padding:12px 18px;overflow-x:auto}.pageslabel{font-size:11px;white-space:nowrap}.pageslabel span{display:block;color:#9b9284;font:9px Mono;margin-top:6px}#pageList{display:flex;gap:8px}#pageList button{width:50px;height:65px;padding:3px;background:#e8e2d7;flex-shrink:0}#pageList button.active{border:2px solid #344b3e}#pageList img{width:100%;height:46px;object-fit:contain}#pageList small{font-size:9px}#addPage{border-style:dashed;font-size:10px;white-space:nowrap}#duplicatePage,#deletePage{font-size:10px;white-space:nowrap}.inspector{border-left:1px solid #ddd7cd;padding:23px 18px;overflow:auto;background:#fffdf8}.inspect-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4dfd6;padding-bottom:17px}.inspect-title h3{margin:0;font-weight:500;font-size:14px}.inspect-title span{color:#8d8270}.empty-art{font-size:65px;font-family:Georgia;color:#b39b7d;text-align:center;margin:45px 0 18px}#emptyInspector{text-align:center}#emptyInspector h3{font-size:14px;font-weight:500}#emptyInspector p{font-size:11px;color:#8d8578;line-height:1.9}.tipcard{position:relative;margin-top:30px;padding:19px;background:#ede4d2;transform:rotate(-2deg);border-radius:2px}.tipcard>span:first-child{font:8px Mono;letter-spacing:1px;color:#8a7962}.tipcard p{font-size:18px;line-height:1.8}.tipcard i{font-size:22px;font-family:Editorial}.tipstar{position:absolute;right:13px;bottom:15px;font-size:40px;color:#aa674a}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actiongrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:20px}.actiongrid button{font-size:10px;padding:9px 3px}.danger{color:#a04b3e}.full{width:100%;margin-top:15px}.fontcards{display:grid;gap:6px;margin:15px 0}.fontcards button{text-align:left;font-size:21px;padding:12px}.fontcards button small{font:9px sans-serif;display:block;margin-top:6px;color:#8d8578}.fontcards button.active{border-color:#344b3e;background:#e9eee7}.papergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.papergrid button{height:70px;font-size:10px}.uploadcard{text-align:center;padding:25px 6px;border:1px dashed #c9beab;border-radius:6px;margin:10px 0 20px}.uploadcard>span{font-size:30px;color:#7d8e75}.uploadcard h3{font-size:14px;font-weight:500}.uploadcard p{color:#8b8376;font-size:11px;line-height:1.9}dialog{border:1px solid #d8cebb;border-radius:12px;background:#fffdf6;width:440px;max-width:calc(100vw - 30px);padding:32px;color:#332f2a;box-shadow:0 20px 70px #0003}dialog::backdrop{background:#332d2459;backdrop-filter:blur(3px)}dialog h2{font-size:25px;font-weight:500;margin:15px 0}dialog>p{font-size:12px;color:#8b8171}.close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:22px}.check{display:flex;align-items:center;gap:8px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#344b3e;color:#fffdf5;padding:12px 20px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}[hidden]{display:none!important}@media(min-width:1500px){main{grid-template-columns:320px minmax(300px,1fr) 260px}.library{padding:28px 23px}}@media(max-width:1100px){main{grid-template-columns:235px minmax(280px,1fr) 205px}.headernote,.badge{display:none}.projectbar{padding:10px 15px}.head-actions>span{display:none}.library,.inspector{padding:20px 12px}}@media(max-width:780px){header{padding:0 12px;height:65px}.brand{font-size:18px}.head-actions button{font-size:10px;padding:8px}.projectbar{flex-wrap:wrap}.projectbar>div{flex-wrap:wrap}.projectbar input{width:140px}main{height:auto;min-height:0;grid-template-columns:1fr}.workspace{grid-row:1;height:620px}.library{grid-row:2;border-top:1px solid #dcd6cb;max-height:490px}.inspector{grid-row:3}.stickergrid{grid-template-columns:repeat(4,1fr)}.panelintro{display:none}.stage{padding:25px 15px 45px}.tipcard{display:none}.workspacebar{padding:0 10px}.workspacebar>span{font-size:9px}.pagesbar{padding:10px}.inspector #objectInspector{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.inspector .actiongrid{grid-column:1/-1}#emptyInspector{padding:15px}.empty-art{display:none}#emptyInspector p{display:none}} 
.sticker-switch{display:flex;gap:6px}.sticker-switch button{flex:1;font-size:11px}.sticker-switch .active{background:#344b3e;color:#fff}.stickergrid button .editable-preview{display:flex;align-items:center;justify-content:center;white-space:pre-line;line-height:1.25;font-size:15px;height:100%;padding:8px;filter:drop-shadow(1px 2px 1px #0002);transform:rotate(-3deg)}.stickergrid button .editable-tag{position:absolute;bottom:4px;right:5px;font:8px sans-serif;color:#8a8173;background:#fff8;padding:2px 4px;border-radius:4px}.editable-preview.torn{clip-path:polygon(2% 7%,11% 3%,26% 6%,42% 2%,59% 4%,78% 1%,97% 6%,100% 37%,96% 59%,99% 94%,75% 99%,60% 96%,37% 99%,18% 95%,2% 98%,0 67%,3% 44%)}.editable-preview.ticket,.editable-preview.stamp{border:2px dashed #867760}.editable-preview.heart{clip-path:polygon(50% 99%,3% 42%,3% 17%,15% 2%,34% 2%,50% 18%,66% 2%,85% 2%,97% 17%,97% 42%);font-size:13px!important;padding:16px 7px!important}.editable-preview.circle{border-radius:50%;border:2px solid #fff8}.editable-preview.star{clip-path:polygon(50% 0,64% 32%,100% 36%,74% 59%,81% 98%,50% 78%,18% 98%,25% 59%,0 36%,36% 32%);font-size:12px!important}.editable-preview.label,.editable-preview.speech{border-radius:18px}.editable-preview.cutout{border:4px solid #fff7;font-weight:bold}.head-actions{flex-wrap:wrap}.projectbar>div:last-child{flex-wrap:wrap;justify-content:flex-end}#layout{max-width:172px}#processProgress{min-height:18px}#rewriteSticker{margin-bottom:12px}#processDialog p{line-height:1.8}@media(max-width:1100px){.projectbar{min-height:94px}main{height:calc(100dvh - 170px)}header{height:85px}.head-actions{justify-content:flex-end;gap:4px}.head-actions button{padding:7px;font-size:11px}.brand{white-space:nowrap}}@media(max-width:780px){main{height:auto}.head-actions{max-width:230px}.projectbar>div:last-child{justify-content:flex-start}.projectbar select{font-size:10px}#layout{max-width:150px}.workspace{height:630px}.brand{font-size:17px}.brandmark{width:33px;height:33px;font-size:27px}header{height:100px}.brand i{font-size:9px}.editable-preview{font-size:12px!important}}
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:12px}.tabs button{font-size:11px;white-space:nowrap}.import-any{font-size:12px;margin:0 0 8px}.gallery-heading{font-size:11px;color:#8d8578;font-weight:500;margin:16px 0 10px}.imported-card{position:relative}.stickergrid .imported-card{aspect-ratio:1}.asset-name{position:absolute;bottom:0;left:0;right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;background:#fffaf0dc;font-size:9px;color:#776b5a}.stickergrid .imported-card img{height:calc(100% - 12px)}.asset-remove{position:absolute;right:3px;top:3px;font-size:10px;line-height:20px;width:20px;height:20px;border-radius:50%;background:#fffaf0e8;color:#6a5e4c}.fontcards .font-family-name{font:11px sans-serif;display:flex;justify-content:space-between;gap:8px;color:#534d41;margin-bottom:8px}.fontcards .font-sample{display:block;font-size:22px;line-height:1.4;overflow-wrap:anywhere}.fontcards .font-origin{font:9px sans-serif;margin-top:9px;color:#8b8173}.drop-notice{position:fixed;inset:12px;border:3px dashed #5a7862;border-radius:15px;background:#fff9ebed;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;color:#344b3e;font-size:23px}.drop-notice small{font-size:13px;margin-top:15px}.empty-gallery{grid-column:1/-1;font-size:11px;color:#968b7a;line-height:1.8;padding:12px;border:1px dashed #d5ccbc;border-radius:5px;margin:0 0 14px}#customStickerGrid{margin-top:16px}#fontSearch,#materialSearch{margin-top:12px}#fontsPanel h3,#customPanel h3,#materialsPanel h3{font-size:15px;font-weight:500;line-height:1.7}.assetcount{margin-top:16px}@media(max-width:780px){.tabs{grid-template-columns:repeat(7,minmax(0,1fr))}.tabs button{font-size:10px}.fontcards{grid-template-columns:1fr 1fr}}
.collection-actions{display:flex;gap:6px;margin:15px 0 10px}.collection-actions button{font-size:10px;flex:1}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.collection-grid button{min-height:64px;padding:9px 7px;text-align:left;font-size:10px;background:#efeadf}.collection-grid button.active{border-color:#344b3e;background:#e2e8de}.collection-grid small{display:block;margin-top:7px;color:#968674;font-size:9px}.collection-thumbs{display:flex;gap:3px;height:26px;margin-bottom:7px}.collection-thumbs img{width:26px;height:26px;object-fit:contain}.material-organize{position:absolute;left:3px;top:3px;background:#fffaf0e8;border-radius:4px;font-size:9px;padding:3px 5px}#cutoutDialog{width:960px;max-height:calc(100dvh - 30px);overflow:auto}.cutout-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.cutout-controls>label{margin:10px 0}.cutout-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.cutout-preview-card{border:1px solid #ddd3c0;border-radius:7px;padding:10px}.cutout-image{height:155px;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:#fafafa;background-image:linear-gradient(45deg,#e5e5e5 25%,transparent 25%),linear-gradient(-45deg,#e5e5e5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e5e5 75%),linear-gradient(-45deg,transparent 75%,#e5e5e5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.cutout-image img{max-width:100%;max-height:100%;object-fit:contain}.cutout-preview-card label{margin:8px 0;font-size:10px}.cutout-preview-card select{padding:6px;font-size:10px}.cutout-preview-card button{width:100%;padding:6px;font-size:10px}.cutout-bottom{position:sticky;bottom:-32px;padding:15px 0;background:#fffdf6;display:flex;gap:10px;justify-content:flex-end}.cutout-bottom button{font-size:12px}.brush-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.brush-controls button{font-size:11px}.brush-controls .active{background:#344b3e;color:white}.brush-controls label{margin:0;max-width:150px}.cutout-editor-surface{margin:20px 0;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50% / 18px 18px;line-height:0;display:flex;justify-content:center}#cutoutEditor{max-width:100%;height:auto;touch-action:none;cursor:crosshair}#cutoutEditDialog{width:700px}#organizeMaterialDialog{width:450px}@media(max-width:780px){.cutout-preview-grid{grid-template-columns:repeat(2,1fr)}.cutout-controls{grid-template-columns:1fr;gap:0}.cutout-bottom{bottom:-32px;flex-wrap:wrap}.cutout-image{height:130px}}

.cutout-image,#cutoutEditor{background:var(--cutout-matte,#51645c)!important}.cutout-preview-grid img{object-fit:contain}#builtinCollections{max-height:320px;overflow:auto}#builtinCollections .collection-thumbs{background:#e1ded3}#backgroundTolerance{width:100%}

.selectionbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px 10px;background:#fffaf0;border-bottom:1px solid #dcd6ca;flex-shrink:0;z-index:4}.selectionbar button{min-height:38px;padding:6px 9px;font-size:11px}.selectionbar>span{font-size:11px;align-self:center;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-launch{align-self:flex-end;font-size:11px;margin:4px 10px;padding:7px 10px}.layer-list{display:grid;gap:5px;max-height:320px;overflow:auto}.layer-row{display:flex;gap:7px;align-items:center;border:1px solid #ded7c8;border-radius:5px;padding:4px;background:#f4efe4}.layer-row.active{background:#e0e8dd;border-color:#344b3e}.layer-row>button:first-child{flex:1;text-align:left;overflow:hidden;min-width:0;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:6px}.layer-row img{width:28px;height:28px;object-fit:contain}.layer-row .layer-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.layer-row>button:last-child{padding:6px 9px;color:#a04b3e;min-height:34px}#layersDialog{max-height:85dvh;overflow:auto}#layersDialog .layer-list{max-height:65dvh}.sticker-text-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px}#stickerTextDialog{width:1000px;max-height:92dvh;overflow:auto}#stickerTextCanvas{width:100%;max-height:520px;object-fit:contain;background:#d9ded5;touch-action:none;margin-top:14px;border:1px solid #ddd}.sticker-text-layout label{margin:12px 0}input[type=range]{min-height:34px;cursor:pointer}@media(max-width:780px){.workspace{height:730px}.selectionbar{position:sticky;top:0;gap:4px}.selectionbar button{min-height:42px;font-size:11px;padding:6px 8px}.selectionbar>span{display:none}.sticker-text-layout{grid-template-columns:1fr}#stickerTextCanvas{max-height:none;height:auto}#stickerTextDialog{padding:20px}.inspector #layerList{grid-column:1/-1}.layers-launch{min-height:40px}.layer-row>button{min-height:42px}}

#stickerTextCanvas{height:auto;max-height:none}#objectInspector>#rewriteSticker{grid-column:1/-1}
.gallery-pagination{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0}.gallery-pagination button{min-height:42px}.gallery-pagination span{font-size:12px;color:#645f53}
.collection-symbol{display:inline-grid;place-items:center;width:28px;height:28px;background:#ece6d8;border-radius:5px;font-size:21px;color:#587060}
#photoSaveDialog{max-width:560px;width:calc(100% - 30px)}.photo-save-preview{max-height:55vh;overflow:auto;padding:10px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px;border-radius:10px;margin:12px 0}.photo-save-preview img{display:block;max-width:100%;max-height:50vh;width:auto;height:auto;margin:auto;object-fit:contain;-webkit-touch-callout:default;user-select:auto}

.frame-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.frame-template-grid button{padding:8px;background:#faf7ef;display:flex;flex-direction:column;align-items:center;gap:5px;overflow:hidden}.frame-template-grid canvas{width:100%;height:150px;object-fit:contain}.frame-template-grid span{font-size:12px}.frame-template-grid small{font-size:10px;color:#787c6c}.frame-template-grid button.active{outline:2px solid #526d55}.tabs{flex-wrap:wrap}#framePhotoControls{padding:12px;background:#f1edde;border:1px solid #ddd4c3;border-radius:10px;margin-bottom:18px}#framePhotoControls select{width:100%}#frameActiveName{margin:0 0 10px}

#frameCropDialog{width:820px;max-height:92dvh;overflow:auto}#frameCropCanvas{display:block;width:100%;height:auto;touch-action:none;background:#d9ded5;margin:15px 0;cursor:crosshair}#frameSelectionBar{background:#e8eee4}
#mode[hidden]{display:none!important}#chooseFormatTemplates{white-space:nowrap;border-color:#c8b69f;background:#fffcf7}#templateWindowDialog{max-width:850px;width:92vw}#templateWindowCanvas{display:block;width:auto;max-width:100%;max-height:62vh;margin:16px auto;touch-action:none;background:repeating-conic-gradient(#ece9e1 0% 25%,#fff 0% 50%) 0 / 16px 16px}#framePhotoAngle{width:100%}.frame-template-grid button small{display:block;color:#8b8174}@media(max-width:760px){#chooseFormatTemplates{max-width:180px;overflow:hidden;text-overflow:ellipsis}.projectbar>div{flex-wrap:wrap}.frame-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

#collageTypeDialog{width:760px;max-height:90dvh;overflow:auto}.collage-preview-surface{padding:20px;border:1px solid #ded8cb;border-radius:10px;background:#efebe3;margin:16px 0;max-height:420px;overflow:auto}#collagePreview{width:100%;height:auto;max-height:380px;object-fit:contain}#collageReference{width:100%;max-height:220px;object-fit:contain}

@font-face{font-family:MagazineSerif;src:url(assets/magazine-serif.otf);font-weight:100 900}@font-face{font-family:MagazineSlab;src:url(assets/magazine-slab.otf);font-weight:100 900}

@font-face{font-family:HandScript;src:url(assets/hand-script.otf)}
@font-face{font-family:HandPrint;src:url(assets/hand-print.otf)}
@font-face{font-family:Serif;src:url(assets/serif-regular.otf)}

@font-face{font-family:Brush;src:url(assets/hand-script.otf)}

/* Notebook workspace */
button[hidden],select[hidden],section[hidden]{display:none!important}#chooseFormatTemplates,#openFrameTemplates,[data-tab="frames"]{display:none!important}.journal-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.journal-style-card{padding:12px 8px!important;text-align:center;background:#fffdf8}.journal-style-card.active{border:2px solid #344b3e;background:#edf1eb}.journal-preview{display:block;height:72px;margin:0 0 9px;border:1px solid #ddd5c7;border-radius:3px;background:#fff}.journal-preview.dots{background:radial-gradient(#a39b8c 1px,transparent 1px) 0 0/10px 10px,#fff}.journal-preview.grid{background:linear-gradient(#bfb5a533 1px,transparent 1px),linear-gradient(90deg,#bfb5a533 1px,transparent 1px),#fff;background-size:12px 12px}.journal-preview.lines{background:repeating-linear-gradient(#fff 0 10px,#cdc4b3 11px,#fff 12px)}.journal-preview.calendar,.journal-preview.weekly{background:linear-gradient(#eee7dc 16px,transparent 16px),repeating-linear-gradient(90deg,transparent 0 17px,#d5cabb 18px,transparent 19px),repeating-linear-gradient(transparent 0 22px,#d5cabb 23px,transparent 24px),#fff}.journal-preview.todo{background:repeating-linear-gradient(#fff 0 13px,#d5cabb 14px,#fff 15px)}.journal-actions{display:grid;gap:8px;margin-bottom:15px}.journal-todo-input{display:flex;gap:7px}.journal-todo-input input{min-width:0;flex:1}.journal-task{display:flex;align-items:center;gap:8px;margin:9px 0}.journal-task input[type="text"]{min-width:0;flex:1;font-size:13px}.journal-task input[type="checkbox"]{width:18px;flex-shrink:0}.journal-task button{padding:5px 8px}.journal-task.done input[type="text"]{text-decoration:line-through;color:#8e8d82}#journalControls>h3{margin-top:0}.tabs{grid-template-columns:repeat(3,1fr)}