:root{--c-canvas-bg:#edf1f7;--c-grid-dot:#c7d0dc;--c-page-fill:#fff;--c-page-border:#dce3ec;--c-ink:#0f172a;--c-muted:#64748b;--c-accent:#5b8def;--c-danger:#e11d48;--c-bar-bg:#0f172a;--c-bar-fg:#e2e8f0;--c-note-fill:#fdf7dd;--c-note-stroke:#eab308;--c-note-ink:#334155;--c-image-fill:#e2e8f0;--c-image-stroke:#94a3b8;--c-tool-bg:#1e293b;--c-on-accent:#fff;--l-toolbar-h:64px;--l-topbar-h:56px;--l-page-radius:18px;--font-ui:system-ui, "Segoe UI", Roboto, sans-serif;--text-sm:12px;--text-md:13px;--text-lg:14px;--ease-ui:.14s ease;--radius-sm:8px;--radius-md:12px;--e-panel:0 8px 24px #0f172a29;--e-float:0 12px 36px #0f172a33;--ui-surface-soft:color-mix(in srgb, var(--c-canvas-bg) 55%, var(--c-page-fill));--ui-accent-soft:color-mix(in srgb, var(--c-accent) 12%, var(--c-page-fill));--ui-accent-ink:color-mix(in srgb, var(--c-accent) 60%, var(--c-ink));--ui-backdrop:color-mix(in srgb, var(--c-ink) 36%, transparent);--ui-control-h:36px;--ui-space-xs:4px;--ui-space-sm:8px;--ui-space-md:16px;--ui-space-lg:24px;--site-paper:#f7f5ef;--site-sheet:#fffefa;--site-ink:#292923;--site-muted:#68685f;--site-line:#dcdcd0;--site-yellow:#f5d866;--site-lilac:#d8c9ee;--site-green:#dce7bb;--site-coral:#df735d;--site-blue:#bccfd9;--site-serif:Georgia, "Times New Roman", serif;--site-hand:Caveat, cursive}@keyframes ui-panel-in-left{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes ui-panel-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes ui-panel-in-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tool-panel,.item-inspector,.cover-quick-panel,.edit-drawer,.context-menu{animation:none!important}}.landing{scroll-behavior:smooth;height:100%;color:var(--site-ink);background:var(--site-paper);font-family:var(--font-ui);--site-shadow:0 16px 36px color-mix(in srgb, var(--site-ink) 10%, transparent);overflow:clip auto}.landing a{color:inherit;text-decoration:none}.landing button,.landing input{font:inherit}.landing button:disabled{opacity:.5;cursor:default}.landing :is(a,button,input,summary):focus-visible{outline:3px solid var(--site-coral);outline-offset:5px}.landing :is(section,main){scroll-margin-top:28px}.site-container{width:min(1200px,100% - 96px);margin-inline:auto}.site-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-skip{z-index:100;background:var(--site-yellow);padding:12px 20px;position:absolute;top:8px;left:8px;transform:translateY(-150%)}.site-skip:focus{transform:none}.site-header{border-bottom:1px solid var(--site-line);justify-content:space-between;align-items:center;gap:24px;min-height:104px;display:flex}.site-brand{white-space:nowrap;font:700 29px var(--site-serif);letter-spacing:-1.2px;align-items:center;gap:10px;display:inline-flex}.site-brand svg{width:34px;height:34px;color:var(--site-coral);transform:rotate(8deg)}.site-brand__dot{color:var(--site-coral)}.site-header nav{align-items:center;gap:30px;font-size:13px;font-weight:500;display:flex}.site-header nav>a:not(.site-button):hover,.site-text-link:hover{text-underline-offset:5px;text-decoration:underline}.landing .site-button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:26px;min-height:49px;padding:13px 23px;font-size:13px;font-weight:600;transition:transform .14s,box-shadow .14s;display:inline-flex}.landing .site-button:hover:not(:disabled){box-shadow:0 5px 0 color-mix(in srgb, var(--site-ink) 12%, transparent);transform:translateY(-2px)}.site-button>span{font-size:22px;font-weight:400;line-height:1}.landing .site-button--dark{color:var(--site-sheet);background:var(--site-ink)}.landing .site-button--yellow{color:var(--site-ink);background:var(--site-yellow)}.site-eyebrow{letter-spacing:1.65px;font-size:10px;font-weight:650;line-height:1.7;display:block}.site-hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:25px;min-height:670px;padding-block:56px 64px;display:grid}.site-hero__copy{z-index:1;padding-bottom:18px;position:relative}.site-little-star{color:var(--site-coral);vertical-align:-3px;margin-right:7px;font-size:22px;display:inline-block}.site-hero h1{font:400 clamp(66px, 6.4vw, 89px)/1.06 var(--site-serif);letter-spacing:-4.5px;margin:26px 0 20px}.site-hero__collage{vertical-align:middle;width:58%;max-width:100%;margin-left:-14px;display:inline-flex;transform:rotate(-5deg)}.site-hero__collage>span[aria-hidden]{display:flex}.site-lettering{object-fit:contain;display:block}.site-hero__copy>p{max-width:410px;color:var(--site-muted);margin:0 0 27px;font-size:15px;line-height:1.85}.site-hero__actions{flex-wrap:wrap;align-items:center;gap:23px;display:flex}.site-text-link{font-size:12px}.site-text-link span{margin-left:9px}.site-hero__note{color:var(--site-muted);margin-top:16px;font-size:10px;display:block}.site-scrapbook{aspect-ratio:1/1.13;isolation:isolate;width:100%;max-width:530px;margin:0;position:relative}.site-scrapbook__annotation{font:23px var(--site-hand);position:absolute;top:0;left:19%;transform:rotate(-6deg)}.site-scrapbook__back{background:var(--site-lilac);width:73%;height:73%;position:absolute;top:16%;left:16%;transform:rotate(-9deg)}.site-day-paper{background-color:var(--site-sheet);background-image:radial-gradient(var(--site-line) .8px, transparent .8px);width:78%;height:78%;box-shadow:var(--site-shadow);background-size:14px 14px;position:absolute;top:10%;left:8%;transform:rotate(5deg)}.site-tape{background:color-mix(in srgb, var(--site-yellow) 55%, transparent);clip-path:polygon(2% 0,97% 0,100% 15%,98% 37%,100% 65%,97% 100%,1% 100%,3% 75%,0 50%);width:110px;height:30px;position:absolute;top:-12px;left:36%;transform:rotate(-7deg)}.site-day-paper__date{letter-spacing:1.2px;justify-content:space-between;padding:32px 26px 0;font-size:9px;display:flex}.site-day-paper__title{width:80%;position:absolute;top:16%;left:8%;transform:rotate(-7deg)}.site-handwritten{font:25px/1.05 var(--site-hand);margin:0;position:absolute;top:35%;left:14%;transform:rotate(-7deg)}.site-memory{background:var(--site-sheet);width:47%;box-shadow:0 3px 10px color-mix(in srgb, var(--site-ink) 14%, transparent);padding:9px 9px 8px;position:absolute;top:57%;left:5%;transform:rotate(-12deg)}.site-memory svg{width:100%;display:block}.site-memory>span{font:17px var(--site-hand);text-align:center;margin-top:7px;display:block}.site-sticky{background:var(--site-green);width:55%;box-shadow:0 4px 6px color-mix(in srgb, var(--site-ink) 8%, transparent);padding:16px 13px;position:absolute;top:52%;right:-6%;transform:rotate(5deg)}.site-sticky>span{font:21px var(--site-hand)}.site-sticky p{font:19px/1.5 var(--site-hand);margin:6px 0 0}.site-flower{width:30%;filter:drop-shadow(0 3px 1px color-mix(in srgb, var(--site-ink) 10%, transparent));position:absolute;top:20%;right:-10%;transform:rotate(12deg)}.site-paper-note{font:19px var(--site-hand);position:absolute;bottom:5%;right:6%;transform:rotate(-5deg)}.site-scrapbook__star{width:92px;color:var(--site-yellow);filter:drop-shadow(2px 2px 0 var(--site-ink));position:absolute;bottom:12%;left:-1%;transform:rotate(-14deg)}.site-scrapbook__tag{color:var(--site-sheet);background:var(--site-coral);font:23px var(--site-hand);padding:12px 18px;position:absolute;bottom:11%;right:0;transform:rotate(-9deg)}.site-scrapbook figcaption{text-align:center;letter-spacing:1.5px;width:100%;color:var(--site-muted);font-size:8px;position:absolute;bottom:0}.site-strip{border-block:1px solid var(--site-line);background:color-mix(in srgb, var(--site-green) 30%, var(--site-paper))}.site-strip>div{min-height:70px;font:italic 20px var(--site-serif);justify-content:space-between;align-items:center;gap:24px;display:flex}.site-strip span[aria-hidden]{color:var(--site-coral);font-size:23px;font-style:normal}.site-how{padding-block:88px 94px}.site-section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.site-section-heading h2,.site-outro h2{font:400 clamp(34px, 3.3vw, 46px)/1.15 var(--site-serif);letter-spacing:-1.6px;margin:13px 0 0}.site-section-heading h2 em,.site-outro h2 em{font-weight:400}.site-section-heading>p{color:var(--site-muted);margin:0 0 3px;font-size:12px;line-height:1.85}.site-steps{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.site-steps article{border-top:1px solid var(--site-line);padding-top:19px}.site-step-number{letter-spacing:1px;color:var(--site-muted);font-size:9px;display:block}.site-steps h3{letter-spacing:-.5px;margin:12px 0;font-size:17px;font-weight:550}.site-steps p{color:var(--site-muted);max-width:315px;margin:0;font-size:12px;line-height:1.9}.site-mini-calendar,.site-mini-collage,.site-mini-notes{justify-content:center;align-items:center;height:135px;display:flex}.site-mini-calendar{flex-direction:column;gap:12px}.site-mini-calendar>span{letter-spacing:2px;font-size:8px}.site-mini-calendar>div{align-items:center;gap:8px;display:flex;transform:rotate(-4deg)}.site-mini-calendar>div>span{width:35px;height:42px;font:19px var(--site-serif);border:1px solid var(--site-line);background:var(--site-sheet);place-items:center;display:grid}.site-mini-calendar .is-today{background:var(--site-yellow);border-color:var(--site-yellow);transform:rotate(9deg)scale(1.15)}.site-mini-collage{transform:rotate(-5deg)}.site-mini-notes{position:relative}.site-mini-notes>span{background:var(--site-lilac);font:24px var(--site-hand);box-shadow:0 3px 3px color-mix(in srgb, var(--site-ink) 7%, transparent);padding:13px 24px;transform:rotate(-10deg)}.site-mini-notes>span+span{background:var(--site-green);transform:rotate(9deg)translate(-8px,14px)}.site-mini-notes svg{width:43px;color:var(--site-coral);position:absolute;top:13%;right:12%}.site-workshop-wrap{background:color-mix(in srgb, var(--site-lilac) 22%, var(--site-paper));border-block:1px solid var(--site-line);padding-block:72px}.site-workshop{border:1px solid var(--site-line);background:var(--site-sheet);border-radius:10px;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);display:grid;overflow:hidden}.site-workshop__preview{background-image:linear-gradient(var(--site-line) .5px, transparent .5px), linear-gradient(90deg, var(--site-line) .5px, transparent .5px);background-size:24px 24px;flex-direction:column;justify-content:space-between;min-height:410px;padding:32px;display:flex;position:relative}.site-workshop__label{background:var(--site-sheet);letter-spacing:1.3px;align-self:flex-start;padding:6px 9px;font-size:8px}.site-workshop__lettering{justify-content:center;align-items:center;min-width:0;min-height:170px;display:flex;transform:rotate(-4deg)}.site-workshop__scribble{font:24px var(--site-hand);align-self:center;margin-bottom:28px;transform:rotate(-6deg)}.site-workshop__preview>svg{width:43px;color:var(--site-coral);position:absolute;bottom:25px;right:24px;transform:rotate(12deg)}.site-workshop__placeholder{font:28px var(--site-hand);color:var(--site-muted)}.site-workshop__controls{border-left:1px solid var(--site-line);flex-direction:column;align-items:stretch;padding:32px;display:flex}.site-workshop__controls label,.site-workshop__controls legend{margin-bottom:10px;font-size:11px;font-weight:600}.site-workshop__controls input{border:1px solid var(--site-line);background:var(--site-paper);width:100%;min-height:44px;color:var(--site-ink);border-radius:5px;padding:12px;font-size:13px}.site-input-hint{color:var(--site-muted);margin-top:7px;font-size:9px}.site-workshop__controls fieldset{border:0;min-width:0;margin:23px 0 0;padding:0}.site-preset-list{flex-wrap:wrap;gap:6px;display:flex}.site-preset-list button{border:1px solid var(--site-line);background:var(--site-sheet);min-height:36px;color:var(--site-muted);border-radius:5px;padding:9px 10px;font-size:10px}.site-preset-list button[aria-pressed=true]{border-color:var(--site-ink);color:var(--site-ink);background:var(--site-yellow)}.site-shuffle{min-height:35px;color:var(--site-ink);background:0 0;border:0;align-self:flex-start;align-items:center;gap:7px;margin:15px 0 23px;padding:4px 0;display:inline-flex;font-size:11px!important}.site-shuffle>span{font-size:22px}.site-save{color:var(--site-ink);background:0 0;border:0;min-height:44px;padding:14px 0 4px;font-size:11px!important}.site-feedback{min-height:15px;margin:8px 0 0;font-size:10px}.site-error{color:var(--c-danger);font-size:12px;line-height:1.6}.site-examples{grid-template-columns:1fr repeat(3,1.1fr);align-items:center;gap:20px;margin-top:28px;display:grid}.site-examples>span{font:25px var(--site-hand);transform:rotate(-7deg)}.site-examples button{color:var(--site-ink);border:0;border-bottom:1px solid var(--site-line);background:0 0;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 5px 13px;transition:transform .14s;display:flex}.site-examples button:hover{transform:translateY(-3px)}.site-examples button>span{width:100%;color:var(--site-muted);justify-content:space-between;font-size:9px;display:flex}.site-library{padding-block:48px 0}.site-library details{border-block:1px solid var(--site-line)}.site-library summary{cursor:pointer;justify-content:space-between;align-items:center;padding-block:24px;list-style:none;display:flex}.site-library summary::-webkit-details-marker{display:none}.site-library__title{font:30px var(--site-serif);letter-spacing:-.8px;margin-top:5px;display:block}.site-library__toggle{font-size:25px;transition:transform .14s}.site-library details[open] .site-library__toggle{transform:rotate(45deg)}.site-library__body{padding-block:0 28px}.site-library__note{color:var(--site-muted);margin:0 0 20px;font-size:12px}.site-outro{text-align:center;padding-block:84px 72px;position:relative}.site-outro>svg{width:50px;color:var(--site-coral);margin-bottom:21px;transform:rotate(15deg)}.site-outro h2{margin-bottom:25px;font-size:clamp(38px,5vw,64px)}.site-outro>p{font:23px var(--site-hand);margin:15px 0 0;transform:rotate(-5deg)}.site-footer{border-top:1px solid var(--site-line);min-height:100px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-between;align-items:center;gap:20px;display:flex}.site-footer .site-brand{font-size:22px}.site-footer .site-brand svg{width:25px;height:25px}.site-footer>span,.site-footer>a:last-child{color:var(--site-muted);font-size:10px}@media (width>=1500px){.site-hero{min-height:730px}}@media (width<=1050px){.site-container{width:calc(100% - 64px)}.site-hero{gap:15px;min-height:590px}.site-hero h1{letter-spacing:-3.6px;font-size:66px}.site-hero__collage{width:57%;margin-left:-10px}.site-scrapbook__annotation{font-size:20px}.site-handwritten{font-size:21px}.site-sticky>span{font-size:18px}.site-sticky p{font-size:16px}.site-sticky{padding:12px 10px}.site-paper-note{font-size:17px}.site-scrapbook__tag{padding:9px 12px;font-size:19px}.site-scrapbook__star{width:70px}.site-section-heading>p{max-width:250px}.site-steps{gap:25px}.site-workshop__controls{padding:25px}}@media (width<=760px){.site-container{width:calc(100% - 40px)}.site-header{gap:12px;min-height:83px}.site-brand{gap:7px;font-size:25px}.site-brand svg{width:28px;height:28px}.site-header nav{gap:0}.site-header nav>a:not(.site-button){display:none}.site-header .site-button{gap:14px;min-height:43px;padding:11px 14px;font-size:11px}.site-hero{grid-template-columns:1fr;gap:30px;padding-block:40px 30px}.site-hero__copy{padding-bottom:0}.site-hero .site-eyebrow{letter-spacing:1.25px;font-size:9px}.site-hero h1{letter-spacing:-3px;margin-block:20px;font-size:clamp(56px,10vw,80px)}.site-hero__collage{width:52%;max-width:330px}.site-hero__copy>p{max-width:460px;font-size:14px}.site-hero__actions{gap:18px}.site-hero__actions .site-button{gap:18px;padding-inline:18px}.site-text-link{font-size:11px}.site-scrapbook{width:min(100%,440px);margin-inline:auto}.site-strip>div{flex-wrap:wrap;justify-content:center;gap:12px 15px;min-height:65px;padding-block:17px;font-size:16px}.site-strip span[aria-hidden]{font-size:17px}.site-strip span:nth-child(6){display:none}.site-how{padding-block:56px}.site-section-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:30px}.site-section-heading h2{font-size:36px}.site-section-heading>p{max-width:none;font-size:12px}.site-steps{grid-template-columns:1fr;gap:30px}.site-steps article{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.site-step-number{grid-column:1/-1}.site-steps article>div{grid-row:2/4;height:130px}.site-steps h3{margin:20px 0 8px;font-size:16px;line-height:1.35}.site-steps p{font-size:11px}.site-mini-calendar>div{gap:3px}.site-mini-calendar>div>span{width:27px;height:35px;font-size:16px}.site-mini-notes>span{padding:12px;font-size:19px}.site-mini-notes svg{width:35px;top:10%;right:2%}.site-workshop-wrap{padding-block:52px 35px}.site-workshop{grid-template-columns:minmax(0,1fr)}.site-workshop__preview{min-height:280px;padding:22px}.site-workshop__lettering{min-height:110px}.site-workshop__scribble{margin-bottom:5px;font-size:21px}.site-workshop__preview>svg{width:30px;bottom:17px;right:13px}.site-workshop__controls{border-left:0;border-top:1px solid var(--site-line);padding:24px}.site-preset-list button{min-height:42px;padding-inline:12px}.site-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:23px}.site-examples>span{grid-column:1/-1;font-size:23px;transform:rotate(-3deg)}.site-examples button{padding-inline:0}.site-examples button>span{font-size:8px}.site-library{padding-top:28px}.site-library__title{font-size:27px}.site-outro{padding-block:58px}.site-outro h2{font-size:42px}.site-footer{flex-wrap:wrap;gap:16px;padding-block:25px}.site-footer .site-brand{flex-basis:calc(100% - 90px)}.site-footer>span{order:3;width:100%}}@media (prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}}:root{font-family:var(--font-ui);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--c-canvas-bg);overflow:hidden}button{font:inherit;cursor:pointer}.app{flex-direction:column;height:100dvh;display:flex}.topbar{background:var(--c-bar-bg);border-radius:0 0 16px 16px;flex-shrink:0;align-items:baseline;gap:14px;padding:12px 18px;display:flex}.topbar-title{color:var(--c-bar-fg);margin:0;font-size:17px;font-weight:700}.topbar-mode{color:var(--c-image-stroke);font-size:11px}.canvas-wrap{background:var(--c-canvas-bg);flex:1;position:relative;overflow:hidden}.toolbar{background:var(--c-bar-bg);border-radius:16px 16px 0 0;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;display:flex}.toolbar-btn{background:var(--c-tool-bg);height:38px;color:var(--c-bar-fg);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:opacity .12s;display:inline-flex}.toolbar-btn:hover{opacity:.85}.toolbar-btn--active{background:var(--c-accent);color:var(--c-page-fill)}.spacer{flex:1}.day-tools{background:var(--c-bar-bg);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;display:flex}.zoom-badge{color:var(--c-bar-fg);font-variant-numeric:tabular-nums;background:#0f172ae0;border-radius:12px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex;position:absolute;bottom:16px;left:14px}.zoom-badge>span{text-align:center;min-width:42px}.cover-edit-badge{background:var(--c-accent);height:40px;color:var(--c-page-fill);border:none;border-radius:12px;align-items:center;gap:7px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:16px;right:14px;box-shadow:0 10px 26px #0f172a4d}.cover-edit-badge:hover{opacity:.9}.cover-editor{background:#fffffffa;border-radius:14px;flex-direction:column;gap:6px;width:240px;max-height:calc(100% - 28px);padding:14px;display:flex;position:absolute;top:14px;right:14px;overflow-y:auto;box-shadow:0 16px 44px #0f172a47}.cover-editor-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cover-editor-label{color:var(--c-muted);margin-top:6px;font-size:11px;font-weight:700}.cover-editor-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cover-editor-value{color:var(--c-note-ink);text-align:center;min-width:36px;font-size:12px}.cover-editor-input{border:1px solid var(--c-page-border);height:30px;font:inherit;border-radius:8px;outline:none;padding:0 8px;font-size:13px}.cover-editor-input:focus{border-color:var(--c-accent)}select.cover-editor-input{cursor:pointer;width:100%}.cover-editor-row input[type=range]{min-width:0;accent-color:var(--c-accent);flex:1}.cover-editor-actions{gap:6px;margin-top:10px;display:flex}.swatch{border:2px solid var(--c-page-border);cursor:pointer;border-radius:7px;width:24px;height:24px;padding:0}.swatch--active{border-color:var(--c-bar-bg);transform:scale(1.08)}.color-field{flex-direction:column;gap:4px;display:flex}.color-field-picker{border:2px solid var(--c-page-border);cursor:pointer;background:0 0;border-radius:7px;width:28px;height:24px;padding:0}.color-field-hex{text-transform:uppercase;width:100%}.sticker-picker{background:var(--c-bar-bg);border-bottom:1px solid var(--c-tool-bg);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.sticker-packs{align-items:center;gap:6px;display:flex;overflow-x:auto}.sticker-grid{align-items:center;gap:8px;min-height:68px;padding-bottom:4px;display:flex;overflow-x:auto}.sticker-cell{flex:none;position:relative}.sticker-item{background:var(--c-tool-bg);cursor:pointer;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;padding:0;display:flex}.sticker-item--active{border-color:var(--c-accent);background:#24344b}.sticker-thumb{width:52px;height:52px;display:block}.sticker-remove{background:var(--c-danger);width:18px;height:18px;color:var(--c-on-accent);cursor:pointer;border:none;border-radius:50%;font-size:12px;line-height:1;position:absolute;top:-4px;right:-4px}.toolbar-btn:disabled{opacity:.5;cursor:default}.sticker-editor-backdrop{z-index:50;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sticker-editor{background:var(--c-on-accent);border-radius:16px;width:min(560px,94vw);max-height:92vh;padding:16px;overflow:auto;box-shadow:0 20px 50px #0f172a59}.sticker-editor-head{color:var(--c-bar-bg);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sticker-editor-body{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.sticker-editor-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:10px;flex:280px;max-width:340px;position:relative;overflow:hidden}.sticker-editor-stage img{width:100%;height:auto;display:block}.sticker-crop{border:2px solid var(--c-accent);pointer-events:none;box-sizing:border-box;position:absolute;box-shadow:0 0 0 9999px #0f172a8c}.sticker-crop-handle{background:var(--c-on-accent);border:2px solid var(--c-accent);border-radius:3px;width:12px;height:12px;position:absolute}.sticker-crop-handle--nw{top:-7px;left:-7px}.sticker-crop-handle--ne{top:-7px;right:-7px}.sticker-crop-handle--sw{bottom:-7px;left:-7px}.sticker-crop-handle--se{bottom:-7px;right:-7px}.sticker-editor-preview{flex-direction:column;align-items:center;gap:6px;display:flex}.sticker-preview-canvas{border:1px solid var(--c-page-border);border-radius:12px;width:220px;height:220px}.sticker-editor-controls{margin-top:14px}.textpath-caret{background:var(--c-accent);pointer-events:none;border-radius:3px;width:4px;animation:1.12s step-end infinite textpath-caret-blink;position:absolute;box-shadow:0 0 0 1px #ffffff8c,0 0 7px #5b8defd9}@keyframes textpath-caret-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}.textpath-hint{color:var(--c-on-accent);white-space:nowrap;pointer-events:none;background:#0f172ad9;border-radius:8px;padding:4px 10px;font-size:13px;animation:1.1s steps(2,start) infinite textpath-blink;transform:translate(-50%)}@keyframes textpath-blink{0%,to{opacity:1}50%{opacity:.25}}.cover-designer{background:#0b1120}.cover-screen .cover-editor{gap:4px;width:200px;padding:10px}.cover-screen .cover-editor-head strong{font-size:12px}.cover-screen .cover-editor-label{margin-top:4px;font-size:10px}.cover-screen .cover-editor-input{height:26px;padding:0 6px;font-size:12px}.cover-screen .cover-editor .toolbar-btn{border-radius:8px;height:26px;padding:0 8px;font-size:11px}.cover-screen .swatch{border-radius:5px;width:18px;height:18px}.cover-screen .color-field-picker{width:22px;height:18px}.cover-screen .sticker-picker{gap:4px;padding:6px 10px}.cover-screen .sticker-grid{gap:6px;min-height:50px}.cover-screen .sticker-item{border-radius:11px;width:44px;height:44px}.cover-screen .sticker-thumb{width:38px;height:38px}.cover-screen .zoom-badge{gap:4px;padding:4px 6px;font-size:11px}.cover-screen .zoom-badge .toolbar-btn{border-radius:8px;height:26px;padding:0 8px;font-size:11px}.note-focus{z-index:60;touch-action:none;background:#0f172ae6;animation:.18s ease-out note-focus-fade;position:fixed;inset:0}.note-focus-stage{transform-origin:50%;animation:.22s cubic-bezier(.2,.9,.3,1) note-focus-pop;position:absolute;inset:0}@keyframes note-focus-fade{0%{opacity:0}to{opacity:1}}@keyframes note-focus-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.note-focus-panel{z-index:2;background:#0f172ab8;border-radius:12px;gap:6px;padding:6px 8px;display:flex;position:absolute;top:62px;right:14px}.note-focus-close{z-index:2;position:absolute;top:14px;right:14px}.note-focus-tools{z-index:2;background:#0f172ab8;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 90px);padding:6px 8px;display:flex;position:absolute;top:14px;left:14px}.note-focus .sticker-picker{z-index:2;border-radius:12px;position:absolute;top:62px;left:14px;right:14px}.collage-designer{z-index:70;background:var(--c-canvas-bg);color:var(--c-ink);font-family:var(--font-ui);flex-direction:column;display:flex;position:fixed;inset:0}.collage-designer-head{background:var(--c-page-fill);border-bottom:1px solid var(--c-page-border);align-items:center;gap:8px;padding:10px 14px;display:flex}.collage-designer-body{flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow:hidden}.collage-designer-controls{border-radius:var(--l-page-radius);background:var(--c-page-fill);border:1px solid var(--c-page-border);flex-direction:column;flex-shrink:0;gap:12px;width:380px;max-height:100%;padding:14px;display:flex;overflow-y:auto;box-shadow:0 12px 36px #0f172a1f}.collage-designer-preview{border-radius:var(--l-page-radius);border:1px solid var(--c-page-border);background-color:var(--c-page-fill);background-image:radial-gradient(var(--c-grid-dot) 1.2px, transparent 1.2px);background-size:22px 22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex;overflow:auto}.collage-designer-preview-canvas{background:var(--c-page-fill);border:1px solid var(--c-page-border);border-radius:16px;max-width:calc(100% - 32px);box-shadow:0 18px 50px #0f172a2e}.collage-designer-text{resize:vertical;width:100%;min-height:64px;padding:8px}.collage-designer-preview-hint{color:var(--c-muted);background:var(--c-page-fill);border:1px solid var(--c-page-border);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.collage-designer-advanced{flex-direction:column;gap:12px;margin-top:8px;display:flex}.collage-designer-note{color:var(--c-muted);margin:0;font-size:12px}.collage-designer-templates{flex-direction:column;gap:8px;display:flex}.collage-designer-templates .tool-panel__template{min-height:64px}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}@media (width<=760px){.tool-panel,.tool-panel--wide{border-right:none;border-top:1px solid var(--c-page-border);z-index:30;width:100%;max-height:46dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 36px #0f172a33}.item-inspector{width:auto;max-height:42dvh;inset:auto 8px 8px}.cover-quick-panel-wrap{bottom:8px;left:8px;top:auto!important;right:8px!important}.cover-quick-panel{width:auto!important}.cover-editor{width:auto;left:8px;right:8px}.collage-designer-body{flex-direction:column;overflow-y:auto}.collage-designer-controls{flex-shrink:0;width:100%;max-height:none;overflow:visible}.collage-designer-preview{min-height:220px}.zoom-badge{bottom:8px;left:8px}.day-floatbar{left:8px;right:8px}.note-focus-tools{max-width:calc(100% - 76px)}.landing-block{padding:24px 20px}.landing-title{font-size:32px}}.account-page{background:var(--site-paper);height:100%;color:var(--site-ink);place-items:center;padding:32px 20px;display:grid;overflow:auto}.account-card{background:var(--c-page-fill);border:1px solid var(--site-line);border-radius:20px;width:min(100%,450px);padding:clamp(24px,6vw,44px)}.account-home{color:inherit;font:700 28px var(--site-serif);text-decoration:none}.account-card h1{font:400 42px/1.12 var(--site-serif);margin:32px 0 16px}.account-card p{overflow-wrap:anywhere;line-height:1.7}.account-local-note{color:var(--c-muted);margin-bottom:24px;font-size:13px}.account-primary,.account-secondary{width:100%;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:14px;text-decoration:none;display:flex}.account-primary{background:var(--site-ink);color:var(--c-on-accent);border:1px solid var(--site-ink)}.account-secondary{background:var(--c-page-fill);color:var(--site-ink);border:1px solid var(--site-line);margin-top:12px}.account-card button:disabled{opacity:.6;cursor:wait}.account-card :is(a,button):focus-visible{outline:3px solid var(--c-accent);outline-offset:4px}.account-error{color:var(--c-danger);font-size:14px}.account-back{color:var(--c-muted);text-align:center;margin-top:24px;font-size:14px;display:block}.site-account-link{color:inherit;white-space:nowrap;font-size:13px;text-decoration:none}