:root{--theme-hue:337;--theme-accent:#a94570;--theme-accent-hover:#8e355b}

:root{font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:hsl(var(--theme-hue) 18.1% 29.2%);background:hsl(var(--theme-hue) 100.0% 98.2%);font-synthesis:none;--green:hsl(var(--theme-hue) 28.0% 40.0%);--line:hsl(var(--theme-hue) 36.0% 90.2%);--muted:hsl(var(--theme-hue) 13.9% 40.0%)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .18s,transform .18s}button:hover{background:hsl(var(--theme-hue) 17.4% 91.0%)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid hsl(var(--theme-hue) 28.0% 40.0%);outline-offset:3px}button:disabled{opacity:.28;cursor:default}header{height:86px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:hsl(var(--theme-hue) 100.0% 99.2%)}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px}.brand-icon{background:hsl(var(--theme-hue) 67.6% 92.7%);border-radius:12px;width:39px;height:39px;display:grid;place-items:center;color:hsl(var(--theme-hue) 28.0% 40.0%);font-size:34px}.brand strong{font-size:24px;letter-spacing:3px}.brand-en{font-size:10px;letter-spacing:1.6px;margin-left:4px;color:hsl(var(--theme-hue) 15.8% 40.0%)}.top-center{font-size:11px;color:hsl(var(--theme-hue) 15.2% 40.0%);display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--theme-hue) 28.0% 40.0%)}.top-actions{display:flex;gap:12px;align-items:center;font-size:12px}.top-actions button{padding:11px 16px;border-radius:7px}.top-actions .quiet span{font-size:17px;margin-right:6px}.outline{border:1px solid hsl(var(--theme-hue) 34.4% 87.5%)}.primary{background:var(--green);color:#fff}.primary:hover{background:hsl(var(--theme-hue) 28.0% 40.0%)}.primary span{margin-left:15px}.studio{display:grid;grid-template-columns:166px minmax(0,1fr) 268px;min-height:calc(100vh - 86px)}.tools-panel{padding:32px 18px 20px;border-right:1px solid var(--line);background:hsl(var(--theme-hue) 100.0% 99.0%);display:flex;flex-direction:column}.section-label{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.section-label>span{font-size:9px;letter-spacing:1.3px;font-weight:400;color:hsl(var(--theme-hue) 17.9% 40.0%)}.tools{margin-top:24px;display:grid;gap:5px}.tool{display:flex;align-items:center;gap:14px;padding:12px 15px;border-radius:8px;font-size:12px;text-align:left;color:hsl(var(--theme-hue) 14.7% 40.0%)}.tool svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.tool.active{background:hsl(var(--theme-hue) 64.1% 92.4%);color:hsl(var(--theme-hue) 28.0% 40.0%);font-weight:600}.tool .tool-key{margin-left:auto;font-size:10px;color:hsl(var(--theme-hue) 21.2% 40.0%)}.tool-separator{height:1px;background:var(--line);margin:10px 8px}.tool-tip{margin-top:auto;padding:35px 15px 20px;color:hsl(var(--theme-hue) 14.2% 40.0%)}.tool-tip>span{font-size:25px;color:hsl(var(--theme-hue) 39.1% 68.4%)}.tool-tip p{font-size:11px;line-height:1.9}.help-button{display:flex;align-items:center;gap:8px;font-size:15px;padding:10px;border-top:1px solid var(--line);color:hsl(var(--theme-hue) 14.9% 40.0%)}.help-button span{font-size:10px}.workspace{padding:28px 34px 24px;min-width:0;background:radial-gradient(ellipse at 50% 45%,hsl(var(--theme-hue) 77.8% 94.7%),transparent 75%)}.workspace-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:2px;color:hsl(var(--theme-hue) 15.0% 40.0%)}h1{font-size:24px;font-weight:500;letter-spacing:1px;margin:10px 0 0}h1 span{font-size:26px;color:hsl(var(--theme-hue) 44.5% 73.1%);margin-left:17px}.paper-count{font-size:10px;color:hsl(var(--theme-hue) 15.4% 40.0%);padding-bottom:4px}.canvas-toolbar{height:52px;display:flex;justify-content:space-between;align-items:center}.title-group{display:flex;gap:8px;align-items:center;min-width:0}.paper-dot{width:7px;height:7px;background:hsl(var(--theme-hue) 39.5% 66.3%);border-radius:50%}.title-group input{border:0;background:transparent;width:180px;max-width:100%;font-size:12px;color:hsl(var(--theme-hue) 19.6% 40.0%);padding:5px}.edit-mark{font-size:13px;color:hsl(var(--theme-hue) 13.5% 40.0%)}.canvas-actions{display:flex;align-items:center;gap:4px}.canvas-actions button{font-size:24px;width:32px;height:32px;border-radius:6px;color:hsl(var(--theme-hue) 15.3% 40.0%)}.divider{height:14px;width:1px;background:hsl(var(--theme-hue) 37.9% 88.6%);margin:0 8px}.canvas-surround{padding:18px;border:1px solid hsl(var(--theme-hue) 43.4% 89.6%);border-radius:9px;background:hsl(var(--theme-hue) 58.6% 94.3%)}.paper-wrap{position:relative;box-shadow:0 4px 20px hsl(var(--theme-hue) 20.0% 23.5% / 0.047);background:white;aspect-ratio:10/7}#canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.canvas-hint{pointer-events:none;position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:hsl(var(--theme-hue) 22.5% 40.0%)}.canvas-hint .hint-spark{font-size:44px;font-weight:200;color:hsl(var(--theme-hue) 37.0% 71.4%);margin-bottom:8px}.canvas-hint p{font-size:13px;letter-spacing:2px;margin:10px 0}.canvas-hint small{font-size:10px;letter-spacing:1px;color:hsl(var(--theme-hue) 19.6% 40.0%)}.canvas-footer{display:flex;justify-content:space-between;margin:14px 2px 27px;font-size:9px;color:hsl(var(--theme-hue) 16.5% 40.0%);letter-spacing:.3px}.canvas-footer>span:first-child{display:flex;align-items:center;gap:7px}.canvas-footer i{width:7px;height:7px;border-radius:50%;background:var(--green)}.canvas-footer b{font-weight:400;margin:0 9px}.paper-shelf{border-top:1px solid hsl(var(--theme-hue) 37.3% 90.0%);padding-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shelf-label{font-size:11px;align-self:flex-start;padding-top:8px;margin-right:5px}.shelf-label small{display:block;color:hsl(var(--theme-hue) 14.5% 40.0%);font-size:9px;margin-top:6px}.pages{display:flex;gap:10px;overflow:auto;max-width:calc(100% - 75px);padding:4px}.page-card{position:relative;border:1px solid hsl(var(--theme-hue) 45.8% 88.4%);border-radius:5px;padding:5px;background:#fff;flex:0 0 83px;width:83px;text-align:left}.page-card.active{border:1.5px solid hsl(var(--theme-hue) 28.0% 40.0%);box-shadow:0 0 0 3px hsl(var(--theme-hue) 62.2% 92.7%)}.page-card img{width:70px;height:49px;object-fit:contain;display:block}.page-card small{font-size:8px;display:block;color:hsl(var(--theme-hue) 20.8% 40.0%);margin:5px 2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-page{font-size:10px;color:hsl(var(--theme-hue) 19.4% 40.0%);border:1px dashed hsl(var(--theme-hue) 47.4% 77.6%);border-radius:6px;min-width:88px;min-height:78px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.new-page span{font-size:23px;font-weight:200}.settings-panel{border-left:1px solid var(--line);padding:32px 24px 22px;background:hsl(var(--theme-hue) 100.0% 99.0%)}.settings-panel section+section{border-top:1px solid var(--line);padding-top:26px;margin-top:26px}.brush-preview{background:hsl(var(--theme-hue) 61.5% 94.9%);border-radius:8px;height:70px;margin:23px 0 13px;overflow:hidden}.brush-preview canvas{width:100%;height:100%}.variants{display:flex;gap:5px;margin-bottom:15px;flex-wrap:wrap}.variants button{padding:6px 9px;font-size:10px;border-radius:5px;background:hsl(var(--theme-hue) 61.5% 94.9%);color:hsl(var(--theme-hue) 18.6% 40.0%)}.variants button.active{background:hsl(var(--theme-hue) 65.2% 91.0%);color:hsl(var(--theme-hue) 28.0% 40.0%)}.range-label{display:flex;justify-content:space-between;margin:18px 0 10px;font-size:11px;color:hsl(var(--theme-hue) 16.0% 40.0%)}.range-label output{font-size:10px;color:hsl(var(--theme-hue) 16.5% 40.0%)}input[type=range]{appearance:none;width:100%;height:3px;background:hsl(var(--theme-hue) 42.9% 89.0%);accent-color:hsl(var(--theme-hue) 28.0% 40.0%);display:block;margin:14px 0}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:hsl(var(--theme-hue) 28.0% 40.0%);box-shadow:0 0 0 3px hsl(var(--theme-hue) 100.0% 99.0%)}.tool-description{font-size:10px;color:hsl(var(--theme-hue) 15.6% 40.0%);line-height:1.8;min-height:18px;margin:17px 0 0}.selected-color{display:flex;gap:11px;align-items:center;margin:21px 0 20px}.color-picker-wrap{width:40px;height:40px;overflow:hidden;border-radius:9px;position:relative;border:3px solid #fff;box-shadow:0 0 0 1px hsl(var(--theme-hue) 37.3% 90.0%)}.color-picker-wrap input{position:absolute;width:60px;height:60px;top:-10px;left:-10px;border:0;padding:0;cursor:pointer}.selected-color div span{display:block;font-size:9px;color:hsl(var(--theme-hue) 16.3% 40.0%);margin-bottom:5px}.selected-color strong{font-size:10px;letter-spacing:1px;font-weight:500}.color-decoration{font-size:27px;margin-left:auto;color:hsl(var(--theme-hue) 41.6% 73.1%)}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.swatch{width:23px;height:23px;background:var(--swatch);border-radius:50%;border:1px solid #00000009;justify-self:center}.swatch.active{outline:1.5px solid hsl(var(--theme-hue) 28.0% 40.0%);outline-offset:3px}.notes-section>p{font-size:10px;color:hsl(var(--theme-hue) 14.7% 40.0%);margin:12px 0 15px}textarea{width:100%;height:116px;resize:vertical;min-height:80px;max-height:280px;border:1px solid hsl(var(--theme-hue) 38.5% 89.8%);border-radius:7px;background:hsl(var(--theme-hue) 100.0% 97.6%);padding:12px;color:hsl(var(--theme-hue) 21.3% 40.0%);font-size:11px;line-height:1.9}textarea::placeholder{color:hsl(var(--theme-hue) 20.4% 40.0%)}.notes-footer{display:flex;justify-content:space-between;font-size:8px;color:hsl(var(--theme-hue) 15.1% 40.0%);margin-top:9px}.local-note{display:flex;gap:9px;font-size:9px;color:hsl(var(--theme-hue) 15.0% 40.0%);line-height:1.8;margin-top:28px}.local-note>span{padding-top:9px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);padding:13px 23px;border-radius:10px;background:hsl(var(--theme-hue) 28.0% 40.0%);color:white;font-size:12px;box-shadow:0 4px 24px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid hsl(var(--theme-hue) 42.4% 88.4%);border-radius:16px;padding:30px;max-width:850px;width:90vw;background:hsl(var(--theme-hue) 100.0% 99.0%);color:hsl(var(--theme-hue) 20.2% 32.9%);box-shadow:0 20px 100px hsl(var(--theme-hue) 26.6% 15.5% / 0.2)}dialog::backdrop{background:hsl(var(--theme-hue) 19.5% 32.2% / 0.4);backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:25px}h2{font-size:22px;font-weight:500;margin:9px 0}.dialog-heading p{font-size:12px;color:hsl(var(--theme-hue) 17.5% 40.0%);line-height:1.8}.dialog-close{font-size:25px;width:32px;height:32px;border-radius:50%;flex-shrink:0}#gallery-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-card{border:1px solid hsl(var(--theme-hue) 45.8% 90.6%);border-radius:9px;overflow:hidden;background:#fff}.gallery-card img{width:100%;aspect-ratio:10/7;object-fit:contain;background:white}.gallery-card div{padding:16px}.gallery-card h3{font-size:14px;margin:0 0 9px}.gallery-card p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:hsl(var(--theme-hue) 15.7% 40.0%)}.gallery-card small{font-size:10px;color:hsl(var(--theme-hue) 14.4% 40.0%)}.gallery-empty{grid-column:1/-1;text-align:center;padding:50px 0;color:hsl(var(--theme-hue) 14.5% 40.0%);font-size:13px}#help{max-width:570px}#help ul{padding-left:18px;font-size:13px;line-height:2.1;color:hsl(var(--theme-hue) 18.0% 40.0%)}#help li{margin-bottom:12px}@media(min-width:1550px){.workspace{padding-left:65px;padding-right:65px}.studio{grid-template-columns:180px minmax(0,1fr) 290px}.settings-panel{padding-left:30px;padding-right:30px}}@media(max-width:1100px){.studio{grid-template-columns:130px minmax(0,1fr) 230px}.workspace{padding:25px 20px}.tools-panel{padding:28px 10px}.tool{gap:10px;padding:12px 10px}.section-label>span{display:none}.settings-panel{padding:28px 18px}.brand-en,.top-center{display:none}.canvas-surround{padding:12px}.palette{gap:10px 5px}.swatch{width:22px;height:22px}h1{font-size:22px}.eyebrow{font-size:8px}}@media(max-width:760px){header{height:70px;padding:0 16px}.brand strong{font-size:20px}.brand-icon{width:32px;height:32px;font-size:28px}.top-actions{gap:4px;font-size:10px}.top-actions button{padding:9px}.top-actions .quiet{font-size:0}.top-actions .quiet span{font-size:20px;margin:0}.primary span{margin-left:3px}.studio{grid-template-columns:62px minmax(0,1fr)}.tools-panel{grid-row:1/3;padding:23px 6px}.tools-panel>.section-label,.tool-tip,.help-button span,.tool-label,.tool-key{display:none!important}.tool{justify-content:center;padding:13px 0}.tool svg{width:23px;height:23px}.tools{margin-top:0}.workspace{padding:22px 13px 15px}.workspace-heading{margin-bottom:13px}.eyebrow{letter-spacing:1px;font-size:7px}h1{font-size:20px}h1 span{margin-left:5px}.paper-count{display:none}.canvas-surround{padding:7px}.canvas-footer{font-size:8px;margin-bottom:19px}.canvas-footer>span:last-child{font-size:0}.canvas-footer>span:last-child b{display:none}.canvas-hint p{font-size:10px;letter-spacing:0}.canvas-hint small{font-size:8px}.hint-spark{font-size:25px!important}.title-group input{width:125px}.canvas-actions{gap:0}.canvas-actions button{width:25px}.divider{margin:0 4px}.settings-panel{border-left:0;border-top:1px solid var(--line);grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:22px 16px}.settings-panel section+section{margin:0;padding:0;border:0}.notes-section{grid-column:1/-1}.local-note{grid-column:1/-1;margin:0}.local-note p{margin:0}.local-note>span{padding:0}.brush-preview{margin-top:18px;height:55px}.palette{grid-template-columns:repeat(4,1fr)}.range-label{font-size:10px}.paper-shelf{gap:9px}.shelf-label{width:100%;padding:0}.shelf-label small{display:inline;margin-left:8px}.new-page{min-width:73px;font-size:9px}.pages{max-width:calc(100% - 85px)}#gallery-items{grid-template-columns:1fr}.dialog-heading p{font-size:11px}dialog{padding:22px}.help-button{margin-top:auto;justify-content:center}.tool-description{font-size:9px}.variants{gap:3px}.variants button{padding:5px;font-size:9px}}

/* A soft pink studio; white paper remains neutral for true drawing colors. */
[hidden]{display:none!important}
.brand-icon{background:hsl(var(--theme-hue) 67.4% 91.6%);color:hsl(var(--theme-hue) 28.0% 40.0%)}.brand-en{letter-spacing:1.2px}.brand strong{color:hsl(var(--theme-hue) 28.0% 40.0%)}
.topbar{background:hsl(var(--theme-hue) 100.0% 99.2%)}.care-invitation{display:flex;align-items:center;gap:13px;background:linear-gradient(110deg,hsl(var(--theme-hue) 78.6% 94.5%),hsl(var(--theme-hue) 100.0% 97.1%) 60%,hsl(var(--theme-hue) 72.7% 95.7%));border:1px solid hsl(var(--theme-hue) 52.5% 88.4%);border-radius:15px;padding:17px 20px;margin-bottom:10px}.care-heart{font-size:36px;color:hsl(var(--theme-hue) 28.0% 40.0%);line-height:1}.care-invitation strong{font-size:13px;font-weight:500;color:hsl(var(--theme-hue) 28.0% 40.0%)}.care-invitation p{font-size:11px;line-height:1.7;margin:5px 0 0;color:hsl(var(--theme-hue) 17.6% 40.0%)}.care-invitation button{margin-left:auto;flex-shrink:0;font-size:12px;padding:11px 16px;border-radius:24px;color:white;background:hsl(var(--theme-hue) 28.0% 40.0%);min-height:44px}.care-invitation button:hover{background:hsl(var(--theme-hue) 28.0% 40.0%)}.care-invitation button span{margin-left:9px}.care-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:6px}.care-shortcuts button{font-size:11px;color:hsl(var(--theme-hue) 20.5% 40.0%);padding:9px 12px;min-height:38px;border-radius:20px}.care-shortcuts button:last-child{margin-left:auto;color:hsl(var(--theme-hue) 12.9% 40.0%);font-size:10px}.drawing-prompt{font-size:12px;line-height:1.8;color:hsl(var(--theme-hue) 21.0% 40.0%);background:hsl(var(--theme-hue) 100.0% 97.1%);border-left:3px solid hsl(var(--theme-hue) 45.3% 68.4%);padding:11px 14px;border-radius:6px;display:flex;gap:12px;margin-top:10px}.drawing-prompt button{margin-left:auto;font-size:21px;align-self:flex-start}.care-footer{padding:18px 25px;border-top:1px solid hsl(var(--theme-hue) 41.7% 90.6%);background:hsl(var(--theme-hue) 100.0% 98.6%);text-align:center;color:hsl(var(--theme-hue) 15.5% 40.0%);font-size:11px;line-height:1.9}.care-footer button{display:inline-block;padding:5px 8px;color:hsl(var(--theme-hue) 28.0% 40.0%);border-radius:7px}
#care{max-width:770px;max-height:90vh;max-height:90dvh;overflow:auto;padding:30px 34px}.care-tabs{display:flex;gap:6px;border-bottom:1px solid hsl(var(--theme-hue) 42.3% 89.8%);padding-bottom:13px;margin-bottom:25px;flex-wrap:wrap}.care-tabs button{border-radius:20px;padding:10px 17px;min-height:44px;font-size:12px;color:hsl(var(--theme-hue) 17.8% 40.0%)}.care-tabs button.active{background:hsl(var(--theme-hue) 64.1% 92.4%);color:hsl(var(--theme-hue) 28.0% 40.0%);font-weight:600}.care-tabs button:hover{background:hsl(var(--theme-hue) 68.0% 95.1%)}#care h3{font-size:17px;line-height:1.6;font-weight:500;margin:22px 0 8px;color:hsl(var(--theme-hue) 28.0% 37.5%)}.care-copy{font-size:13px;line-height:1.95;color:hsl(var(--theme-hue) 15.6% 40.0%);margin:8px 0 16px}.care-chips{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.care-chips button{font-size:12px;min-height:42px;padding:9px 15px;border:1px solid hsl(var(--theme-hue) 37.3% 86.9%);border-radius:22px;background:hsl(var(--theme-hue) 100.0% 98.8%);color:hsl(var(--theme-hue) 19.0% 40.0%)}.care-chips button.selected{background:hsl(var(--theme-hue) 70.7% 92.0%);border-color:hsl(var(--theme-hue) 28.0% 40.0%);color:hsl(var(--theme-hue) 28.0% 40.0%);box-shadow:0 0 0 2px hsl(var(--theme-hue) 72.7% 95.7%)}.care-label{display:block;font-size:12px;line-height:1.8;color:hsl(var(--theme-hue) 16.2% 40.0%);margin:15px 0 8px}.care-input{width:100%;border:1px solid hsl(var(--theme-hue) 33.3% 87.1%);background:hsl(var(--theme-hue) 100.0% 99.0%);color:hsl(var(--theme-hue) 25.5% 36.9%);font-size:14px;padding:12px 14px;border-radius:9px;min-height:46px}.care-input::placeholder{color:hsl(var(--theme-hue) 17.6% 40.0%)}.drawing-invitation{display:flex;gap:12px;border:1px dashed hsl(var(--theme-hue) 41.4% 80.6%);background:hsl(var(--theme-hue) 100.0% 97.3%);padding:13px 18px;border-radius:12px;margin:23px 0 17px;color:hsl(var(--theme-hue) 20.9% 40.0%)}.drawing-invitation>span{font-size:29px}.drawing-invitation p{margin:2px 0;font-size:13px;line-height:1.9}.care-primary{background:hsl(var(--theme-hue) 28.0% 40.0%);color:white;padding:12px 20px;min-height:44px;border-radius:24px;font-size:12px}.care-primary:hover{background:hsl(var(--theme-hue) 28.0% 40.0%)}.care-small{font-size:11px;color:hsl(var(--theme-hue) 15.5% 40.0%);line-height:1.9;margin:15px 0 0}.care-small a{color:hsl(var(--theme-hue) 28.0% 40.0%);text-underline-offset:3px}.expression-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.expression-cards article{border:1px solid hsl(var(--theme-hue) 47.4% 88.8%);border-radius:13px;background:hsl(var(--theme-hue) 100.0% 97.3%);padding:18px}.expression-cards article:nth-child(2){background:hsl(var(--theme-hue) 100.0% 97.3%);border-color:hsl(var(--theme-hue) 44.4% 89.4%)}.expression-cards article>span{font-size:10px;letter-spacing:.5px;color:hsl(var(--theme-hue) 22.9% 40.0%)}.expression-cards h4{font-size:15px;font-weight:500;color:hsl(var(--theme-hue) 25.2% 40.0%);margin:13px 0 10px}.expression-cards p{font-size:12px;line-height:1.9;color:hsl(var(--theme-hue) 15.5% 40.0%);margin:0}.care-reassurance{font-size:13px;line-height:1.95;border-left:3px solid hsl(var(--theme-hue) 45.5% 74.1%);padding:12px 17px;color:hsl(var(--theme-hue) 22.3% 40.0%);background:hsl(var(--theme-hue) 72.7% 95.7%);border-radius:0 9px 9px 0;margin:23px 0}.message-card{padding:20px 23px;background:hsl(var(--theme-hue) 100.0% 97.6%);border:1px solid hsl(var(--theme-hue) 45.5% 89.2%);border-radius:13px;margin:18px 0}.message-card>span{font-size:11px;color:hsl(var(--theme-hue) 19.0% 40.0%)}.message-card p{font-size:15px;color:hsl(var(--theme-hue) 28.0% 40.0%);line-height:2;white-space:pre-wrap;margin:12px 0 0;overflow-wrap:anywhere}.pause-space{text-align:center;padding:30px 0 20px;overflow:hidden}.pause-space .care-copy{margin-bottom:22px}#breathing-flower{font-size:105px;line-height:1.3;color:hsl(var(--theme-hue) 49.7% 70.4%);margin:15px auto 24px;width:140px;transform:scale(.85);filter:drop-shadow(0 4px 18px hsl(var(--theme-hue) 49.5% 80.6% / 0.333))}#breathing-flower.breathing{animation:flower-breath 8s ease-in-out infinite}.pause-options{font-size:13px;line-height:2;color:hsl(var(--theme-hue) 16.2% 40.0%);border:1px solid hsl(var(--theme-hue) 38.2% 89.2%);background:hsl(var(--theme-hue) 100.0% 98.2%);border-radius:12px;padding:16px 22px}.pause-options p{margin:0}.pause-options ul{padding-left:18px;margin:10px 0}.grownup-card{background:hsl(var(--theme-hue) 100.0% 97.1%);border:1px solid hsl(var(--theme-hue) 43.4% 89.6%);border-radius:12px;padding:19px 22px;color:hsl(var(--theme-hue) 17.9% 40.0%);margin:23px 0}.grownup-card h4{font-weight:500;margin:0 0 12px}.grownup-card ul{font-size:13px;line-height:2;padding-left:18px;margin:0}.grownup-card li+li{margin-top:9px}
@keyframes flower-breath{0%,100%{transform:scale(.85)}50%{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1100px){.care-invitation{padding:13px;gap:9px}.care-invitation p{font-size:10px}.care-invitation strong{font-size:12px}.care-invitation button{padding:10px 12px;font-size:11px}h1{font-size:21px}.care-shortcuts{gap:0}.care-shortcuts button{padding:8px}}
@media(max-width:760px){.workspace-heading h1{font-size:19px}.care-invitation{flex-wrap:wrap;padding:13px}.care-invitation .care-heart{display:none}.care-invitation strong{font-size:12px}.care-invitation p{font-size:10px}.care-invitation button{width:100%;margin:3px 0 0;min-height:40px;padding:8px}.care-shortcuts button{font-size:10px;padding:8px}.care-shortcuts button:last-child{font-size:9px}.care-footer{font-size:10px;padding:15px 22px}.expression-cards{grid-template-columns:1fr;gap:10px}#care{padding:22px 20px;max-height:93dvh;width:94vw}.care-tabs{gap:3px}.care-tabs button{font-size:11px;padding:9px 10px}.care-copy,.care-reassurance{font-size:12px}.care-input{font-size:16px}.care-chips button{font-size:12px;padding:9px 12px}.care-invitation div{width:100%}.drawing-prompt{font-size:11px}.brand-en{display:none}}
@media(pointer:coarse){.canvas-actions button{min-width:36px;min-height:40px}.palette{gap:10px 4px;grid-template-columns:repeat(5,1fr)}.swatch{width:30px;height:30px}.variants button{min-height:36px}.help-button{min-height:44px}.dialog-close{min-width:44px;min-height:44px}.care-shortcuts button{min-height:44px}}
@media(max-width:760px) and (pointer:coarse){.palette{grid-template-columns:repeat(4,1fr);gap:10px 3px}.swatch{width:26px;height:26px}.canvas-actions button{min-width:29px}.title-group input{width:108px}.variants button{padding:5px 3px;font-size:9px}}
.template-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.template-card{border:1px solid hsl(var(--theme-hue) 39.0% 88.4%);background:hsl(var(--theme-hue) 100.0% 98.0%);border-radius:13px;padding:13px;display:flex;flex-direction:column;min-width:0}.template-card canvas{width:100%;height:auto;display:block;border:1px solid hsl(var(--theme-hue) 30.2% 91.6%);border-radius:6px;background:white}.template-card h4{font-size:14px;color:hsl(var(--theme-hue) 28.0% 40.0%);font-weight:500;margin:17px 0 8px}.template-card p{font-size:12px;line-height:1.9;color:hsl(var(--theme-hue) 15.0% 40.0%);margin:0 0 12px}.template-card small{font-size:11px;line-height:1.9;color:hsl(var(--theme-hue) 13.8% 40.0%);margin-bottom:18px}.template-card button{font-size:11px;padding:10px 8px;margin-top:auto;line-height:1.7;border-radius:12px}.care-shortcuts button:last-child{margin-left:0}.care-shortcuts{justify-content:space-between}
@media(max-width:760px){.template-cards{grid-template-columns:1fr}.template-card{padding:17px}.template-card canvas{max-height:180px;object-fit:contain}.template-card button{width:100%}.care-shortcuts{gap:0;justify-content:flex-start}.care-shortcuts button{font-size:10px;padding:8px 6px}.care-shortcuts button:last-child{font-size:9px}.care-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.care-tabs button{padding:9px 5px}}

/* Theme colors belong to the interface; canvas pixels and palette swatches are unchanged. */
.primary,.care-primary,.care-invitation button{background:var(--theme-accent)}
.primary:hover,.care-primary:hover,.care-invitation button:hover{background:var(--theme-accent-hover)}
.theme-open{display:flex;align-items:center;gap:7px;min-height:40px}.theme-open>span:first-child{font-size:17px;line-height:1;color:var(--theme-accent)}
#theme-picker{max-width:700px;max-height:90dvh;overflow:auto}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-option{border:1px solid var(--line);border-radius:13px;background:var(--preview-background);padding:12px 12px 15px;text-align:left;min-width:0}.theme-option:hover{background:var(--preview-background);box-shadow:0 0 0 2px var(--preview-tint)}.theme-option.selected{outline:2px solid var(--preview-accent);outline-offset:2px}.theme-preview{display:flex;align-items:center;justify-content:center;position:relative;font-size:39px;line-height:1;color:var(--preview-accent);background:var(--preview-tint);height:82px;border-radius:8px;margin-bottom:14px}.theme-option strong{display:block;font-size:14px;font-weight:500;color:var(--preview-accent);margin:0 3px 7px}.theme-option small{display:block;font-size:11px;color:var(--preview-accent);margin:0 3px}.theme-picker-footer{margin-top:26px;font-size:12px;color:var(--theme-accent);line-height:1.9}.theme-picker-footer p{color:var(--muted);font-size:11px;margin:7px 0 0}
@media(max-width:1100px){.top-actions{gap:7px}.top-actions button{padding:10px 12px}.theme-open-label{display:none}.theme-open{min-width:40px;justify-content:center}}
@media(max-width:760px){.top-actions{gap:4px}.top-actions button{padding:9px 7px}.theme-open{min-width:32px;min-height:36px}.topbar{padding:0 12px}.brand{gap:8px}.brand strong{font-size:19px;letter-spacing:1px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-preview{height:70px}.theme-option strong{font-size:13px}.theme-option small{font-size:11px}#theme-picker{padding:22px 20px;width:94vw}}
/* Optional object examples stay inside the existing drawing invitation flow. */
.drawing-ideas{margin:26px 0 18px;border:1px solid var(--line);border-radius:13px;padding:15px 18px}.drawing-ideas summary{font-size:14px;line-height:1.8;font-weight:500;cursor:pointer;color:var(--theme-accent);padding:5px 0}.drawing-ideas summary span{float:right;font-size:18px}.drawing-ideas[open] summary span{transform:rotate(45deg)}.idea-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.idea-card{border:1px solid var(--line);border-radius:10px;background:hsl(var(--theme-hue) 70% 98%);padding:10px;text-align:center;min-width:0}.idea-card:hover{background:hsl(var(--theme-hue) 65% 95%)}.idea-card canvas{width:100%;height:auto;display:block}.idea-card span{font-size:12px;line-height:1.9;color:hsl(var(--theme-hue) 20% 37%)}.idea-detail{border-top:1px solid var(--line);padding-top:20px;margin-top:22px;display:grid;grid-template-columns:160px 1fr;gap:20px}.idea-detail>canvas{width:100%;height:auto;align-self:center}.idea-detail h4{font-size:16px;color:var(--theme-accent);margin:0 0 12px;font-weight:500}.idea-detail ol{padding-left:20px;font-size:12px;line-height:1.9;color:hsl(var(--theme-hue) 20% 37%)}.idea-detail li+li{margin-top:9px}
@media(max-width:760px){.drawing-ideas{padding:13px}.drawing-ideas summary{font-size:12px}.idea-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.idea-detail{grid-template-columns:1fr;gap:5px}.idea-detail>canvas{width:180px;justify-self:center}.idea-detail .care-primary{width:100%}}
#care>.dialog-heading{position:sticky;top:-30px;z-index:2;background:hsl(var(--theme-hue) 100% 99%);padding:12px 0;border-bottom:1px solid var(--line)}
@media(max-width:760px){#care>.dialog-heading{top:-22px}}
/* The same paper and tools in a quiet viewport, without bitmap resizing. */
.canvas-actions .zen-control{width:auto;min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--theme-accent);margin-left:7px;white-space:nowrap}.zen-control svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.canvas-actions #zen-tools>span:first-child{font-size:19px;line-height:1}
body.zen-mode{position:fixed;inset:0;margin:0;overflow:hidden;background:hsl(var(--theme-hue) 60% 97%)}
.zen-mode>.topbar,.zen-mode>.care-footer{display:none}.zen-mode .studio{position:absolute;inset:0;height:100%;min-height:0;display:block}.zen-mode .workspace{position:absolute;inset:0;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;height:100%;min-height:0;background:transparent}
.zen-mode .workspace>*:not(.canvas-toolbar):not(.canvas-surround){display:none!important}.zen-mode .canvas-toolbar{height:54px;flex:0 0 54px;margin:0 0 8px;padding:0 5px;gap:10px}.zen-mode .canvas-actions{gap:6px}.zen-mode .canvas-actions #clear,.zen-mode .canvas-actions .divider{display:none}.zen-mode .canvas-actions button{min-width:44px;min-height:44px}.zen-mode .canvas-actions .zen-control{margin-left:4px;padding:10px 15px;font-size:12px;background:hsl(var(--theme-hue) 100% 99%)}.zen-mode #zen-toggle{background:var(--theme-accent);color:white;border-color:var(--theme-accent)}.zen-mode .canvas-surround{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;border-radius:0;overflow:hidden}.zen-mode .paper-wrap{flex:none;aspect-ratio:10/7;box-shadow:0 2px 18px #0000000a;max-width:100%;max-height:100%}.zen-mode #canvas-hint{display:none!important}
.zen-mode .tools-panel,.zen-mode .settings-panel{display:none}.zen-tools-open .tools-panel,.zen-tools-open .settings-panel{position:fixed;z-index:4;top:max(78px,calc(env(safe-area-inset-top) + 70px));bottom:max(12px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:hsl(var(--theme-hue) 100% 99%);border:1px solid var(--line);border-radius:13px;box-shadow:0 6px 28px #00000015;scrollbar-width:thin}.zen-tools-open .tools-panel{display:flex;left:max(12px,env(safe-area-inset-left));width:72px;padding:10px 7px}.zen-tools-open .tools-panel>.section-label,.zen-tools-open .tool-tip,.zen-tools-open .help-button,.zen-tools-open .tool-label,.zen-tools-open .tool-key{display:none!important}.zen-tools-open .tools{margin:0;gap:3px}.zen-tools-open .tool{justify-content:center;padding:12px 0;min-height:44px}.zen-tools-open .tool-separator{margin:5px 0}.zen-tools-open .settings-panel{display:block;right:max(12px,env(safe-area-inset-right));width:260px;padding:20px}.zen-tools-open .settings-panel .notes-section,.zen-tools-open .settings-panel .local-note{display:none}.zen-tools-open .settings-panel .colors-section{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.zen-tools-open .settings-panel .brush-preview{margin-top:16px}.zen-tools-open .settings-panel .swatch{width:28px;height:28px}.zen-tools-open .settings-panel .palette{grid-template-columns:repeat(5,1fr);gap:12px 8px}
@media(max-width:760px){.canvas-actions #zen-toggle{min-width:32px;margin-left:3px;padding:5px}.canvas-actions #zen-label{display:none}.zen-mode .title-group{display:none}.zen-mode .canvas-toolbar{justify-content:center;height:50px;flex-basis:50px;padding:0;margin-bottom:6px}.zen-mode .canvas-actions{width:100%;justify-content:space-between;gap:4px}.zen-mode .canvas-actions button{min-width:40px;min-height:44px}.zen-mode .canvas-actions .zen-control{padding:9px 10px;gap:5px;margin:0;font-size:11px}.zen-mode .canvas-actions #zen-label{display:inline}.zen-mode .workspace{padding-left:8px;padding-right:8px}.zen-tools-open .tools-panel{left:8px;width:58px;padding:9px 4px}.zen-tools-open .settings-panel{right:8px;width:min(258px,calc(100vw - 82px));padding:17px}.zen-tools-open .settings-panel .palette{gap:12px 5px}.zen-tools-open .settings-panel .swatch{width:27px;height:27px}}
@media(max-height:550px) and (min-width:761px){.zen-mode .canvas-toolbar{height:46px;flex-basis:46px;margin-bottom:4px}.zen-tools-open .tools-panel,.zen-tools-open .settings-panel{top:64px}.zen-tools-open .tool{padding:8px 0;min-height:40px}}