:root{--safe-top: var(--safe-area-inset-top, 0px);--safe-bottom: var(--safe-area-inset-bottom, 0px)}@supports (padding: env(safe-area-inset-top)){:root{--safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))}}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#53584c;background:#f7f5ef;font-synthesis:none;font-weight:400;--sage: #72846a;--ink: #4b5545;--muted: #969b8d;--line: #e7e7dd;--machine-width: 366px;--machine-height: 190px;--paper-width: 268px;--app-height: 100vh}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:disabled{cursor:default;opacity:.4}button,a,input,textarea{outline-offset:4px}button:focus,a:focus,input:focus,textarea:focus,[tabindex]:focus{outline:2px solid #788b6e}@supports selector(:focus-visible){button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #788b6e}button{transition:background .2s,color .2s,box-shadow .2s,transform .2s}button:active:not(:disabled){transform:translateY(1px)}svg{display:block;flex-shrink:0}a{color:inherit;text-decoration:none}button:hover:not(:disabled){color:#344a30}button:disabled{pointer-events:none}::selection{background:#e1e8d9}textarea::-webkit-scrollbar,.paper-viewport::-webkit-scrollbar,.finished-scroll::-webkit-scrollbar{width:4px}textarea::-webkit-scrollbar-thumb,.paper-viewport::-webkit-scrollbar-thumb,.finished-scroll::-webkit-scrollbar-thumb{background:rgba(164,173,155,.333);border-radius:9px}.app{height:var(--app-height);min-height:620px;display:grid;grid-template-rows:76px 89px minmax(250px,1fr) 215px 42px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 49% 44%,#f1f2e6b0 0,transparent 51%),radial-gradient(ellipse at 15% 79%,#eddfd535 0,transparent 35%),#f8f6f0}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.11;z-index:15;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.32' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{display:flex;align-items:center;justify-content:space-between;margin:0 42px;border-bottom:1px solid #74795d15;z-index:16}.brand{display:flex;align-items:center;gap:12px;font-family:Poetry,serif;font-size:21px;letter-spacing:2px}.brand-icon{background:#e6ebdf;border-radius:13px;width:39px;height:39px;display:grid;place-items:center;transform:rotate(-5deg)}.brand-icon .doodle{width:29px;height:29px}.brand small{display:block;font-family:monospace;font-size:7px;letter-spacing:1.4px;margin-top:4px;color:#969b8c}.header-actions{display:flex;align-items:center;gap:17px}.sound-button{font-size:11px;gap:8px;color:#7d8674;padding:10px 2px}.sound-button.muted{color:#a5a69e}.header-divider{height:15px;width:1px;background:#ddded4}.icon-button{width:32px;height:32px;border-radius:50%;color:#919687}.icon-button:hover{background:#e5eadd}.intro{text-align:center;position:relative;padding-top:12px;z-index:2;pointer-events:none}.intro-eyebrow{font-size:9px;letter-spacing:2.1px;color:#9b9e8f;display:flex;align-items:center;justify-content:center;gap:10px}.intro-eyebrow i{display:block;width:18px;height:1px;background:#c7ccbc}.intro h1{font-family:Poetry,serif;font-size:32px;font-weight:400;line-height:1.45;letter-spacing:2px;margin:7px 0 2px;display:flex;align-items:center;justify-content:center;color:#48543f}.intro h1 span{position:relative;display:inline-block}.intro h1 span:after{content:"";position:absolute;bottom:5px;left:4px;right:1px;height:7px;background:rgba(207,218,197,.54);z-index:-1;border-radius:70% 20% 55% 10%;transform:rotate(-1deg)}.intro h1 .doodle{width:30px;height:30px;position:absolute;margin-left:438px;margin-top:-20px;color:#a9b294}.intro p{font-size:10px;letter-spacing:1.7px;color:#9a9b8d;margin:4px 0 0}.studio-stage{position:relative;min-height:0;isolation:isolate;margin:7px 0 0;background-image:linear-gradient(#8a957311 .6px,transparent .6px),linear-gradient(90deg,#8a957311 .6px,transparent .6px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000 15%,#000 96%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 96%,transparent)}.studio-stage:before{content:"";width:570px;height:380px;position:absolute;left:50%;bottom:-60px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,#d9dfcd4d,transparent 65%);z-index:-1}.ambient-note{position:absolute;color:#8f987f;pointer-events:none;font-family:Poetry,serif}.note-left{left:calc(50% - 345px);top:24%;transform:rotate(-9deg)}.note-left .doodle{width:70px;height:62px;transform:rotate(10deg);color:#909c80}.note-left p{font-size:20px;line-height:1.75;margin:4px 0 0;letter-spacing:2px}.note-arrow{height:65px;width:100px;margin:4px 0 0 45px;fill:none;stroke:#aeb899;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-12deg)}.note-right{right:calc(50% - 337px);top:43%;transform:rotate(8deg)}.note-right p{font-size:19px;letter-spacing:3px;line-height:1.65;margin:0}.small-star{position:absolute;right:-28px;top:-35px}.small-star .doodle{height:41px;width:41px;color:#b8ad85}.hand-underline{height:8px;border-bottom:2px solid #bbc1a5;border-radius:50%;width:118px;display:block;transform:rotate(-6deg)}.note-tiny{font-family:Poetry,serif;font-size:13px;display:block;margin:10px 0;color:#abae9c}.stage-status{position:absolute;right:39px;top:30px;display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.5px;color:#9aa18f}.status-dot{width:5px;height:5px;border-radius:50%;background:#8fa080;display:inline-block}.status-dot.working{animation:blink 1s infinite}.stage-serial{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:8px;font-family:monospace;letter-spacing:1.6px;color:#949c87;white-space:nowrap}.stage-serial span{margin:0 7px}.paper-viewport{position:absolute;top:8px;bottom:calc(var(--machine-height) - 3px);left:calc(50% - var(--paper-width) / 2 - 24px);width:calc(var(--paper-width) + 48px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b3bca144 transparent;overscroll-behavior:contain;z-index:3;scroll-behavior:auto}.paper-flow{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-top:20px}.paper{width:var(--paper-width);flex:none;filter:drop-shadow(4px 6px 9px #60523824);transform-origin:center bottom;position:relative}.paper:after{content:"";height:36px;bottom:0;position:absolute;left:0;right:0;background:linear-gradient(transparent,rgba(139,123,95,.1));pointer-events:none}.receipt-svg{height:auto;width:100%;display:block;overflow:visible}.receipt-sticker{cursor:grab;touch-action:none}.receipt-sticker:active{cursor:grabbing}.fresh-ink{animation:ink-develop .16s ease-out}.paper-join-shadow{position:absolute;bottom:calc(var(--machine-height) - 9px);left:50%;transform:translate(-50%);width:var(--paper-width);height:9px;background:rgba(81,76,64,.247);filter:blur(3px);z-index:6;pointer-events:none}.follow-button{position:absolute;left:calc(50% + var(--paper-width) / 2 + 21px);bottom:calc(var(--machine-height) + 33px);font-size:9px;background:rgba(255,253,242,.9);border:1px solid #dce1d1;border-radius:20px;padding:8px 12px;z-index:8;box-shadow:0 3px 10px rgba(113,119,89,.03)}.tear-away{animation:tear-paper .8s cubic-bezier(.42,0,.3,1) forwards}.printer{position:absolute;bottom:19px;left:50%;transform:translate(-50%);width:var(--machine-width);height:var(--machine-height);z-index:5;--machine-color: #becbbe;--machine-dark: color-mix(in srgb, var(--machine-color), #5c6855 21%);--machine-light: color-mix(in srgb, var(--machine-color), #fffff3 35%)}.printer-shadow{position:absolute;bottom:-9px;left:-8%;right:-8%;height:28px;background:radial-gradient(ellipse,#525e4640,transparent 68%);filter:blur(6px)}.machine-feet{position:absolute;bottom:-1%;left:12%;right:12%;display:flex;justify-content:space-between}.machine-feet i{width:36px;height:11px;border-radius:5px;background:#5b6051;box-shadow:inset 0 3px 3px #293126}.machine-back{position:absolute;left:4%;right:4%;top:0;height:32%;background:linear-gradient(175deg,#f2f3e7 1%,var(--machine-light) 10%,var(--machine-color) 34%,var(--machine-dark) 98%);border-radius:28px 28px 9px 9px;box-shadow:inset 0 2px 2px rgba(255,255,237,.81),0 -1px 2px rgba(124,138,102,.314),0 3px 4px rgba(76,89,75,.2);border:1px solid var(--machine-dark)}.feed-slot{position:absolute;left:8%;right:8%;height:20px;top:12px;border-radius:7px;background:#3e4239;box-shadow:inset 0 4px 4px #20231d,0 1px rgba(255,247,223,.79);border:2px solid #979d8b}.feed-roller{height:8px;position:absolute;top:7px;left:3%;right:3%;background:linear-gradient(#3d3e35,#858576 40%,#282921 70%,#56574c);border-radius:2px}.machine-body{position:absolute;top:15%;left:1%;right:1%;bottom:0;border-radius:20px 20px 30px 30px;background:linear-gradient(174deg,var(--machine-light) 1%,var(--machine-color) 37%,var(--machine-color) 76%,var(--machine-dark) 95%,var(--machine-light) 100%);border:1px solid color-mix(in srgb,var(--machine-color),#65745c 22%);box-shadow:inset 0 2px 2px rgba(255,254,243,.867),inset 2px 0 5px rgba(255,249,225,.6),inset -3px -7px 9px rgba(100,114,92,.176),0 5px 1px rgba(113,128,99,.25),0 10px 15px rgba(74,86,75,.125);overflow:hidden}.machine-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.15'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;mix-blend-mode:multiply}.machine-seam{position:absolute;right:13%;top:-4px;width:1px;height:36%;background:rgba(97,118,90,.145);box-shadow:1px 0 1px rgba(247,255,232,.333);transform:rotate(-8deg)}.cat-mark{position:absolute;left:11%;top:13%;width:30px;height:30px;color:rgba(110,124,98,.55);transform:rotate(-8deg)}.cat-mark .doodle{width:100%;height:100%}.machine-label{position:absolute;left:31%;top:10%;width:38%;height:34%;background:linear-gradient(110deg,#f7f4e6,#ecead9);color:#7f846d;box-shadow:0 1px 1px rgba(100,120,87,.24),inset 0 1px 1px #ffffed;clip-path:polygon(0 6%,3% 0,6% 6%,9% 0,12% 6%,15% 0,18% 6%,21% 0,24% 6%,27% 0,30% 6%,33% 0,36% 6%,39% 0,42% 6%,45% 0,48% 6%,51% 0,54% 6%,57% 0,60% 6%,63% 0,66% 6%,69% 0,72% 6%,75% 0,78% 6%,81% 0,84% 6%,87% 0,90% 6%,93% 0,96% 6%,100% 0,98% 94%,94% 100%,90% 94%,86% 100%,82% 94%,78% 100%,74% 94%,70% 100%,66% 94%,62% 100%,58% 94%,54% 100%,50% 94%,46% 100%,42% 94%,38% 100%,34% 94%,30% 100%,26% 94%,22% 100%,18% 94%,14% 100%,10% 94%,6% 100%,2% 94%);text-align:center;padding-top:10px;transform:rotate(-1deg)}.machine-label span{font-family:monospace;font-size:8px;letter-spacing:2px;display:block}.machine-label small{font-family:Poetry,serif;font-size:9px;display:block;margin-top:4px;letter-spacing:.5px}.machine-label i{display:block;font-style:normal;font-size:6px;margin-top:3px;color:#a2a58b}.machine-light{position:absolute;right:10%;top:18%;display:flex;flex-direction:column;align-items:center;gap:5px}.machine-light i{height:8px;width:19px;border-radius:8px;background:linear-gradient(#d7e6bc,#afc78e);box-shadow:0 0 0 2px rgba(123,133,107,.46),0 0 0 3px rgba(227,234,213,.467),inset 0 1px 3px #f8ffdf,0 0 7px rgba(216,239,165,.33)}.machine-light span{font-size:5px;letter-spacing:.7px;color:#738162}.keyboard-well{position:absolute;bottom:17%;left:10%;right:10%;height:38%;border-radius:14px 14px 17px 17px;background:linear-gradient(#667259,#73785d);box-shadow:inset 0 3px 7px rgba(41,48,32,.4),0 1px rgba(246,244,213,.7),0 0 0 3px rgba(145,160,129,.46);overflow:visible}.keys{display:flex;position:absolute;top:-4px;left:4px;right:4px;gap:7px}.keys button{width:20%;height:34px;flex:1;padding:5px 12px 7px;background:linear-gradient(150deg,#fffdf1,#ede8d8 92%);border-radius:12px 12px 11px 11px;box-shadow:0 5px #d3ccba,0 7px #afa894,0 8px 4px rgba(27,36,23,.4),inset 0 2px 1px #fffefa,0 0 0 1px rgba(129,125,99,.133);position:relative;color:#7a876a}.keys button:nth-child(1){color:#c79480}.keys button:nth-child(2){color:#b39a64}.keys button:nth-child(4){color:#ba8b81}.keys button:nth-child(5){color:#929c79}.keys button:hover{background:#fffff8;transform:translateY(1px)}.keys button:active{transform:translateY(4px);box-shadow:0 2px #d3ccba,0 4px 1px #989180,0 4px 3px rgba(41,53,29,.333)}.keys .doodle{height:23px;width:23px}.space-key{position:absolute;left:14%;right:14%;height:20px;bottom:-7px;max-width:80%;border-radius:7px 7px 8px 8px;background:linear-gradient(#fdf8e9,#f0e9d7);box-shadow:0 4px #c9c1ac,0 6px 3px rgba(74,77,52,.36),inset 0 1px 1px #fffaf0;font-size:5px;letter-spacing:1px;color:#a1a08c}.space-key:active{transform:translateY(3px)!important;box-shadow:0 1px #c9c1ac}.machine-brand{position:absolute;bottom:4%;left:13%;right:13%;font-family:monospace;font-size:5px;letter-spacing:1px;color:rgba(111,125,96,.51)}.machine-brand span{float:right;font-size:5px;letter-spacing:.5px}.roller-knob{position:absolute;top:9%;width:17px;height:40px;border:1px solid #949582;border-radius:5px;background:repeating-linear-gradient(0deg,#c7c9b6 0,#c7c9b6 1px,#979d8b 1px,#979d8b 2px,#e6e5cf 2px,#e6e5cf 4px);box-shadow:inset -4px 0 2px #7b806d,1px 0 1px #fffce1,0 2px 3px rgba(71,82,62,.26)}.knob-left{left:-2px;transform:rotate(4deg)}.knob-right{right:-4px;transform:rotate(-3deg)}.metal-lever{position:absolute;width:19px;height:55px;left:4px;top:17px;border-radius:7px 8px 12px 10px;background:linear-gradient(90deg,#9e9e8d,#f9f3d9 23%,#cccdba 48%,#abae9b 72%,#e0e1c9 92%);box-shadow:1px 1px 2px rgba(96,101,75,.5),inset 0 0 1px #5f6654;border:1px solid #8b9684;transform:rotate(17deg);z-index:4}.metal-lever i{position:absolute;left:6px;top:9px;bottom:9px;border-right:1px solid #d9dbc8;opacity:.8}.is-printing .machine-body{animation:machine-purr .14s steps(2) infinite}.is-printing .machine-light i{animation:light-pulse .28s infinite alternate}.is-printing .feed-roller{animation:roll .16s linear infinite}.is-cutting .metal-lever{animation:cut-lever .35s ease-in-out}.is-cutting .machine-body{animation:machine-purr .08s 4}.toolbox{width:calc(100% - 40px);max-width:690px;justify-self:center;background:rgba(255,254,251,.875);border:1px solid #e4e6dc;border-radius:20px;box-shadow:0 5px 24px rgba(112,121,96,.024),0 2px 4px rgba(112,121,96,.02);position:relative;z-index:16;overflow:hidden;display:flex;flex-direction:column}.toolbox-top{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #ecece2;flex:none;background:rgba(255,255,252,.267)}.tabs{display:flex;height:100%;gap:10px}.tabs button{height:100%;padding:0 15px;font-size:12px;color:#8e9585;position:relative}.tabs button.active{color:#607253}.tabs button.active:after{position:absolute;content:"";height:2px;bottom:-1px;left:12px;right:12px;border-radius:2px;background:#829477}.tabs button.active svg{color:#637752}.tabs button:hover{background:#f0f3e9}.new-button{font-size:10px;color:#949b8a;gap:6px}.new-button:hover{color:#687c58}.panel-body{flex:1;min-height:0;padding:15px 22px 10px;position:relative;display:flex;flex-direction:column}.editor-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.5px;margin-bottom:9px;color:#7b8570}.text-button{font-size:10px;color:#9a9d8a;padding:0}.text-button:hover{color:#5e7453}.panel-body textarea{resize:none;display:block;width:100%;height:76px;border:0;outline:none;border-radius:8px;background:rgba(244,245,238,.61);font-family:Poetry,serif;line-height:1.65;font-size:15px;letter-spacing:.7px;padding:9px 13px;color:#606751;flex:1;min-height:38px;box-shadow:inset 0 0 0 1px rgba(228,232,218,.333)}.panel-body textarea:focus{box-shadow:inset 0 0 0 1px rgba(172,185,156,.533)}.panel-body textarea::placeholder{color:#adb1a2}.editor-footer{display:flex;justify-content:space-between;align-items:center;height:27px;flex:none;margin-top:6px}.text-settings{display:flex;align-items:center;gap:6px;color:#8e9780;height:24px}.text-settings button{padding:0;width:20px;height:23px;border-radius:4px}.text-settings button:hover,.text-settings button[aria-pressed=true]{background:#e9eee0}.text-settings>span{font-size:11px}.text-settings i{display:block;height:12px;width:1px;background:#e1e4d8;margin:0 5px}.text-settings .live-label{font-size:9px;color:#9aab8c;margin-left:9px;display:flex;align-items:center;gap:5px}.live-label>span{width:4px;height:4px;border-radius:100%;background:#9bab8b}.character-count{font-size:9px;color:#acb1a1;font-family:monospace}.subtle-label{font-size:9px;color:#a9ae9c;letter-spacing:0}.sticker-tray{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;height:75px;align-items:center}.sticker-tray button{flex-direction:column;gap:6px;padding:8px 2px 5px;border-radius:8px}.sticker-tray button:hover{background:#eff2e8;transform:translateY(-2px)}.sticker-tray .doodle{width:32px;height:32px;color:#677059}.sticker-tray button span{font-size:8px;color:#8c947f;white-space:nowrap}.panel-hint{height:32px;display:flex;justify-content:center;align-items:center;gap:5px;font-size:9px;color:#a5aa99;letter-spacing:.4px}.sticker-settings{display:flex;align-items:center;gap:24px;justify-content:center;height:34px;margin-top:4px}.sticker-settings label{font-size:9px;display:flex;align-items:center;gap:9px;color:#909a81}.sticker-settings input{width:120px;accent-color:#8c9d7b;height:3px;cursor:pointer}.delete-sticker{height:28px;width:30px;color:#a47e70;border:1px solid #ebe6dd;border-radius:6px}.delete-sticker:hover{background:#f5e7df}.palette-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 13px}.palette-presets button{background:#f8f8f2;position:relative;border:1px solid #e8ebdf;border-radius:9px;padding:11px 4px;flex-direction:column;gap:8px;font-size:9px;color:#8a947d}.palette-presets button.chosen{border-color:#b6c4a6;background:#f0f4e9}.palette-presets button>svg{position:absolute;right:6px;top:6px}.palette-chips{display:flex;padding-left:5px}.palette-chips i{display:block;width:22px;height:22px;border-radius:100%;border:2px solid #fffdfa;margin-left:-5px;box-shadow:0 0 0 1px rgba(118,117,74,.04)}.custom-colors{display:flex;align-items:center;justify-content:center;gap:27px}.custom-colors label{display:flex;align-items:center;gap:7px;font-size:10px;color:#88917c;cursor:pointer}.color-swatch{height:18px;width:18px;border-radius:50%;overflow:hidden;border:2px solid white;box-shadow:0 0 0 1px #dddfd2;position:relative}.color-swatch input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;opacity:0;width:35px;height:35px;cursor:pointer}.custom-colors>span{font-family:Poetry,serif;font-size:12px;color:#b1b6a3;margin-left:10px}.export-panel{height:100%;display:flex;align-items:center;gap:20px}.export-illustration{background:#f4eee2;width:57px;height:67px;border-radius:3px;transform:rotate(-7deg);padding:13px;box-shadow:3px 3px #e7e8d9}.export-illustration .doodle{width:100%;height:100%;color:#b39b82}.export-panel h3{font-family:Poetry,serif;font-size:20px;font-weight:400;margin:0 0 8px;color:#647457}.export-panel p{font-size:10px;margin:0 0 8px;color:#989f8c}.export-panel>div>span{font-size:8px;color:#b1b7a5}.export-panel .primary-button{margin-left:auto;font-size:11px;white-space:nowrap;padding:13px 17px}.primary-button{background:#7f9271;color:#fffef6!important;border:1px solid #728765;border-radius:10px;padding:12px 25px;font-size:12px;box-shadow:inset 0 1px #adc09c,0 3px 6px rgba(94,118,83,.07);gap:8px}.primary-button:hover{background:#6e845f}.secondary-button{border:1px solid #dfe5d6;border-radius:10px;padding:12px 20px;font-size:12px;color:#7b8c6e;background:#f9fbf4}.secondary-button:hover{background:#eef2e8}.site-footer{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 58px);max-width:672px;margin:0 auto;font-size:8px;color:#a1a68f;letter-spacing:.6px}.site-footer>span{display:flex;align-items:center;gap:6px}.saved-note>span{width:4px;height:4px;border-radius:100%;background:#afbb9c}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);z-index:60;background:rgba(255,253,245,.96);border:1px solid #d7dfca;box-shadow:0 5px 25px rgba(93,112,69,.17);border-radius:13px;padding:13px 20px;display:flex;align-items:center;gap:9px;font-size:11px;color:#788766;max-width:calc(100% - 26px);white-space:nowrap;animation:toast-in .3s}.toast button{font-size:11px;text-decoration:underline;padding:0;margin-left:5px;white-space:nowrap}dialog{border:1px solid #e0e4d4;border-radius:23px;background:#f7f7ef;color:#636e55;box-shadow:0 20px 80px rgba(69,82,57,.2);padding:0}dialog::backdrop{background:rgba(65,76,59,.314);backdrop-filter:blur(7px)}.finished-dialog{width:calc(100vw - 28px);max-width:470px;max-height:calc(var(--app-height) - 30px);overflow:hidden}.finished-dialog[open]{display:flex;flex-direction:column;animation:dialog-in .35s ease-out}.dialog-heading{padding:27px 25px 20px;text-align:center;position:relative}.eyebrow{font-family:monospace;font-size:7px;letter-spacing:1.3px;color:#a1a58e}.dialog-heading .icon-button{position:absolute;right:10px;top:10px}.dialog-heading h2{font-family:Poetry,serif;font-weight:400;font-size:25px;margin:10px 0 8px}.dialog-heading p{font-size:10px;letter-spacing:1px;color:#979f88;margin:0}.finished-scroll{overflow:auto;max-height:calc(var(--app-height) - 320px);min-height:150px;padding:12px 20px 20px;background:repeating-linear-gradient(0deg,#9da28a0c 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,#9da28a0c 0 1px,transparent 1px 24px),rgba(233,237,223,.4)}.finished-paper{width:280px;max-width:100%;margin:0 auto;filter:drop-shadow(2px 5px 6px #6f6a4521);transform:rotate(-1deg)}.dialog-actions{display:flex;gap:10px;justify-content:center;margin:20px 20px 12px}.image-fallback{font-size:9px;color:#9ca38e;display:flex;align-items:center;justify-content:center;gap:3px;margin:1px 15px 9px}.another-button{font-size:10px;color:#93a082;align-self:center;margin-bottom:18px;padding:6px}.help-dialog{width:390px;max-width:calc(100vw - 28px);padding:26px 29px;max-height:calc(var(--app-height) - 28px);text-align:center;overflow:auto}.help-dialog>.doodle{width:65px;height:60px;margin:auto;color:#8b9d79}.help-dialog h2{font-family:Poetry,serif;font-weight:400;font-size:24px;margin:12px 0}.help-dialog p{font-size:12px;line-height:1.8;color:#9a9f8d}.close-help{position:absolute;right:10px;top:10px}.help-dialog ol{padding:0;list-style:none;display:flex;flex-direction:column;gap:18px;margin:26px 0;text-align:left}.help-dialog li{display:flex;gap:14px;font-size:10px;line-height:1.7;color:#999f8b;align-items:center}.help-dialog li>svg{color:#91a07f}.help-dialog b{font-size:12px;display:block;color:#788769;font-weight:500;margin-bottom:2px}.help-dialog .help-small{font-size:9px;color:#a3aa96}.help-dialog .primary-button{width:100%;margin-top:10px}.doodle-star{transform-origin:32px 32px;animation:twinkle 4s ease-in-out infinite}.doodle-sparkle{transform-origin:32px 32px;animation:twinkle 3s ease-in-out infinite}.doodle-bow{transform-origin:32px 29px;animation:sway 4s ease-in-out infinite}.cat-eyes{transform-origin:32px 35px;animation:cat-blink 5s infinite}.doodle-butterfly{transform-origin:32px 32px;animation:flutter 3.5s ease-in-out infinite}.spinner{animation:spin 1s linear infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes cat-blink{0%,44%,49%,to{transform:scaleY(1)}46%,47%{transform:scaleY(.15)}}@keyframes flutter{0%,to{transform:scaleX(1)}50%{transform:scaleX(.82)}}@keyframes blink{50%{opacity:.3}}@keyframes light-pulse{to{opacity:.5}}@keyframes roll{to{background-position:0 3px}}@keyframes machine-purr{0%,to{margin-left:0}50%{margin-left:.5px}}@keyframes cut-lever{50%{transform:rotate(38deg) translateY(3px)}}@keyframes ink-develop{0%{opacity:.55;filter:blur(.25px)}to{opacity:1;filter:blur(0)}}@keyframes tear-paper{0%{transform:translateY(0)}20%{transform:translateY(-5px) rotate(-1deg)}40%{transform:translateY(-14px) rotate(2deg)}to{transform:translateY(-90px) rotate(-5deg);opacity:0}}@keyframes toast-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1400px){.toolbox{width:720px}.site-footer{width:700px}.note-left{left:calc(50% - 385px)}.note-right{right:calc(50% - 365px)}}@media(max-width:800px){.site-header{margin:0 24px}.stage-status{right:25px;top:25px;font-size:8px}.note-left{left:calc(50% - 275px)}.note-left p{font-size:17px}.note-right{right:calc(50% - 275px)}.note-right p{font-size:16px}.ambient-note{opacity:.7}}@media(max-width:600px){:root{--machine-width: 310px;--machine-height: 161px;--paper-width: 233px}.app{grid-template-rows:62px 79px minmax(160px,1fr) 215px 31px;min-height:500px;padding-bottom:var(--safe-bottom, 0px)}.site-header{margin:0 21px}.brand{font-size:18px;gap:9px;letter-spacing:1px}.brand-icon{width:33px;height:33px;border-radius:10px}.brand-icon .doodle{width:24px;height:24px}.brand small{font-size:6px;letter-spacing:1px}.header-actions{gap:10px}.sound-button{font-size:9px;padding:8px 0}.sound-button span{display:none}.header-divider{height:12px}.icon-button{width:29px;height:29px}.intro{padding-top:10px}.intro h1{font-size:25px;letter-spacing:1px;margin-top:6px}.intro h1 .doodle{width:22px;height:22px;margin-left:325px;margin-top:-13px}.intro-eyebrow{font-size:8px;letter-spacing:1.3px}.intro p{font-size:8px;letter-spacing:1.2px;margin-top:3px}.studio-stage{margin-top:5px;background-size:23px 23px}.stage-status{display:none}.note-left{left:10px;top:22%;opacity:.48}.note-left .doodle{height:39px;width:39px}.note-left p{font-size:11px;letter-spacing:1px;line-height:1.8;writing-mode:vertical-rl;margin-left:5px;max-height:112px}.note-left .note-arrow{width:42px;height:35px;margin:4px 0 0 13px}.note-right{right:12px;top:43%;opacity:.48}.note-right p{font-size:11px;writing-mode:vertical-rl;letter-spacing:2px;line-height:1.9}.small-star{right:2px;top:-29px}.small-star .doodle{width:25px;height:25px}.note-right .hand-underline,.note-right .note-tiny{display:none}.paper-viewport{top:0}.paper-flow{padding-top:13px}.printer{bottom:18px}.machine-label{padding-top:7px}.machine-label span{font-size:7px;letter-spacing:1.5px}.machine-label small{font-size:8px;margin-top:3px}.machine-label i{margin-top:1px}.keys{gap:5px;top:-4px}.keys button{height:29px;border-radius:10px;padding:4px 8px 5px}.keys .doodle{height:20px;width:20px}.space-key{height:17px;bottom:-6px;font-size:4px}.machine-light i{height:6px;width:17px}.machine-light span{font-size:4px}.cat-mark{height:26px;width:26px}.metal-lever{width:16px;height:45px;top:14px}.roller-knob{height:32px;width:14px}.machine-back{border-radius:23px 23px 8px 8px}.machine-body{border-radius:17px 17px 26px 26px}.feed-slot{height:17px;top:9px}.stage-serial{font-size:6px;bottom:4px;letter-spacing:1.1px}.follow-button{left:auto;right:12px;bottom:calc(var(--machine-height) + 25px);padding:7px;width:28px;height:28px;border-radius:50%;font-size:0;gap:0}.toolbox{width:calc(100% - 28px);border-radius:17px}.toolbox-top{height:47px;padding:0 12px}.tabs{gap:4px}.tabs button{font-size:11px;padding:0 10px;gap:5px}.tabs button svg{width:15px;height:15px}.tabs button.active:after{left:7px;right:7px}.new-button span{display:none}.new-button{padding:7px}.panel-body{padding:12px 15px 9px}.editor-heading{font-size:10px;margin-bottom:8px}.text-button{font-size:9px}.panel-body textarea{font-size:14px;line-height:1.5;padding:8px 10px}.editor-footer{margin-top:5px}.character-count{font-size:8px}.text-settings{gap:4px}.text-settings .live-label{font-size:8px;margin-left:6px}.site-footer{width:calc(100% - 40px);font-size:7px;letter-spacing:.1px}.site-footer svg{width:9px;height:9px}.site-footer>span{gap:4px}.sticker-tray{grid-template-columns:repeat(10,1fr);height:65px;gap:2px;overflow-x:auto;flex:none;scrollbar-width:none}.sticker-tray button{min-width:39px;gap:5px;padding:6px 1px}.sticker-tray .doodle{height:27px;width:27px}.sticker-tray button span{font-size:7px}.sticker-settings{gap:12px;height:35px}.sticker-settings label{gap:5px;font-size:8px}.sticker-settings input{width:82px}.panel-hint{font-size:8px;height:35px}.palette-presets{gap:7px;margin:1px 0 12px}.palette-presets button{font-size:8px;padding:10px 3px;gap:6px}.palette-chips i{height:20px;width:20px}.custom-colors{gap:20px}.custom-colors label{font-size:9px;gap:6px}.custom-colors>span{display:none}.export-panel{display:grid;grid-template-columns:39px 1fr;gap:7px 13px;align-content:center}.export-illustration{width:36px;height:49px;padding:7px;grid-row:1}.export-panel h3{font-size:18px;margin-bottom:5px}.export-panel p{font-size:9px;margin-bottom:4px}.export-panel>div>span{font-size:7px}.export-panel .primary-button{grid-column:1 / -1;margin:4px 0 0;justify-self:stretch;padding:9px 12px;font-size:11px}.toast{font-size:10px;bottom:25px;padding:11px 12px;white-space:normal;width:max-content}.subtle-label{font-size:8px}.finished-dialog{border-radius:20px}.finished-paper{width:260px}.dialog-heading h2{font-size:23px}}@media(max-width:360px){:root{--machine-width: 280px;--machine-height: 146px;--paper-width: 211px}.app{grid-template-rows:57px 72px minmax(150px,1fr) 209px 27px}.intro h1{font-size:23px}.intro h1 .doodle{display:none}.tabs button{padding:0 8px}.toolbox-top{padding:0 9px}.text-settings .live-label{display:none}.note-left,.note-right{opacity:.3}.site-footer{font-size:6px}.machine-label small{font-size:7px}.machine-label{padding-top:5px}}@media(max-height:780px)and (min-width:601px){:root{--machine-width: 326px;--machine-height: 169px;--paper-width: 245px}.app{grid-template-rows:62px 74px minmax(230px,1fr) 199px 31px}.intro{padding-top:7px}.intro h1{font-size:28px}.intro p{font-size:9px}.toolbox-top{height:44px}.panel-body{padding-top:10px}.keys button{height:30px}.machine-label{padding-top:7px}.machine-label small{font-size:8px}.space-key{height:17px}.cat-mark{height:26px;width:26px}.machine-label i{margin-top:1px}.note-left p,.note-right p{font-size:17px}}.compact{min-height:0;grid-template-rows:42px 0 minmax(110px,1fr) 166px 0;--machine-width: 235px;--machine-height: 122px;--paper-width: 179px}.compact .intro,.compact .site-footer,.compact .ambient-note,.compact .stage-serial{display:none}.compact .site-header{border-bottom:0}.compact .brand{font-size:15px}.compact .brand small{display:none}.compact .brand-icon{height:26px;width:26px}.compact .brand-icon .doodle{height:20px;width:20px}.compact .toolbox{margin-bottom:6px}.compact .toolbox-top{height:37px}.compact .panel-body{padding-top:8px}.compact .editor-heading{margin-bottom:5px}.compact .editor-footer{height:21px;margin-top:1px}.compact .machine-label{padding-top:4px}.compact .machine-label span{font-size:5px}.compact .machine-label small{font-size:6px}.compact .machine-label i{display:none}.compact .keys button{height:22px;padding:3px}.compact .keys .doodle{width:16px;height:16px}.compact .space-key{height:13px;font-size:3px}.compact .cat-mark{width:21px;height:21px}.compact .paper-viewport{bottom:calc(var(--machine-height) - 13px)}.compact .paper-join-shadow{bottom:calc(var(--machine-height) - 19px)}.compact .machine-light span{display:none}.compact .roller-knob{height:27px}.compact .metal-lever{height:34px;width:14px}.compact .sticker-tray{height:49px}.compact .sticker-settings{height:22px}.compact .palette-presets{margin:0 0 6px}.compact .palette-presets button{padding:5px}.compact .palette-chips i{height:15px;width:15px}.compact .export-panel h3{font-size:16px}.compact .export-panel .primary-button{padding:6px}.compact .export-panel>div>span{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tear-away{opacity:0}}.studio-stage{background:none;mask-image:none;-webkit-mask-image:none}.studio-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#8a957311 .6px,transparent .6px),linear-gradient(90deg,#8a957311 .6px,transparent .6px);background-size:28px 28px;-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 92%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 92%,transparent)}@media(min-width:601px)and (min-height:781px){.app{grid-template-rows:66px 76px minmax(250px,1fr) 195px 32px}.intro{padding-top:8px}.intro h1{font-size:30px}.panel-body{padding-top:12px}.toolbox-top{height:46px}.paper-flow{padding-top:14px}}@media(max-width:600px){.studio-stage:after{background-size:23px 23px}}.paper-viewport{z-index:6}.paper-join-shadow{z-index:7}.site-header{grid-row:1}.intro{grid-row:2}.studio-stage{grid-row:3}.toolbox{grid-row:4}.site-footer{grid-row:5}.native-poetry-input{position:absolute;left:50%;top:40%;width:1px;height:1px;min-width:0;min-height:0;margin:0;padding:0;opacity:0;border:0;resize:none;font-size:16px;pointer-events:none;caret-color:transparent;overflow:hidden}.paper{cursor:text}.paper-caret{animation:paper-caret-blink 1.05s step-end infinite;pointer-events:none}@keyframes paper-caret-blink{0%,45%{opacity:.8}46%,to{opacity:0}}.direct-writing-tools{height:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.tool-text .panel-body{padding:8px 20px}.paper-input-hint{font-size:10px;color:#939e86;gap:7px;white-space:nowrap;padding:8px 2px}.paper-input-hint.active{color:#708761}.writing-extras{display:flex;align-items:center;gap:15px}.writing-extras .text-button{font-size:10px}.app{--tool-height: 195px;grid-template-rows:66px 76px minmax(150px,1fr) var(--tool-height) 32px}.app.tool-text{--tool-height: 106px}@media(max-width:600px){.app{--tool-height: 198px;grid-template-rows:62px 79px minmax(140px,1fr) var(--tool-height) 31px}.app.tool-text{--tool-height: 100px}.tool-text .panel-body{padding:5px 12px}.direct-writing-tools{gap:8px}.paper-input-hint{font-size:9px;gap:5px}.writing-extras .character-count{display:none}.writing-extras .text-button{font-size:9px}.direct-writing-tools .text-settings{gap:3px}.direct-writing-tools .text-settings i{margin:0 3px}}@media(max-width:360px){.app{grid-template-rows:57px 72px minmax(120px,1fr) var(--tool-height) 27px}.paper-input-hint{font-size:8px}.paper-input-hint svg{display:none}.direct-writing-tools .text-settings{gap:1px}.direct-writing-tools{gap:5px}}.app.compact{--tool-height: 154px;min-height:0;grid-template-rows:42px 0 minmax(80px,1fr) var(--tool-height) 0}.app.compact.tool-text{--tool-height: 86px}.compact .direct-writing-tools .text-settings{height:22px}@media(prefers-reduced-motion:reduce){.paper-caret{animation:none;opacity:.7}}.app,.app.tool-text{min-height:400px;grid-template-rows:66px 76px minmax(0,1fr)}.site-header{margin:0 28px;z-index:30}.header-actions{gap:11px}.header-actions .tabs{height:35px;gap:3px}.header-actions .tabs button{padding:0 11px;font-size:11px;border-radius:9px;gap:6px}.header-actions .tabs button.active{background:#e9efdf}.header-actions .tabs button:after{display:none}.header-actions .new-button{padding:8px;gap:5px}.header-actions .new-button span,.site-footer{display:none}.studio-stage{grid-row:3;margin-bottom:0}.printer{bottom:14px}.paper-viewport{bottom:calc(var(--machine-height) - 8px)}.paper-join-shadow{bottom:calc(var(--machine-height) - 14px)}.stage-serial{bottom:auto;top:32px;left:38px;transform:none;font-size:8px;opacity:.8}.stage-status{top:32px}.note-left{top:auto;bottom:calc(var(--machine-height) + 160px)}.note-right{top:auto;bottom:calc(var(--machine-height) + 110px)}.floating-toolbox{position:absolute;grid-row:auto;top:76px;right:28px;left:auto;width:440px;max-width:calc(100% - 32px);height:195px;border-radius:17px;background:rgba(255,254,250,.96);box-shadow:0 12px 40px rgba(105,118,91,.11);backdrop-filter:blur(16px);z-index:25;justify-self:unset;animation:tool-reveal .2s ease-out}.floating-toolbox .toolbox-top{height:37px;padding:0 14px;background:none}.floating-panel-title{display:flex;align-items:center;gap:12px;font-size:11px;color:#748365}.floating-panel-title small{font-size:9px;letter-spacing:.4px;color:#a5ad97}.floating-toolbox .panel-body{padding:12px 16px 9px}.floating-toolbox .sticker-tray{overflow-x:auto;grid-template-columns:repeat(10,1fr);gap:1px;height:67px;scrollbar-width:none}.floating-toolbox .sticker-tray button{min-width:38px}.floating-toolbox .sticker-tray .doodle{width:28px;height:28px}.floating-toolbox .sticker-tray button span{font-size:7px}.floating-toolbox .sticker-settings{gap:15px}.floating-toolbox .sticker-settings input{width:102px}.floating-toolbox .palette-presets{gap:8px;margin-top:0;margin-bottom:10px}.floating-toolbox .palette-presets button{padding:8px 4px}.floating-toolbox .custom-colors{gap:28px}.floating-toolbox .custom-colors>span{display:none}.tool-text .floating-toolbox{height:94px}.tool-text .floating-toolbox .panel-body{padding:7px 14px}.floating-toolbox .writing-extras .character-count{display:none}.floating-toolbox .export-panel{display:grid;grid-template-columns:40px 1fr;gap:7px 13px;align-content:center}.floating-toolbox .export-illustration{width:38px;height:48px;padding:8px}.floating-toolbox .export-panel h3{font-size:19px;margin-bottom:5px}.floating-toolbox .export-panel p{font-size:9px;margin-bottom:4px}.floating-toolbox .export-panel>div>span{font-size:7px}.floating-toolbox .export-panel .primary-button{grid-column:1 / -1;margin:7px 0 0;justify-self:stretch;padding:10px}@keyframes tool-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px)and (min-width:601px){.has-panel .paper-viewport{top:130px}.header-actions .tabs button{padding:0 8px}.header-actions{gap:6px}.sound-button span{display:none}}@media(max-width:600px){.app,.app.tool-text{min-height:400px;grid-template-rows:62px 79px minmax(0,1fr)}.site-header{margin:0 16px}.brand{font-size:17px;gap:7px}.brand-icon{width:29px;height:29px}.brand small{font-size:5.5px;letter-spacing:.5px}.header-actions{gap:2px}.header-actions .tabs{height:33px;gap:2px}.header-actions .tabs button{width:29px;padding:0;gap:0}.header-actions .tabs button span{display:none}.header-actions .tabs button svg{width:17px;height:17px}.header-actions .new-button{width:26px;padding:5px}.header-actions>.sound-button,.header-actions>.header-divider,.header-actions>.icon-button{display:none}.floating-toolbox{top:70px;left:14px;right:14px;max-width:none;width:auto;height:194px;z-index:25}.floating-toolbox .panel-body{padding:10px 14px 8px}.floating-toolbox .sticker-settings input{width:86px}.has-panel .intro{visibility:hidden}.has-panel .paper-viewport{top:133px}.has-panel.tool-text .paper-viewport{top:36px}.tool-text .floating-toolbox{height:93px}.printer{bottom:12px}.stage-serial{top:22px;left:17px;font-size:6px}.note-left{bottom:calc(var(--machine-height) + 136px)}.note-right{bottom:calc(var(--machine-height) + 97px)}}@media(max-width:360px){.site-header{margin:0 12px}.brand{font-size:15px;gap:5px;letter-spacing:0}.brand-icon{width:24px;height:24px}.brand-icon .doodle{width:19px;height:19px}.brand small{font-size:4.5px}.header-actions .tabs button{width:27px}.header-actions .new-button{width:23px}.header-actions{gap:0}.floating-toolbox .sticker-settings input{width:74px}.floating-toolbox .sticker-settings{gap:10px}.app,.app.tool-text{grid-template-rows:57px 72px minmax(0,1fr)}}.app.compact,.app.compact.tool-text{min-height:0;grid-template-rows:42px 0 minmax(0,1fr)}.compact .floating-toolbox{top:47px;height:161px}.compact.tool-text .floating-toolbox{height:82px}.compact .floating-toolbox .toolbox-top{height:30px}.compact .floating-toolbox .panel-body{padding-top:7px}.compact .printer{bottom:8px}.compact .paper-viewport{bottom:calc(var(--machine-height) - 14px)}.compact .paper-join-shadow{bottom:calc(var(--machine-height) - 20px)}.compact .floating-toolbox .sticker-tray{height:51px}.compact .floating-toolbox .sticker-settings{height:24px;margin-top:0}.compact .floating-toolbox .palette-presets button{padding:5px}.compact .floating-toolbox .export-panel .primary-button{padding:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.header-actions>.sound-button{display:inline-flex;width:25px;padding:5px}.header-actions .tabs button{width:31px}}@media(max-width:360px){.header-actions>.sound-button{width:23px}.header-actions .tabs button{width:28px}}.decoration-gallery{min-height:100vh;padding:28px 24px 36px;background:#fcf5eb;color:#38312d;font-family:Poetry,serif;background-image:radial-gradient(#c9a68c18 .8px,transparent .8px);background-size:5px 5px}.gallery-back{font-size:14px}.decoration-gallery header{text-align:center;margin:22px 0 36px}.gallery-kicker{font:9px monospace;letter-spacing:3px;color:#a67c77}.decoration-gallery h1{font-size:42px;font-weight:400;letter-spacing:5px;margin:15px auto;position:relative;width:fit-content;z-index:0}.decoration-gallery h1:before{content:"";position:absolute;top:2px;right:-18px;bottom:-5px;left:-18px;background:#f5d2d2;z-index:-1;border-radius:39% 12% 20% 9%/18% 33% 24% 26%;transform:rotate(-2deg)}.decoration-gallery header p{font-size:16px}.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 26px;max-width:870px;margin:auto}.character-card{position:relative;padding:17px 24px 18px;text-align:center;border-radius:6px 11px 7px 13px;box-shadow:1px 3px 3px rgba(148,117,99,.04);background:#f8dddd;transform:rotate(-1.2deg)}.character-card:nth-child(2n){transform:rotate(1deg)}.card-star{background:#fcf2cd}.card-bow{background:#dfeef3}.card-cloud{background:#e7efd5}.card-donut{background:#f9ecd7}.washi-tape{position:absolute;width:60px;height:22px;top:-9px;left:40%;background:rgba(255,243,203,.66);transform:rotate(-14deg);background-image:radial-gradient(#fff9e5 2px,transparent 2px);background-size:12px 10px}.card-bow .washi-tape,.card-flower .washi-tape{background-color:rgba(231,188,199,.667)}.card-cloud .washi-tape{background-color:rgba(200,215,168,.667)}.card-number{position:absolute;left:16px;top:15px;font:9px monospace;color:#8f7b6e;opacity:.55}.character-play{display:block;margin:3px auto 0;width:170px;max-width:100%;padding:0;overflow:visible}.character-play svg{width:100%;height:auto;overflow:visible}.character-play:disabled{opacity:1}.character-card h2{font-size:26px;letter-spacing:6px;font-weight:400;margin:2px 0 7px}.character-card p{font-size:14px;margin:0 0 15px}.card-footer{display:block;border-top:1px dashed #846d6255;padding-top:12px;font-size:10px;letter-spacing:1px;color:#9a7d70}.decoration-gallery footer{text-align:center;font-size:15px;color:#a67c77;margin:30px 0 0}.decoration-gallery footer button{display:block;margin:12px auto;font-size:12px;text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.decoration-gallery{padding:20px 18px}.decoration-gallery h1{font-size:27px}.decoration-gallery header p{font-size:13px}.character-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 16px}.character-card{padding:15px 12px}.character-play{width:128px}.character-card h2{font-size:22px}.character-card p{font-size:11px}.card-footer{font-size:8px;letter-spacing:0}}:root{color:#514139;background:#fbf1e8;--sage: #a27479;--ink: #514139;--muted: #ad9790;--line: #e9d9cf}.app{background:radial-gradient(ellipse at 50% 45%,#fffaf0 0,#f9e7e261 58%,transparent 85%),#fbf1e8}.app:before{opacity:.19}.site-header{border-bottom:1px dashed #b995842c}.brand{color:#554039}.brand-icon{background:#e4eccf;border-radius:32% 25% 29% 20%}.brand small{color:#b29486}.intro{padding-top:11px}.intro-eyebrow{color:#aa8d80;font-family:Poetry,serif;font-size:11px;letter-spacing:2px}.intro-eyebrow i{background:#d8b8a8;transform:rotate(-9deg)}.intro h1{color:#3e322c;font-size:35px;letter-spacing:3px;position:relative;width:fit-content;margin:6px auto 3px}.intro h1:before{content:"";background:rgba(240,191,195,.36);position:absolute;top:1px;right:-13px;bottom:-4px;left:-13px;border-radius:20% 10% 30% 12%/30% 23% 32% 20%;transform:rotate(-1.4deg);z-index:-1}.intro h1 span:after{display:none}.intro h1 .doodle{margin-left:470px;color:#38302c;transform:rotate(12deg)}.intro p{font-family:Poetry,serif;font-size:13px;letter-spacing:2px;color:#927567;margin-top:6px}.studio-stage{background-image:linear-gradient(#bb9e9210 1px,transparent 1px),linear-gradient(90deg,#bb9e9210 1px,transparent 1px);background-size:32px 32px}.studio-stage:before{background:radial-gradient(ellipse,#eac2b93b,transparent 66%)}.ambient-note{color:#635048;padding:24px 25px 19px;box-shadow:2px 4px 9px rgba(149,103,86,.043)}.ambient-note:before{content:"";position:absolute;width:55px;height:20px;left:35%;top:-8px;background:repeating-linear-gradient(90deg,rgba(234,219,184,.533) 0,rgba(234,219,184,.533) 7px,rgba(247,237,206,.733) 7px,rgba(247,237,206,.733) 14px);transform:rotate(-13deg)}.note-left{background:#f6d8d9;border-radius:6% 4% 3% 5%/3% 5% 4% 2%;left:calc(50% - 375px);transform:rotate(-7deg)}.note-left p{font-size:20px}.note-left>.doodle{position:absolute;top:-62px;left:-10px;width:80px;height:72px;background:#dceaf1;border-radius:23% 10% 20% 7%;padding:5px;transform:rotate(-7deg)}.note-arrow{stroke:#7b5f52;position:absolute;bottom:-68px;left:22px;stroke-width:2}.note-right{right:calc(50% - 373px);background:#faf0bf;border-radius:4% 6% 5% 3%;transform:rotate(8deg)}.note-right:before{background:rgba(213,226,223,.667)}.note-right p{font-size:20px}.hand-underline{border-color:#b18b70}.note-tiny{color:#b08c77}.stage-status,.stage-serial{color:#af978b}.printer{--machine-dark: color-mix(in srgb, var(--machine-color), #875f58 17%);--machine-light: color-mix(in srgb, var(--machine-color), #fff9e9 31%)}.machine-body{border-radius:26px 29px 39px 36px;border-color:color-mix(in srgb,var(--machine-color),#9b7466 17%);background:linear-gradient(171deg,var(--machine-light),var(--machine-color) 42%,var(--machine-color) 81%,var(--machine-dark));box-shadow:inset 0 3px 3px rgba(255,249,237,.69),inset 3px 0 6px rgba(255,248,229,.36),inset -3px -7px 12px rgba(150,115,101,.14),0 4px 1px rgba(182,146,126,.333),0 10px 13px rgba(126,87,70,.13)}.machine-back{border-radius:33px 34px 9px 9px;box-shadow:inset 0 2px 2px rgba(255,248,230,.8),0 -1px 2px rgba(178,139,116,.333)}.machine-label{background:#fff7e6;color:#806553;transform:rotate(-2deg);font-family:Poetry,serif}.machine-label i .doodle{width:11px;height:11px;margin:auto}.cat-mark{width:39px;height:37px;left:10%;top:10%}.machine-brand{color:rgba(146,111,96,.37)}.machine-seam{opacity:.5}.keys button{border-radius:14px 13px 16px 15px;background:linear-gradient(165deg,#fffaf0 20%,#f4e7d2 92%)}.keys button:nth-child(2n){transform:rotate(1.5deg)}.keys button:nth-child(3){transform:rotate(-1deg)}.space-key{background:linear-gradient(#fff8eb,#eddfcb);border-radius:14px 16px 15px 18px}.space-key span{font-family:Poetry,serif;color:#a68b78}.header-actions .tabs{gap:6px}.header-actions .tabs button{border-radius:10px 12px 9px 13px;font-family:Poetry,serif;color:#795c50;background:rgba(241,213,209,.333)}.header-actions .tabs button:nth-child(2){background:rgba(220,230,201,.48);transform:rotate(-2deg)}.header-actions .tabs button:nth-child(3){background:rgba(212,228,238,.5);transform:rotate(2deg)}.header-actions .tabs button:nth-child(4){background:rgba(246,227,183,.48);transform:rotate(-1deg)}.header-actions .tabs button.active{box-shadow:inset 0 0 0 1px rgba(171,128,122,.333);background:#f4cdc9;color:#593e34}.floating-toolbox{background:rgba(255,250,241,.96);border:1px solid #e6d3c3;border-radius:13px 17px 14px 18px;box-shadow:2px 6px 22px rgba(150,115,96,.086)}.floating-panel-title{font-family:Poetry,serif;font-size:18px;color:#705344}.floating-panel-title small{font-family:Poetry,serif;font-size:11px;color:#b09886}.toolbox-top{border-bottom:1px dashed #d5b9a555}.sticker-tray button{border-radius:12px 9px 11px 8px}.sticker-tray button:nth-child(3n+1){background:#f8e1df}.sticker-tray button:nth-child(3n+2){background:#f8efd1}.sticker-tray button:nth-child(3n){background:#e1ebee}.sticker-tray button span{font-family:Poetry,serif;color:#88695c;font-size:10px}.sticker-tray button .doodle{width:38px;height:38px}.sticker-sheet-link:hover{text-decoration:underline;text-underline-offset:3px}.sticker-settings input{accent-color:#bd8e8f}.panel-hint{color:#aa8979}.primary-button{background:#a77b78;color:#fff9ef}.primary-button:hover:not(:disabled){background:#936767;color:#fff9ef}.paper{filter:drop-shadow(4px 6px 8px #8c665524)}.character-card{clip-path:polygon(0 1%,3% 0,6% 1%,9% 0,14% .7%,20% 0,26% .7%,32% 0,38% 1%,45% 0,52% .8%,60% 0,67% .7%,73% 0,81% 1%,88% 0,96% .5%,100% 0,99.5% 20%,100% 43%,99.5% 61%,100% 78%,99.5% 99%,96% 100%,91% 99.3%,86% 100%,80% 99.2%,74% 100%,68% 99%,60% 100%,53% 99.2%,47% 100%,40% 99%,33% 100%,26% 99.3%,20% 100%,14% 99.2%,7% 100%,0 99.3%,.5% 78%,0 61%,.5% 39%,0 20%);overflow:visible}.character-card .washi-tape{top:0}@media(max-width:600px){.intro h1{font-size:26px;letter-spacing:1px}.intro-eyebrow{font-size:8px}.intro p{font-size:10px;margin-top:6px}.intro h1 .doodle{margin-left:328px;width:22px}.header-actions .tabs{gap:4px}.ambient-note{padding:12px 9px}.note-left{left:-14px;transform:rotate(-9deg);width:79px}.note-right{right:-10px;width:81px;transform:rotate(9deg)}.note-left p,.note-right p{font-size:12px;letter-spacing:1px}.note-left>.doodle{width:49px;height:44px;top:-45px;left:4px}.ambient-note:before{width:30px;height:12px;top:-6px}.note-tiny{font-size:8px}.hand-underline{width:54px}.note-arrow{left:-4px;bottom:-45px;width:58px;height:45px}.small-star{right:12px;top:-34px}}@media(max-width:360px){.intro h1{font-size:23px}.intro h1 .doodle{margin-left:286px}.header-actions .tabs{gap:2px}}@media(prefers-reduced-motion:reduce){.character-card,.paper,.printer,.paper-caret{animation:none}}.floating-toolbox .sticker-tray{display:flex;gap:5px;overflow-y:hidden;align-items:center}.floating-toolbox .sticker-tray button{flex:0 0 49px;height:60px;padding:3px 2px}.floating-toolbox .sticker-tray .doodle{width:34px;height:34px}.floating-toolbox .sticker-tray button span{font-size:9px}.compact .floating-toolbox .sticker-tray button{height:48px}.compact .floating-toolbox .sticker-tray .doodle{width:28px;height:28px}:root{--canvas-color: #F4F0EA;background:var(--canvas-color);--primary-font: "ChenYuluoyan 2.0 Thin", Poetry, serif}.app,.app.tool-text{background:var(--canvas-color);grid-template-rows:66px minmax(0,1fr);min-height:0}.app:before,.app:after,.studio-stage:before,.studio-stage:after{content:none}.studio-stage{grid-row:2;margin:0;background:none;mask-image:none;-webkit-mask-image:none}.site-header{border-bottom:0}.brand{font-size:20px;letter-spacing:1px}.paper-viewport{top:12px}@media(max-width:1000px){.has-panel .paper-viewport{top:217px}.has-panel.tool-text .paper-viewport{top:119px}}@media(max-width:600px){.app,.app.tool-text{grid-template-rows:62px minmax(0,1fr)}.brand{font-size:18px}.has-panel .paper-viewport{top:212px}.has-panel.tool-text .paper-viewport{top:112px}}@media(max-width:360px){.app,.app.tool-text{grid-template-rows:57px minmax(0,1fr)}.brand{font-size:16px}.has-panel .paper-viewport{top:217px}.has-panel.tool-text .paper-viewport{top:117px}}.app.compact,.app.compact.tool-text{grid-template-rows:calc(var(--header-height) + var(--safe-top, 0px)) minmax(0,1fr)}.compact .paper-viewport{top:8px}.compact.has-panel .paper-viewport{top:176px}.compact.has-panel.tool-text .paper-viewport{top:95px}:root{--canvas-color: #F4F0EA;--primary-font: "ChenYuluoyan 2.0 Thin", Poetry, serif}.app:before{content:"";opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='.45'/%3E%3C/svg%3E")}.studio-stage:before{content:"";position:absolute;left:50%;bottom:-45px;top:auto;width:135vw;max-width:640px;height:360px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,var(--ambient-color) 0%,transparent 69%);opacity:.24;pointer-events:none;z-index:-1}.studio-stage:after,.app:after{content:none}.app .floating-toolbox,.app.tool-text .floating-toolbox,.app.compact .floating-toolbox,.app.compact.tool-text .floating-toolbox{height:auto}.floating-toolbox .toolbox-top{height:33px;padding:0 12px}.floating-panel-title{font-size:15px}.floating-toolbox .panel-body{padding:6px 12px 10px}.floating-toolbox .sticker-tray{height:64px}.floating-toolbox .sticker-settings{height:28px;margin-top:4px;padding:0}.floating-toolbox .panel-hint{height:auto;min-height:0;padding:0;margin:6px 0 0;line-height:1.5;font-size:10px}.floating-toolbox .palette-presets{margin-top:1px;margin-bottom:7px}.floating-toolbox .custom-colors{height:27px;padding-top:0}.app.has-panel .paper-viewport,.app.has-panel.tool-text .paper-viewport,.app.compact.has-panel .paper-viewport,.app.compact.has-panel.tool-text .paper-viewport{top:var(--panel-space, 10px)}.floating-toolbox .direct-writing-tools{gap:8px}.floating-toolbox .direct-writing-tools .text-settings{gap:2px}@media(max-width:600px){.floating-toolbox .direct-writing-tools .paper-input-hint{display:none}.floating-toolbox .direct-writing-tools{justify-content:space-between}.floating-toolbox .direct-writing-tools .text-settings{gap:7px}}.compact .floating-toolbox .sticker-tray{height:49px}.compact .floating-toolbox .toolbox-top{height:28px}.compact .floating-toolbox .sticker-settings{height:25px}.text-ink-picker{display:inline-flex;align-items:center;gap:3px;padding:4px 1px;cursor:pointer}.text-ink-picker .color-swatch{width:19px;height:19px;border:2px solid #fffdf9;outline:1px solid #75625135;border-radius:50%}.text-ink-picker input:focus-visible{outline:2px solid #a17472;outline-offset:3px}.floating-toolbox .direct-writing-tools .paper-input-hint{display:none}@media(max-width:600px){.floating-toolbox .direct-writing-tools .text-settings{gap:3px}}@media(max-width:360px){.floating-toolbox .direct-writing-tools .text-settings{gap:1px}.text-settings button{width:25px}.floating-toolbox .direct-writing-tools{gap:5px}}.floating-toolbox .direct-writing-tools{flex-wrap:wrap;row-gap:5px;height:auto}.text-color-row{display:flex;flex:0 0 100%;align-items:center;gap:6px;border-top:1px dashed #aa988326;padding-top:5px;min-width:0}.text-color-row>span{font-size:11px;color:#968677;margin-right:2px}.ink-preset{width:27px;height:28px;padding:4px;flex-shrink:0;border-radius:50%}.ink-preset>span{width:19px;height:19px;display:block;border-radius:48% 52% 47% 53%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.ink-preset[aria-pressed=true]>span{outline:1.5px solid #a08774;outline-offset:2px}.ink-preset:hover{background:rgba(231,221,205,.4)}.text-color-row>i{width:1px;height:15px;background:rgba(170,152,131,.19);margin:0 3px}.text-color-row .text-ink-picker{font-size:10px;color:#8a7868;gap:5px;white-space:nowrap}.sticker-picker{display:flex;align-items:center;gap:2px;min-width:0}.sticker-picker .sticker-tray{flex:1;min-width:0;overscroll-behavior-x:contain}.tray-arrow{flex:0 0 20px;width:20px;height:48px;border-radius:9px;color:#ae9287}.tray-arrow:hover{background:rgba(236,220,205,.333)}.card-rainbow,.card-cake,.card-music{background:#fcf1d4}.card-bear,.card-tea,.card-envelope{background:#f8dedb}.card-rabbit,.card-balloon{background:#dfebd1}.card-plane,.card-dog{background:#dceaf0}@media(max-width:360px){.text-color-row{gap:3px}.ink-preset{width:24px}.text-color-row .text-ink-picker{gap:3px}.text-color-row>i{margin:0 1px}}.save-view{width:calc(100vw - 24px);max-width:500px;max-height:calc(var(--app-height, 100vh) - 24px);margin:auto;overflow:auto;padding:27px 24px 15px;border:1px solid #dfcdbb;border-radius:29px;background:#fcf7ee;color:#655048;scrollbar-width:thin;scrollbar-color:#d5b9a7 transparent;box-shadow:0 18px 75px rgba(89,64,46,.196)}.save-view[open]{display:block;animation:keepsake-arrive .4s cubic-bezier(.18,.75,.25,1.1)}.save-view::backdrop{background:rgba(96,85,75,.333);backdrop-filter:blur(8px)}.save-close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;border-radius:50%;background:rgba(237,225,209,.36);color:#8d7565;z-index:3}.save-heading{text-align:center;position:relative}.save-heading h2{margin:6px 0 9px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:31px;font-weight:400;letter-spacing:2px;color:#4c352c}.save-heading h2 .doodle{width:27px;height:27px;transform:rotate(9deg)}.save-heading p{font-size:13px;letter-spacing:.4px;margin:0;color:#8a7364}.save-heading .save-mascot{width:63px;height:54px;display:block;margin:-9px auto -3px}.save-artwork{position:relative;margin:15px -4px 17px}.save-paper-scroll{max-height:calc(var(--app-height, 100vh) * .4);overflow-y:auto;overflow-x:hidden;padding:13px 20px 18px;scrollbar-width:thin;scrollbar-color:#d2bdab55 transparent}.save-paper{width:88%;max-width:295px;margin:auto;transform:rotate(-2deg);filter:drop-shadow(2px 9px 8px #62412824)}.save-paper>svg{display:block;width:100%;height:auto}.save-friend{position:absolute;width:40px;height:40px;pointer-events:none;z-index:2}.save-friend-left{left:0;top:43%;transform:rotate(-12deg)}.save-friend-right{right:2px;top:12px;transform:rotate(12deg);width:48px;height:48px;filter:drop-shadow(0 2px 2px #66422222)}.save-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.save-format{position:relative;min-width:0;min-height:108px;display:flex;flex-direction:column;gap:9px;padding:16px 3px 12px;border-radius:24px 23px 21px 24px;border:1px solid;color:#654b40;box-shadow:inset 0 0 0 3px rgba(255,248,236,.533),0 4px rgba(201,170,145,.137)}.save-format strong{font-weight:400;font-size:13px;white-space:nowrap}.save-format small{font-size:8px;color:#a08577;white-space:nowrap}.save-format:hover:not(:disabled){transform:translateY(-2px) rotate(-1deg)}.save-format:active:not(:disabled){transform:translateY(1px)}.format-video{background:#f6d0d2;border-color:#e7b1b7}.format-live{background:#f9edd0;border-color:#ead6ac}.format-image{background:#e4eadb;border-color:#cad5bf}.live-badge{position:absolute;top:-5px;right:10px;background:#df9c8d;color:#fff;border:2px solid #fcf7ee;border-radius:7px;padding:2px 5px;font:8px/1 monospace;letter-spacing:.5px}.live-note{color:#a28d7d;font-size:9px;line-height:1.5;text-align:center;margin:10px 0 13px}.save-share{width:100%;padding:15px 19px;border:1px solid #e8d8c6;border-radius:22px;background:#fffbf4;box-shadow:0 6px 13px rgba(180,147,112,.125);gap:18px;justify-content:flex-start}.save-share>span{display:flex;flex-direction:column;align-items:flex-start;gap:5px;flex:1}.save-share strong{font-weight:400;font-size:17px;letter-spacing:1px}.save-share small{font-size:11px;color:#a18c7e}.save-image-link{display:flex;align-items:center;justify-content:center;gap:3px;font-size:9px;color:#aa9787;padding:12px 0 3px}.save-bottom{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px dashed #dcc6b4;margin-top:13px;padding-top:12px}.save-bottom button{border:1px solid #e7d5c1;padding:9px 16px;border-radius:30px;font-size:12px;color:#9b8270;background:#fffaf1;gap:8px}.save-bottom .doodle{width:43px;height:42px}.save-progress{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;font-size:12px;color:#a36b73;margin:8px 0 13px}.save-progress progress{flex:0 0 100%;height:4px;accent-color:#c89096}.save-notice{font-size:12px;text-align:center;line-height:1.6;color:#a67663;margin:10px 0}.save-success{display:flex;gap:12px;align-items:center;border-radius:18px;border:1px solid #e5d4bf;background:#fff9ee;padding:14px;margin-bottom:18px}.save-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a1c1a2;color:#fff;flex-shrink:0}.save-success strong{font-weight:400;font-size:17px}.save-success p{font-size:10px;margin:4px 0;color:#a18c7c}.save-success small{font-size:9px;color:#b09c88}.save-success button{margin-left:auto;font-size:10px;color:#927d68;text-decoration:underline;white-space:nowrap}.has-saved .save-paper-scroll{max-height:calc(var(--app-height, 100vh) * .29)}.has-saved .save-paper{width:75%;max-width:250px;transform:rotate(3deg)}@keyframes keepsake-arrive{0%{opacity:0;transform:translateY(25px) rotate(1deg) scale(.96)}to{opacity:1;transform:none}}@media(max-width:380px){.save-view{padding:23px 15px 12px;border-radius:24px}.save-heading h2{font-size:27px}.save-heading p{font-size:11px}.save-formats{gap:7px}.save-format strong{font-size:11px}.save-format small{font-size:7px}.save-format{border-radius:20px;min-height:103px}.save-paper-scroll{max-height:calc(var(--app-height, 100vh) * .37)}.save-share{padding:13px 15px}}@media(prefers-reduced-motion:reduce){.save-view[open]{animation:none}}.native-poetry-input,.native-poetry-input::placeholder{font-family:var(--receipt-font, "ChenYuluoyan 2.0 Thin", Poetry, serif);font-weight:400;font-style:normal;font-synthesis:none}.receipt-svg{font-synthesis:none}.font-choice{font-family:Poetry,serif;font-weight:400;font-size:10px;color:#997d6c;background:rgba(243,233,220,.4);border:1px solid #e6d3bd55;border-radius:6px;max-width:180px;padding:3px 6px}.font-coverage-note{flex:0 0 100%;font-size:9px;color:#a17d66;line-height:1.5;margin:1px 0 0}.font-coverage-note a{color:#997866;text-decoration:underline;margin-left:5px;white-space:nowrap}.font-audit{max-width:920px;margin:auto;padding:30px 22px 60px;font:14px/1.7 Poetry,serif;color:#655048}.font-audit h1{font-size:27px;font-weight:400}.font-audit h2{font-size:20px;font-weight:400;margin:26px 0 10px}.font-audit section{background:#fffaf2;border:1px solid #e5d4c2;border-radius:12px;padding:15px;margin:15px 0;overflow:auto}.font-audit select{padding:6px;font:inherit}.font-audit textarea{display:block;height:51px;width:100%;min-width:0;padding:4px;resize:none;border:1px solid #deccbb;background:#fffdf8;font-size:25px}.font-audit textarea::placeholder{font:inherit;opacity:.8}.audit-sentence{font-size:32px;white-space:nowrap}.font-audit canvas{width:100%;max-width:660px;height:auto;background:#fffaf2}.audit-warning{color:#9f6a5e;background:rgba(248,225,214,.4);padding:12px;border-radius:9px}.audit-receipt{width:260px}.audit-glyphs{display:flex;flex-wrap:wrap;gap:7px;font-size:32px;letter-spacing:0}.audit-table-scroll{overflow-x:auto}.font-audit table{border-collapse:collapse;width:100%;white-space:nowrap}.font-audit td,.font-audit th{text-align:left;border-bottom:1px solid #dccaba;padding:7px}#root.app-root{min-height:100vh;display:grid;place-items:center}.app,.app.tool-text{container-type:inline-size;width:100%;height:var(--app-height, 100vh);--header-height: 62px;grid-template-rows:calc(var(--header-height) + var(--safe-top, 0px)) minmax(0,1fr);padding-bottom:var(--safe-bottom, 0px)}.app .site-header{min-width:0;margin:0 14px;padding-top:var(--safe-top, 0px);gap:8px}.app .brand{font-size:18px;letter-spacing:.5px;white-space:nowrap}.app .header-actions{gap:3px;flex-shrink:0}.app .header-actions .tabs{height:40px;gap:4px}.app .header-actions .tabs button{width:34px;padding:0;gap:0}.app .header-actions .tabs button span,.app .header-actions .sound-button span,.app .header-actions>.header-divider,.app .header-actions>.icon-button{display:none}.app .header-actions .new-button,.app .header-actions>.sound-button{display:inline-flex;width:29px;height:40px;padding:4px}.app .studio-stage{--machine-width: var(--mobile-machine-width, 310px);--machine-height: var(--mobile-machine-height, 161px);--paper-width: var(--mobile-paper-width, 233px);--printer-bottom: 12px;--paper-bottom: calc(var(--machine-height) + var(--printer-bottom) - 22px);min-width:0}.app .printer{bottom:var(--printer-bottom)}.app .paper-viewport{bottom:var(--paper-bottom)}.app .paper-join-shadow{bottom:calc(var(--paper-bottom) - 6px)}.app .follow-button{left:auto;right:10px;bottom:calc(var(--machine-height) + 24px);padding:7px 10px}.app .floating-toolbox{top:calc(var(--header-height) + var(--safe-top, 0px) + 4px);left:12px;right:12px;width:auto;max-width:none;max-height:calc(var(--app-height) - var(--header-height) - 160px);overflow-y:auto;overscroll-behavior:contain}.app .floating-toolbox .direct-writing-tools{justify-content:space-between}.app .floating-toolbox .direct-writing-tools .text-settings{gap:3px}.app .floating-toolbox .writing-extras{margin-left:auto}.app .floating-panel-title{min-width:0;gap:8px}.app .font-choice{min-width:0;max-width:178px}.app .floating-toolbox .sticker-settings{gap:10px}.app .floating-toolbox .sticker-settings label{min-width:0}.app .floating-toolbox .sticker-settings input{width:76px;max-width:22vw}.app .save-view{width:calc(var(--frame-width, 100vw) - 24px);max-width:406px;max-height:calc(var(--frame-height, 100vh) - var(--safe-top, 0px) - var(--safe-bottom, 0px) - 24px)}.app.compact,.app.compact.tool-text{--header-height: 44px}.app.compact .studio-stage{--machine-width: var(--mobile-machine-width, 250px);--printer-bottom: 8px}.app.compact .header-actions .tabs,.app.compact .header-actions .new-button,.app.compact .header-actions>.sound-button{height:34px}@media(max-width:374px){.app .site-header{margin-left:10px;margin-right:10px;gap:4px}.app .brand{font-size:16px;letter-spacing:0}.app .header-actions{gap:1px}.app .header-actions .tabs{gap:3px}.app .header-actions .tabs button{width:31px}.app .header-actions .new-button,.app .header-actions>.sound-button{width:27px}.app .floating-toolbox .direct-writing-tools .text-settings{gap:1px}.app .text-color-row{gap:3px}.app .ink-preset{width:24px}.app .text-color-row>i{margin:0 1px}.app .text-color-row .text-ink-picker{gap:3px}}@media(max-width:339px){.app .floating-toolbox .panel-body{padding-left:9px;padding-right:9px}.app .text-color-row{gap:2px}.app .ink-preset{width:22px}.app .text-color-row .text-ink-picker{font-size:9px}.app .font-choice{max-width:155px}}@media(min-width:601px){.app,.app.tool-text{width:390px;height:var(--frame-height, 844px)}}.app .brand{color:#583b2e;font-size:20px;letter-spacing:.4px;transform:rotate(-2deg)}.app .brand span{-webkit-text-stroke:.2px currentColor}.app .header-actions{gap:3px}.app .header-actions .tabs{height:44px;gap:4px}.app .header-actions .tabs button,.app .header-actions .new-button,.app .header-actions>.sound-button{width:41px;height:44px;padding:2px;border-radius:14px 16px 13px 15px;box-shadow:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.app .header-actions .tabs button:nth-child(1){background:#fae5e1}.app .header-actions .tabs button:nth-child(2){background:#e8efd8}.app .header-actions .tabs button:nth-child(3){background:#e0edf1}.app .header-actions .tabs button:nth-child(4){background:#fcf0c9}.app .header-actions .new-button,.app .header-actions>.sound-button{background:#f7eedb}.app .header-actions .tabs button.active{box-shadow:inset 0 0 0 1.5px rgba(185,149,123,.533),0 2px 3px rgba(193,166,140,.086)}.app .header-actions .toolbar-doodle,.app .header-actions .tabs button .toolbar-doodle{width:37px;height:37px}.app .header-actions .sound-button.muted{opacity:.65}.app .header-actions button:hover:not(:disabled){transform:rotate(-3deg) translateY(-1px)}.app .header-actions button:active:not(:disabled){transform:rotate(2deg) scale(.94)}.app.compact .brand{font-size:18px}@media(max-width:374px){.app .brand{font-size:18px;letter-spacing:0}.app .header-actions{gap:2px}.app .header-actions .tabs{gap:3px}.app .header-actions .tabs button,.app .header-actions .new-button,.app .header-actions>.sound-button{width:38px}.app .header-actions .toolbar-doodle,.app .header-actions .tabs button .toolbar-doodle{width:35px;height:35px}}@media(max-width:339px){.app .brand{font-size:16px}.app .header-actions .tabs{gap:2px}.app .header-actions .tabs button,.app .header-actions .new-button,.app .header-actions>.sound-button{width:33px}.app .header-actions .toolbar-doodle,.app .header-actions .tabs button .toolbar-doodle{width:31px;height:31px}}.app .site-header{justify-content:flex-end}.app .header-actions,.app .header-actions .tabs{gap:6px}.app .header-actions .tabs{height:46px}.app .header-actions .tabs button,.app .header-actions .new-button,.app .header-actions>.sound-button{width:46px;height:46px}.app .header-actions .toolbar-doodle,.app .header-actions .tabs button .toolbar-doodle{width:41px;height:41px}.app .space-key{left:5%;right:5%;max-width:none;height:31px;bottom:-13px;padding:0 8px;font-size:12px;letter-spacing:1px;border-radius:11px 12px 12px 13px}.app .space-key span{color:#89725e;white-space:nowrap}.app .machine-brand{display:none}.app.compact .space-key{height:24px;bottom:-10px;font-size:10px;letter-spacing:.4px}@media(max-width:339px){.app .header-actions,.app .header-actions .tabs{gap:4px}.app .header-actions .tabs button,.app .header-actions .new-button,.app .header-actions>.sound-button{width:44px}.app .header-actions .toolbar-doodle,.app .header-actions .tabs button .toolbar-doodle{width:38px;height:38px}.app.compact .header-actions .toolbar-doodle,.app.compact .header-actions .tabs button .toolbar-doodle{width:32px;height:32px}}.app,.app.tool-text{--header-height: 110px;--navigation-space: 48px}.app .site-header{padding-top:calc(var(--navigation-space) + var(--safe-top, 0px))}.app .header-actions{width:100%}.app .header-actions .tabs{margin-right:auto;height:42px}.app .header-actions .tabs button,.app .header-actions .new-button,.app .header-actions>.sound-button{width:40px;height:42px;border-radius:12px 14px 12px 13px}.app .header-actions .toolbar-doodle,.app .header-actions .tabs button .toolbar-doodle{width:35px;height:35px}.app.compact,.app.compact.tool-text{--header-height: 88px;--navigation-space: 40px}.app.compact .header-actions .tabs,.app.compact .header-actions .tabs button,.app.compact .header-actions .new-button,.app.compact .header-actions>.sound-button{height:36px}.app.compact .header-actions .toolbar-doodle,.app.compact .header-actions .tabs button .toolbar-doodle{width:32px;height:32px}.app .space-key{left:11%;right:11%;height:26px;bottom:-11px}.app.compact .space-key{height:22px;bottom:-9px}html,body,#root,.app,.app *{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,.app::-webkit-scrollbar,.app *::-webkit-scrollbar{display:none;width:0;height:0}.app .machine-label{height:auto;padding:6px 2px}.app .machine-label i{line-height:1;margin-top:3px}.app .machine-label i .doodle{display:block}.app.compact .machine-label{padding:5px 2px}.save-heading h2{font-synthesis:none}.save-share{margin-top:16px}.save-bottom .save-pocket-cat{width:57px;height:57px}.save-heading .save-pocket-cat{width:82px;height:82px;margin:-12px auto -3px}.save-pocket-cat .mascot-eyes{transform-origin:89px 96px;animation:pocket-cat-blink 3.3s infinite}.save-pocket-cat .mascot-bow{transform-origin:65px 45px;animation:pocket-bow-wiggle 2.6s ease-in-out infinite}@keyframes pocket-cat-blink{0%,43%,49%,to{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes pocket-bow-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.save-pocket-cat .mascot-eyes,.save-pocket-cat .mascot-bow{animation:none}}.machine-body{border:1px solid var(--machine-dark, #b69480)}.save-formats{grid-gap:10px}.save-check,#root.app-root{align-items:center;justify-items:center}.no-flex-gap .app .header-actions>*+*{margin-left:6px}.no-flex-gap .app .tabs>*+*{margin-left:6px}.no-flex-gap .keys>*+*{margin-left:5px}.no-flex-gap .text-settings>*+*,.no-flex-gap .text-color-row>*+*{margin-left:3px}.no-flex-gap .save-format>*+*{margin-top:9px}.no-flex-gap .save-bottom>*+*,.no-flex-gap .save-share>*+*{margin-left:8px}.no-flex-gap .direct-writing-tools>*+*,.no-flex-gap .sticker-settings>*+*{margin-left:6px}.no-flex-gap .sticker-tray>*+*,.no-flex-gap .palette-presets>*+*{margin-left:7px}.no-flex-gap .custom-colors>*+*{margin-left:10px}@supports not selector(:focus-visible){button:focus,a:focus,input:focus,textarea:focus,[tabindex]:focus{outline:2px solid #788b6e}}#root.app-root{position:fixed;top:var(--viewport-offset-top, 0px);left:0;width:100%;height:var(--app-height, 100vh);min-height:0;overflow:hidden}.app .native-poetry-input{top:12px;height:24px;width:2px;font-size:16px}.app.tool-text .floating-toolbox .toolbox-top{height:33px;padding:0 12px}.app.tool-text .floating-panel-title{font-size:15px;gap:8px}.app.tool-text .font-choice{font-size:13px;min-height:27px;padding:3px 6px;border-radius:7px}.app.tool-text .toolbox-top>.icon-button{width:30px;height:30px}.app.tool-text .toolbox-top>.icon-button svg{width:16px;height:16px}.app.tool-text .floating-toolbox .panel-body{padding:6px 12px 10px}.app.tool-text .floating-toolbox .direct-writing-tools{gap:6px;row-gap:6px}.app.tool-text .floating-toolbox .text-settings{height:36px;gap:2px}.app.tool-text .text-settings button{width:32px;height:36px;border-radius:7px}.app.tool-text .text-settings button svg{width:16px;height:16px}.app.tool-text .text-settings>span{font-size:13px}.app.tool-text .text-settings i{height:16px;margin:0 3px}.app.tool-text .writing-extras .text-button{min-height:36px;padding:0 3px;font-size:12px;gap:4px}.app.tool-text .writing-extras .text-button svg{width:15px;height:15px}.app.tool-text .text-color-row{gap:2px;row-gap:6px;flex-wrap:wrap;padding-top:6px}.app.tool-text .text-color-row>span{font-size:12px;margin-right:3px}.app.tool-text .ink-preset{width:29px;height:36px;padding:4px}.app.tool-text .ink-preset>span{width:21px;height:21px}.app.tool-text .text-color-row>i{height:18px;margin:0 3px}.app.tool-text .text-color-row .text-ink-picker{min-height:36px;font-size:12px;gap:4px}.app.tool-text .text-ink-picker .color-swatch{width:21px;height:21px}.app.tool-text .text-ink-picker>svg{width:12px;height:12px}@media(max-width:374px){.app.tool-text .ink-preset{width:26px}.app.tool-text .text-color-row>i{margin:0 1px}}@media(max-width:339px){.app.tool-text .text-settings button{width:30px}.app.tool-text .ink-preset{width:24px}}.short-viewport .app,.short-viewport .app.compact{--header-height: 72px;--navigation-space: 24px}