.drawing-board-shell{--board-ink:#2d332f;--board-muted:#747a74;--board-line:#3c464124;--board-paper:#f7f0de;--board-sage:#526b62;width:100%;height:100%;min-height:0;color:var(--board-ink);grid-template-columns:minmax(0,1fr) 361px;gap:0;transition:grid-template-columns .92s cubic-bezier(.22,.72,.2,1);display:grid}.drawing-board-shell.canvas-only{grid-template-columns:minmax(0,1fr) 0;gap:0}.drawing-board-shell.is-readonly{pointer-events:none;-webkit-user-select:none;user-select:none}.drawing-board-shell button,.drawing-board-shell input,.drawing-board-shell textarea{font:inherit}.drawing-board-toolbar{isolation:isolate;opacity:1;transform-origin:100%;visibility:visible;background:linear-gradient(#0000 27px,#66809717 28px) 0 5px/100% 28px,radial-gradient(circle at 14% 8%,#ffffffb8,#0000 28%),radial-gradient(circle at 88% 86%,#d3ad6f1c,#0000 30%),#f7efdc;border:1px solid #d8c8a9;border-radius:8px 15px 10px 13px;min-width:0;transition:opacity .36s .54s,transform .64s cubic-bezier(.18,.82,.22,1) .48s,visibility 0s linear .48s;position:relative;overflow:hidden;transform:translate(0)rotate(0);box-shadow:4px 6px #6557400f,0 17px 38px #3b433e1f,inset 0 0 24px #896a400a}.drawing-board-shell.canvas-only .drawing-board-toolbar{pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,transform .3s,visibility 0s linear .3s;transform:translate(74px)rotate(1.8deg)scale(.97)}.drawing-board-toolbar{scrollbar-width:thin;scrollbar-color:#7d694b47 transparent;flex-direction:column;grid-area:1/2;gap:11px;min-height:0;padding:24px 14px 14px;display:flex;overflow-y:auto}.drawing-board-toolbar:before{z-index:2;content:"";pointer-events:none;opacity:.86;background:linear-gradient(95deg,#e0cda7b3,#f4e2bcd1),repeating-linear-gradient(90deg,#0000 0 8px,#7a5e3914 8px 9px);border-left:1px dashed #81664138;border-right:1px dashed #81664138;width:76px;height:17px;position:absolute;top:5px;left:50%;transform:translate(-50%)rotate(-1.8deg);box-shadow:0 2px 4px #624d3014}.drawing-board-toolbar:after{z-index:-1;content:"";pointer-events:none;background:#c6695224;width:1px;position:absolute;top:0;bottom:0;left:10px}.tool-section{gap:7px;display:grid}.drawing-board-toolbar>.tool-section,.mode-tools>.tool-section{border-bottom:1px dashed #6f5c4233;padding-bottom:11px}.mode-tools{gap:11px;animation:.18s ease-out tool-mode-enter;display:grid}@keyframes tool-mode-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.tool-label{color:#76694f;letter-spacing:.12em;margin:0;font-family:Kaiti SC,STKaiti,serif;font-size:11px;font-weight:750}.mode-segment{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.mode-button{cursor:pointer;color:#71654e;background:#fffcf3b8;border:1px dashed #715e424d;border-radius:3px 8px 4px 7px;place-items:center;min-height:54px;padding:0;font-family:Kaiti SC,STKaiti,serif;font-size:12px;font-weight:700;transition:color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;transform:rotate(-.7deg);box-shadow:1px 2px #5d4b3212}.mode-button+.mode-button{transform:rotate(.8deg)}.mode-button:nth-child(3){transform:rotate(-.5deg)}.mode-button:nth-child(4){transform:rotate(.6deg)}.mode-button.is-active{color:#435a52;background:#efe2c9;transform:rotate(0)translateY(-1px);box-shadow:inset 0 -3px #d0755e,1px 2px #5d4b3214}.mode-button:focus-visible{outline-offset:2px;outline:2px dashed #c96f58}.mode-brush-pot{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:51px;height:37px;transition:transform .18s;overflow:visible}.mode-button-draw:hover .mode-brush-pot,.mode-button-draw.is-active .mode-brush-pot{transform:rotate(-2deg)translateY(-1px)}.pot-brush-handle{stroke:#536b63;stroke-width:2px}.pot-brush-handle.is-left{stroke:#c06d58}.pot-brush-handle.is-right{stroke:#6e7891}.pot-brush-tip{fill:#5d5548;stroke:#5d5548}.pot-leaf{fill:#536b632e;stroke:#637c72}.pot-rim{fill:#d38a66;stroke:#8e5f49}.pot-body{fill:#e8b083;stroke:#8e5f49}.pot-detail{stroke:#8e5f4980;stroke-dasharray:2 2}.mode-literary-mark{color:#526a62;place-items:center;width:62px;display:grid;position:relative}.mode-literary-mark>span{letter-spacing:.26em;text-indent:.26em;text-shadow:.8px .8px #5c472d1f;font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:18px;font-weight:650;line-height:1;transform:rotate(-1.5deg)}.mode-literary-mark svg{stroke:#c96f58;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;width:58px;height:11px;margin-top:2px;overflow:visible}.mode-button-text:hover .mode-literary-mark>span,.mode-button-text.is-active .mode-literary-mark>span{transform:rotate(0)translateY(-1px)}.mode-sticker-mark{color:#6c6250;place-items:center;width:54px;display:grid}.mode-sticker-mark svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:48px;height:35px;transition:transform .18s;overflow:visible}.mode-sticker-mark>span{letter-spacing:.12em;margin-top:-5px;font-size:9px}.sticker-mark-paper{fill:#f0dec0;stroke:#997e5e}.sticker-mark-star{fill:#d67b61;stroke:#a45d4c}.sticker-mark-curl{stroke:#536b63}.mode-button-sticker:hover .mode-sticker-mark svg,.mode-button-sticker.is-active .mode-sticker-mark svg{transform:rotate(5deg)translateY(-1px)}.mode-button-sticker.is-active .sticker-mark-paper{fill:#fffaf047;stroke:currentColor}.mode-button-sticker.is-active .sticker-mark-star{fill:#e79a78;stroke:#fff4df}.mode-background-mark{color:#6c6250;place-items:center;width:54px;display:grid}.mode-background-mark svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:46px;height:34px;transition:transform .18s;overflow:visible}.mode-background-mark>span{letter-spacing:.12em;margin-top:-4px;font-size:9px}.background-mark-paper{fill:#eee0c6;stroke:#947c5d}.background-mark-sun{fill:#e39b6f;stroke:#b46e50}.background-mark-hill{stroke:#587269}.mode-button-background:hover .mode-background-mark svg,.mode-button-background.is-active .mode-background-mark svg{transform:rotate(-3deg)translateY(-1px)}.mode-button-background.is-active .background-mark-paper{fill:#fffaf047;stroke:currentColor}.swatch-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;background:var(--swatch);border:1px solid #433a2f7a;border-radius:48% 52% 45% 55%/54% 44% 56% 46%;width:100%;padding:0;transition:box-shadow .16s,transform .16s;box-shadow:inset 0 0 0 2px #ffffff47,1px 2px #4d3b2712}.swatch:nth-child(2n){border-radius:54% 46% 57% 43%/45% 55% 47% 53%;transform:rotate(4deg)}.swatch.is-active{transform:translateY(-1px)rotate(-3deg);box-shadow:0 0 0 2px #f7efdc,0 0 0 4px #5e746c,inset 0 0 0 2px #ffffff47}.brush-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.brush-chip{cursor:pointer;color:#665f50;background:#fffcf2b8;border:1px dashed #69583f45;border-radius:4px 9px 5px 8px;place-items:center;min-width:0;min-height:42px;padding:3px;transition:color .16s,background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;box-shadow:1px 2px #57452d0f}.brush-chip:nth-child(odd){transform:rotate(-1.2deg)}.brush-chip:nth-child(2n){transform:rotate(1deg)}.brush-chip:after{content:"";opacity:.14;background:currentColor;border-radius:999px;height:2px;transition:opacity .16s,transform .16s;position:absolute;bottom:4px;left:7px;right:7px;transform:scaleX(.7)rotate(-2deg)}.brush-chip:hover,.brush-chip.is-active{color:#fffaf0;background:#5c7169;border-color:#334b4270;transform:translateY(-1px)rotate(0);box-shadow:0 5px 10px #3c4c4521,inset 0 -2px #fffaf029}.brush-chip:hover:after,.brush-chip.is-active:after{opacity:.48;transform:scaleX(1)rotate(-2deg)}.brush-chip:focus-visible{outline-offset:2px;outline:2px solid #d26952}.brush-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:31px;max-width:100%;height:31px;transition:transform .18s;overflow:visible}.brush-chip:hover .brush-icon{transform:rotate(-5deg)scale(1.05)}.brush-icon-fill{fill:#526b621a}.brush-icon-charcoal{fill:#2d332f33}.brush-icon-accent{fill:#d26952;stroke:#d26952}.brush-icon-dust{opacity:.58;stroke-width:1.35px}.brush-chip:hover .brush-icon-fill,.brush-chip.is-active .brush-icon-fill{fill:#fffaf01f}.brush-chip:hover .brush-icon-accent,.brush-chip.is-active .brush-icon-accent{fill:#f0aa86;stroke:#f0aa86}.ink-slider{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.ink-slider-track{height:25px;position:relative}.ink-slider-track svg,.ink-slider-track input{width:100%;height:25px;position:absolute;inset:0}.ink-slider-track svg{pointer-events:none;overflow:visible}.ink-slider-line{fill:none;stroke:#5d53403d;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.ink-slider-line.is-active{stroke:#536b63;stroke-width:3px}.ink-slider-track input{z-index:1;cursor:pointer;appearance:none;background:0 0;margin:0}.ink-slider-track input::-webkit-slider-runnable-track{background:0 0;height:24px}.ink-slider-track input::-webkit-slider-thumb{appearance:none;background:#c96f58;border:2px solid #f7efdc;border-radius:46% 54% 48% 52%;width:15px;height:15px;margin-top:4px;box-shadow:0 0 0 1px #68453957,1px 2px #563d2e1f}.ink-slider-track input::-moz-range-track{background:0 0;border:0;height:24px}.ink-slider-track input::-moz-range-thumb{background:#c96f58;border:2px solid #f7efdc;border-radius:46% 54% 48% 52%;width:12px;height:12px;box-shadow:0 0 0 1px #68453957}.ink-slider-track input:focus-visible{outline-offset:2px;border-radius:999px;outline:2px dashed #c96f58}.ink-slider-value{color:#6c5d45;font-variant-numeric:tabular-nums;text-align:center;background:#efdebea6;border:1px dashed #765b3a3d;border-radius:3px 6px 3px 5px;min-width:35px;padding:4px 4px 3px;font-family:Georgia,Times New Roman,serif;font-size:8px;line-height:1;transform:rotate(-1deg)}.size-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.size-preset{cursor:pointer;color:#786d58;background:#fffcf299;border:1px dashed #69583f3d;border-radius:4px 8px 5px 7px;place-items:center;min-width:0;min-height:49px;padding:5px 1px 4px;transition:color .16s,background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.size-preset:hover{color:var(--board-sage);background:#fffdf7db;border-color:#526b624d;transform:translateY(-1px)}.size-preset.is-active{color:#4c635a;background:#eee0c5;border-color:#526b6261;box-shadow:inset 0 -3px #cf755e,1px 2px #483d2e14}.size-preset:focus-visible{outline-offset:2px;outline:2px solid #d26952}.size-preset-dot{width:var(--preset-dot-size);height:var(--preset-dot-size);opacity:.58;background:currentColor;border:1px solid #2c332f33;border-radius:50%;max-width:24px;max-height:24px;display:block}.size-preset.is-active .size-preset-dot{opacity:1}.size-preset-value{font-variant-numeric:tabular-nums;align-self:end;font-family:Georgia,Times New Roman,serif;font-size:7px;line-height:1}.background-tools,.background-library{min-height:0}.background-library-heading{justify-content:space-between;align-items:center;display:flex}.background-library-heading>span:last-child{color:#9a7657;letter-spacing:.06em;font-family:Kaiti SC,STKaiti,serif;font-size:9px}.background-grid{gap:7px;display:grid}.background-card{cursor:pointer;color:#716450;text-align:left;background:#fffcf394;border:1px dashed #6f5a3e40;border-radius:6px 11px 7px 9px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:77px;padding:6px;transition:color .16s,background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:1px 2px #52412c0f}.background-card:nth-child(odd){transform:rotate(-.35deg)}.background-card:hover,.background-card.is-active{color:#435a52;background:#f1e5cd;border-color:#526b6270;transform:translate(2px)rotate(0);box-shadow:inset 3px 0 #ce755d,0 6px 13px #493f2f1a}.background-card:focus-visible,.background-upload-button:focus-visible{outline-offset:2px;outline:2px dashed #c96f58}.background-preview{background-color:#f7f0de;border:4px solid #fffcf4e6;border-radius:2px 5px 3px 4px;place-items:center;width:86px;height:62px;display:grid;position:relative;overflow:hidden;box-shadow:3px 4px 8px #42392c24}.background-preview.is-album{background:radial-gradient(circle at 8% 16%, var(--album-color-1), transparent 68%), radial-gradient(circle at 95% 66%, var(--album-color-2), transparent 67%), radial-gradient(circle at 62% 112%, var(--album-color-3), transparent 58%), #f8f3e9}.background-preview.is-album:after{content:"";background:radial-gradient(circle,#fffdf8c7,#0000 64%);position:absolute;inset:0}.background-preview.is-paper{background:#f7f0de url(/assets/drawing-board/backgrounds/paper.svg) 50%/cover}.background-preview.is-local{color:#9b7657;background-color:#eee2ca;background-position:50%;background-size:cover;font-family:Georgia,serif;font-size:25px}.background-preview.is-local:not(.has-image){background-image:linear-gradient(45deg,#ffffff6b 25%,#0000 25%),linear-gradient(-45deg,#ffffff6b 25%,#0000 25%);background-position:0 0,10px 10px;background-size:20px 20px}.background-card-copy{gap:5px;min-width:0;display:grid}.background-card-copy strong{letter-spacing:.06em;font-family:Kaiti SC,STKaiti,serif;font-size:14px}.background-card-copy small{color:#927f66;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.35;overflow:hidden}.background-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.background-upload-button{cursor:pointer;color:#fffaf0;letter-spacing:.08em;background:#5d746b;border:0;border-radius:5px 9px 6px 8px;min-height:35px;padding:0 10px;font-family:Kaiti SC,STKaiti,serif;font-size:11px;transition:background .15s,transform .15s;box-shadow:inset 0 -2px #23393129,1px 3px #4d3b2714}.background-upload-button:hover{background:#c96f58;transform:translateY(-1px)rotate(-.5deg)}.background-status{color:#8b775d;text-align:center;min-height:2.8em;margin:0;font-family:Kaiti SC,STKaiti,serif;font-size:9px;line-height:1.4}.sticker-tools,.sticker-library{min-height:0}.sticker-library-heading{justify-content:space-between;align-items:center;display:flex}.sticker-library-heading>span:last-child{color:#9a7657;letter-spacing:.06em;font-family:Kaiti SC,STKaiti,serif;font-size:9px}.sticker-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.sticker-tabs button{cursor:pointer;color:#82735c;background:#fffcf494;border:1px dashed #755f4338;border-radius:4px 7px 4px 6px;min-width:0;min-height:29px;padding:0 2px;font-family:Kaiti SC,STKaiti,serif;font-size:9px;transition:color .15s,background .15s,box-shadow .15s,transform .15s}.sticker-tabs button:nth-child(2n){transform:rotate(1deg)}.sticker-tabs button:hover,.sticker-tabs button.is-active{color:#fffaf0;background:#62776f;transform:translateY(-1px);box-shadow:inset 0 -2px #fffaf02e}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px 1px;display:grid}.sticker-card{cursor:grab;touch-action:none;color:#716450;background:radial-gradient(circle at 50% 42%,#ffffffdb,#0000 57%),#f4ead5b8;border:1px dashed #6f5a3e3d;border-radius:7px 11px 8px 10px;place-items:center;min-width:0;height:112px;padding:5px 4px 7px;font-family:Kaiti SC,STKaiti,serif;font-size:9px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;box-shadow:1px 2px #52412c0f}.sticker-card:nth-child(3n+1){transform:rotate(-1deg)}.sticker-card:nth-child(3n){transform:rotate(1deg)}.sticker-card:hover{background:radial-gradient(circle at 50% 42%,#fff,#0000 61%),#f0e0c2;border-color:#526b6261;transform:translateY(-2px)rotate(0);box-shadow:0 6px 13px #493f2f1f}.sticker-card:active{cursor:grabbing;transform:scale(.97)}.sticker-card img{object-fit:contain;pointer-events:none;width:82px;height:82px}.sticker-card span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1;overflow:hidden}.sticker-drag-preview{z-index:999;top:var(--drag-y);left:var(--drag-x);aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 12px 9px #2a302b33);transform-origin:50%;width:104px;position:fixed;transform:translate(-50%,-50%)rotate(3deg)scale(1.08)}.sticker-drag-preview:before{z-index:-1;content:"";background:#fffcf4d6;border:1px dashed #526b626b;border-radius:12px;position:absolute;inset:5px}.sticker-drag-preview img{object-fit:contain}.sticker-tip{color:#907d63;text-align:center;margin:2px 0 0;font-family:Kaiti SC,STKaiti,serif;font-size:9px;line-height:1.45}.action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:auto;padding-top:2px;display:grid}.icon-button{cursor:pointer;color:#645a48;background:#fffbf0a8;border:1px dashed #69583f4d;border-radius:5px 10px 6px 8px;place-items:center;min-height:38px;padding:0;font-size:20px;line-height:1;transition:color .16s,background .16s,transform .16s;display:grid;box-shadow:1px 2px #57452d12}.icon-button:hover{color:#fffaf0;background:#c96f58;transform:translateY(-1px)rotate(-2deg)}.sticker-delete-action{color:#9c4e3e}.canvas-panel{aspect-ratio:1460/1360;background:var(--board-paper);border:1px solid #534d4121;border-radius:4px;grid-area:1/1;place-self:stretch center;width:auto;min-width:0;max-width:100%;height:100%;overflow:hidden;box-shadow:0 18px 42px #3b433e21,inset 0 1px 1px #ffffffc2}.canvas-stage{isolation:isolate;background:var(--board-paper);touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.canvas-stage:after{z-index:6;content:"";pointer-events:none;border:2px dashed #0000;border-radius:8px;transition:background .16s,border-color .16s,box-shadow .16s;position:absolute;inset:9px}.canvas-stage.is-lyric-drag-over:after{background:#fff9e821;border-color:#c26950a3;box-shadow:inset 0 0 0 4px #fffcf138}.canvas-background{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.drawing-board-canvas{z-index:1;object-fit:contain;display:block;position:relative;width:100%!important;height:100%!important}.sticker-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.canvas-sticker{top:var(--sticker-top);left:var(--sticker-left);width:var(--sticker-size);aspect-ratio:1;pointer-events:auto;transform:translate(-50%, -50%) rotate(var(--sticker-rotation));transform-origin:50%;border:1px dashed #0000;border-radius:10px;outline:0;transition:width .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1),filter .14s,border-color .14s,box-shadow .14s;position:absolute}.canvas-sticker-surface{cursor:grab;touch-action:none;border-radius:inherit;background:0 0;border:0;outline:0;width:100%;padding:0;position:absolute;inset:0}.canvas-sticker img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.canvas-sticker:hover,.canvas-sticker.is-selected{filter:drop-shadow(0 6px 5px #3a40381f);border-color:#526b6285;box-shadow:0 0 0 3px #f7f0dec7,0 0 0 5px #526b6233}.canvas-sticker-surface:active{cursor:grabbing}.sticker-frame-controls{z-index:3;pointer-events:auto;width:max-content;min-height:28px;transform:translateX(-50%) rotate(var(--sticker-counter-rotation));transform-origin:50%;background:repeating-linear-gradient(96deg,#0000 0 11px,#785d3a0e 11px 12px),#fff9e9f0;border:1px dashed #65533a66;border-radius:5px 9px 5px 8px;align-items:center;gap:3px;padding:3px 4px;transition:transform 70ms linear;animation:.16s ease-out sticker-controls-arrive;display:flex;position:absolute;top:-40px;left:50%;box-shadow:1px 3px #503e2917,0 6px 14px #353d3824}@keyframes sticker-controls-arrive{0%{opacity:0;transform:translateX(-50%) translateY(4px) rotate(var(--sticker-counter-rotation))}to{opacity:1;transform:translateX(-50%) rotate(var(--sticker-counter-rotation))}}.sticker-frame-controls button{cursor:pointer;color:#536b63;background:#f3e5cad1;border:1px dashed #66533a52;border-radius:3px 6px 4px 5px;place-items:center;width:23px;height:22px;padding:0;font-family:Kaiti SC,STKaiti,serif;font-size:12px;font-weight:750;line-height:1;transition:color .12s,background .12s,transform .12s;display:grid;transform:rotate(-2deg);box-shadow:1px 1px #4c3d2a14}.sticker-frame-controls button:nth-of-type(2n){transform:rotate(2deg)}.sticker-frame-controls button:hover:not(:disabled){color:#fffaf0;background:#5d746b;transform:translateY(-1px)rotate(0)}.sticker-frame-controls button:active:not(:disabled){transform:translateY(0)scale(.92)}.sticker-frame-controls button.is-rotate-drag{cursor:ew-resize;touch-action:none;color:#9b5d48;letter-spacing:-.08em;background:linear-gradient(90deg,#ca715724,#0000 48% 52%,#526b6324),#f5e4c9f0;width:29px;font-family:Georgia,serif;font-size:15px}.sticker-frame-controls button.is-rotate-drag:hover,.sticker-frame-controls button.is-rotate-drag.is-dragging{color:#fffaf0;background:#b06b55;transform:translateY(-1px)rotate(0)scaleX(1.04)}.sticker-frame-controls button.is-rotate-drag.is-dragging{box-shadow:inset 0 0 0 1px #fff9e84d,0 3px 7px #5034282e}.sticker-frame-controls button:disabled{cursor:not-allowed;opacity:.34}.sticker-frame-controls button.is-delete{color:#a35142;background:#f2d8c3e6}.sticker-frame-controls button.is-delete:hover{color:#fffaf0;background:#bd6853}.sticker-mode-hint{color:#765e47;border-color:#b86f5433}.text-mode-hint{z-index:3;color:#64716a;pointer-events:none;background:#fffcf4e0;border:1px solid #4d675e26;border-radius:999px;padding:7px 11px;font-size:10px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #38433d17}.lyric-drop-hint{z-index:7;color:#5f5647;pointer-events:none;background:#fff9e8f0;border:1px solid #b15e4761;border-radius:5px 11px 6px 9px;align-items:center;gap:9px;padding:9px 14px 9px 10px;font-family:Kaiti SC,STKaiti,serif;font-size:12px;display:flex;position:absolute;transform:rotate(-.8deg);box-shadow:0 10px 28px #41362a29}.lyric-drop-hint span{color:#fff9ec;background:#bd6853;border-radius:50% 46% 52% 45%;place-items:center;width:27px;height:27px;font-size:14px;display:grid;transform:rotate(4deg)}.drawing-board-shell .canvas-text-input{z-index:5;top:var(--text-y);left:var(--text-x);box-sizing:border-box;width:var(--text-width);height:var(--text-height);resize:none;color:#344039;caret-color:#c96f58;min-width:0;min-height:0;font-family:Kaiti SC,STKaiti,serif;font-size:var(--text-size);letter-spacing:var(--text-tracking);white-space:pre;background-color:#fffcf475;background-image:repeating-linear-gradient(#0000 0 calc(1.15em - 1px),#c2715b6b calc(1.15em - 1px) 1.15em);border:0;border-radius:2px 5px 3px 1px;outline:none;padding:0;line-height:1.15;transition:background-color .16s,box-shadow .16s;position:absolute;overflow:hidden;box-shadow:0 4px 11px #50403114}.drawing-board-shell .canvas-text-input:focus{background-color:#fffcf4b8;box-shadow:0 0 0 2px #c2715b14,0 5px 13px #5040311c}.canvas-toast{z-index:7;color:#fffaf0;pointer-events:none;background:#3a4a43eb;border-radius:9px;max-width:70%;padding:8px 11px;font-size:10px;position:absolute;bottom:12px;right:12px}.canvas-status{z-index:8;color:#59645e;background:var(--board-paper);place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.canvas-status.is-error{color:#a23e32}@media (max-width:980px){.drawing-board-shell{grid-template-columns:1fr;height:auto}.drawing-board-toolbar{grid-area:2/1;min-height:auto;overflow:visible}.canvas-panel{aspect-ratio:1460/1360;grid-area:1/1;width:100%;height:auto}}
.journal-canvas-module__bqC5eW__studio{--studio-ink:#2d302d;width:1600px;height:900px;color:var(--studio-ink);background:radial-gradient(circle at 8% 2%, rgb(var(--album-one) / .34), transparent 35%), radial-gradient(circle at 91% 96%, rgb(var(--album-two) / .25), transparent 34%), linear-gradient(135deg, #eef0ed, #e8e6df);transform:translate(-50%, -50%) scale(var(--studio-scale,1));transform-origin:50%;transition:background .6s;position:fixed;top:50%;left:50%;overflow:hidden}.journal-canvas-module__bqC5eW__studio:after{z-index:0;content:"";pointer-events:none;opacity:.13;mix-blend-mode:multiply;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='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E");position:absolute;inset:0}.journal-canvas-module__bqC5eW__workspace{z-index:2;grid-template-columns:372px minmax(0,1fr);gap:14px;width:1536px;height:836px;display:grid;position:absolute;top:32px;left:32px}.journal-canvas-module__bqC5eW__musicPanel{isolation:isolate;color:#fff9eb;background:rgb(var(--album-one));border:1px solid #ffffff52;border-radius:22px 4px 4px 22px;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 50px #23272333,inset -1px 0 #ffffff1f}.journal-canvas-module__bqC5eW__albumImage{z-index:-4;width:100%;height:58%;position:absolute;top:0;left:0;overflow:hidden}.journal-canvas-module__bqC5eW__albumImage img{object-fit:cover;object-position:center;filter:saturate(.94)contrast(1.03);animation:12s ease-in-out infinite alternate journal-canvas-module__bqC5eW__cover-breathe;transform:scale(1.015)}.journal-canvas-module__bqC5eW__albumVeil{z-index:-3;background:linear-gradient(to bottom, #0a0e0c14 0%, #0a0e0c14 25%, #0a0e0c8a 51%, transparent 67%), linear-gradient(to bottom, transparent 34%, rgb(var(--album-one) / .82) 55%, rgb(var(--album-two) / .92) 78%, rgb(var(--album-three) / .98) 100%);position:absolute;inset:0}.journal-canvas-module__bqC5eW__albumVeil:after{content:"";background:radial-gradient(circle at 18% 24%, rgb(var(--album-two) / .76), transparent 38%), radial-gradient(circle at 84% 68%, rgb(var(--album-one) / .68), transparent 44%);filter:blur(28px)saturate(.88);position:absolute;inset:46% -25% -15%}.journal-canvas-module__bqC5eW__albumGrain{z-index:-2;pointer-events:none;opacity:.23;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.journal-canvas-module__bqC5eW__musicHeading,.journal-canvas-module__bqC5eW__musicTitle,.journal-canvas-module__bqC5eW__miniProgress,.journal-canvas-module__bqC5eW__miniControls,.journal-canvas-module__bqC5eW__musicFooter{z-index:2;position:relative}.journal-canvas-module__bqC5eW__musicHeading{color:#fff9ebc7;letter-spacing:.18em;flex:none;justify-content:space-between;align-items:center;height:72px;padding:0 26px;font-family:Georgia,Times New Roman,serif;font-size:9px;font-weight:700;display:flex}.journal-canvas-module__bqC5eW__musicHeading button,.journal-canvas-module__bqC5eW__musicTitle button,.journal-canvas-module__bqC5eW__miniControls button{cursor:pointer;width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .18s,transform .18s;display:grid}.journal-canvas-module__bqC5eW__musicHeading button{width:36px;height:36px}.journal-canvas-module__bqC5eW__musicHeading button:hover,.journal-canvas-module__bqC5eW__miniControls button:hover{background:#ffffff1c}.journal-canvas-module__bqC5eW__musicHeading button:active,.journal-canvas-module__bqC5eW__miniControls button:active{transform:scale(.94)}.journal-canvas-module__bqC5eW__musicTitle{text-shadow:0 2px 18px #0000004d;flex:none;justify-content:space-between;align-items:flex-end;gap:18px;min-height:284px;padding:0 27px 27px;display:flex}.journal-canvas-module__bqC5eW__musicTitle>div{min-width:0}.journal-canvas-module__bqC5eW__musicTitle p{color:#fff9eb99;letter-spacing:.12em;margin:0 0 10px;font-family:Kaiti SC,STKaiti,serif;font-size:12px}.journal-canvas-module__bqC5eW__musicTitle h1{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin:0;font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:36px;font-weight:650;line-height:1.12;overflow:hidden}.journal-canvas-module__bqC5eW__musicTitle span{color:#fffaefb8;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;max-width:264px;margin-top:9px;font-size:11px;display:block;overflow:hidden}.journal-canvas-module__bqC5eW__musicTitle .journal-canvas-module__bqC5eW__liked{color:#ffe6dc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1c;flex:none;width:40px;height:40px}.journal-canvas-module__bqC5eW__liked svg{fill:currentColor}.journal-canvas-module__bqC5eW__lyricStage{z-index:2;text-align:center;flex:auto;align-content:center;min-height:184px;padding:22px 30px 17px;display:grid;position:relative}.journal-canvas-module__bqC5eW__lyricLabel{color:#fff9eb80;letter-spacing:.2em;font-family:Georgia,Times New Roman,serif;font-size:8px;font-weight:700}.journal-canvas-module__bqC5eW__lyricStage p{cursor:grab;color:#fff9e9;letter-spacing:.08em;text-wrap:balance;text-shadow:0 2px 13px #14181440;touch-action:none;-webkit-user-select:none;user-select:none;min-height:62px;margin:19px 0 5px;font-family:Kaiti SC,STKaiti,Songti SC,cursive;font-size:22px;font-weight:500;line-height:1.55;transition:opacity .16s,transform .16s}.journal-canvas-module__bqC5eW__lyricStage p:active{cursor:grabbing}.journal-canvas-module__bqC5eW__lyricStage p:hover{transform:translateY(-2px)}.journal-canvas-module__bqC5eW__isDragging p{opacity:.48;transform:scale(.97)}.journal-canvas-module__bqC5eW__lyricStage p>span{color:#0000;background:linear-gradient(90deg,#fff8e7,#fff8e7) no-repeat;-webkit-background-clip:text;background-clip:text;animation:1.15s steps(18,end) both journal-canvas-module__bqC5eW__handwriting-reveal;display:inline}.journal-canvas-module__bqC5eW__lyricDragHint{color:#fff9eb80;letter-spacing:.08em;margin:-1px 0 8px;font-family:Kaiti SC,STKaiti,serif;font-size:9px;font-weight:500;line-height:1.4;display:block}.journal-canvas-module__bqC5eW__lyricDragPreview{z-index:9999;top:var(--lyric-drag-y);left:var(--lyric-drag-x);pointer-events:none;color:#40392f;letter-spacing:.06em;text-wrap:balance;background:#fff9e8f2;border:1px dashed #9a544185;border-radius:4px 11px 5px 9px;max-width:310px;padding:10px 15px;font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:16px;line-height:1.4;position:fixed;transform:translate(14px,-50%)rotate(-1.2deg);box-shadow:0 12px 30px #2d272033}.journal-canvas-module__bqC5eW__lyricDragPreview:before{content:"";background:inherit;border-bottom:1px dashed #9a544185;border-left:1px dashed #9a544185;width:10px;height:10px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}.journal-canvas-module__bqC5eW__lyricStage>i{opacity:0;border-top:1px solid #fff9e859;border-radius:50%;width:76%;height:10px;margin:0 auto;animation:.68s ease-out .7s forwards journal-canvas-module__bqC5eW__lyric-underline;display:block;transform:rotate(-1.1deg)scaleX(.4)}.journal-canvas-module__bqC5eW__miniProgress{flex:none;padding:0 27px}.journal-canvas-module__bqC5eW__miniProgress input{cursor:pointer;appearance:none;background:0 0;width:100%;height:18px;margin:0}.journal-canvas-module__bqC5eW__miniProgress input::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff5dd var(--music-progress), #ffffff3d var(--music-progress));border-radius:99px;height:3px}.journal-canvas-module__bqC5eW__miniProgress input::-webkit-slider-thumb{appearance:none;background:#fff8e9;border:0;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;box-shadow:0 2px 7px #0003}.journal-canvas-module__bqC5eW__miniProgress input::-moz-range-track{background:#ffffff3d;height:3px}.journal-canvas-module__bqC5eW__miniProgress input::-moz-range-progress{background:#fff5dd;height:3px}.journal-canvas-module__bqC5eW__miniProgress>div{color:#fff9eb94;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-family:Georgia,serif;font-size:9px;display:flex}.journal-canvas-module__bqC5eW__miniControls{flex:none;grid-template-columns:repeat(3,46px);justify-content:center;gap:23px;margin:10px 0 13px;display:grid}.journal-canvas-module__bqC5eW__miniControls .journal-canvas-module__bqC5eW__miniPlay{width:46px;height:46px;color:rgb(var(--album-three));background:#fff8e9;box-shadow:0 9px 24px #1b1f1b38}.journal-canvas-module__bqC5eW__miniControls .journal-canvas-module__bqC5eW__miniPlay:hover{background:#fffdf5}.journal-canvas-module__bqC5eW__musicFooter{flex:none;grid-template-columns:1fr 1.25fr 1fr;gap:7px;padding:0 22px 18px;display:grid}.journal-canvas-module__bqC5eW__musicFooter a,.journal-canvas-module__bqC5eW__musicFooter button,.journal-canvas-module__bqC5eW__musicFooter>span{color:#fff9ebbd;text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;place-items:center;min-height:40px;padding:0 7px;font-size:10px;text-decoration:none;display:grid}.journal-canvas-module__bqC5eW__musicFooter button,.journal-canvas-module__bqC5eW__musicFooter a{cursor:pointer}.journal-canvas-module__bqC5eW__musicFooter>span{color:#fff9eb7a;font-family:Kaiti SC,STKaiti,serif}.journal-canvas-module__bqC5eW__musicFooter button:hover,.journal-canvas-module__bqC5eW__musicFooter a:hover{color:#fffdf5;background:#ffffff26}.journal-canvas-module__bqC5eW__p5BoardPanel{background:0 0;border:0;min-width:0;min-height:0;padding:0;overflow:visible}@keyframes journal-canvas-module__bqC5eW__cover-breathe{0%{transform:scale(1.015)}to{transform:scale(1.055)translate(-.6%,-.4%)}}@keyframes journal-canvas-module__bqC5eW__handwriting-reveal{0%{filter:blur(1.5px);opacity:.45;background-size:0% 100%}to{filter:blur();opacity:1;background-size:100% 100%}}@keyframes journal-canvas-module__bqC5eW__lyric-underline{to{opacity:1;transform:rotate(-1.1deg)scaleX(1)}}@media (prefers-reduced-motion:reduce){.journal-canvas-module__bqC5eW__studio *,.journal-canvas-module__bqC5eW__studio :before,.journal-canvas-module__bqC5eW__studio :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}