:root{color-scheme:light;--rose:hsl(var(--th) calc(var(--ts) * 66.3%) 27.8%);--dark:hsl(var(--th) calc(var(--ts) * 16.1%) 30%);--rose2:hsl(var(--th) calc(var(--ts) * 61.3%) 24.8%);--soft:hsl(var(--th) calc(var(--ts) * 30%) 97.8%);--outline:hsl(var(--th) calc(var(--ts) * 24.1%) 86.7%);--round:22px;--shadow:0 12px 34px hsl(var(--th) calc(var(--ts) * 25.2%) 39.7% / 0.1);font-family:CuteChalk,"Trebuchet MS",sans-serif;color:var(--dark)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 3%,hsl(42 80% 90.2%) 0,transparent 24%),radial-gradient(circle at 93% 10%,hsl(var(--th) calc(var(--ts) * 33.4%) 91%) 0,transparent 28%),linear-gradient(165deg,hsl(42 55% 98.4%),hsl(var(--th) calc(var(--ts) * 30%) 97.1%) 65%,#fdf8ff);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}input,textarea,select{outline-color:hsl(var(--th) calc(var(--ts) * 42%) 80.3%)}button:focus-visible{outline:3px solid hsl(var(--th) calc(var(--ts) * 68%) 24.2%);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,4vw,46px)}h2{font-size:25px}h3{font-size:18px}small,.muted{color:hsl(var(--th) calc(var(--ts) * 11.8%) 47.2%)}p{line-height:1.55}.app{max-width:1570px;margin:auto;min-height:100vh}.header{height:76px;padding:8px clamp(16px,3vw,50px);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{border:0;background:none;display:flex;gap:10px;align-items:center;text-align:left;font-weight:bold;font-size:21px;line-height:1;white-space:nowrap}.brand img{width:55px;height:55px;object-fit:contain}.brand small{display:block;font-size:12px;color:hsl(var(--th) calc(var(--ts) * 46.3%) 26.7%);letter-spacing:2px;margin-top:6px}.header-right{display:flex;gap:8px;flex-wrap:wrap}.header-link{border:1px solid hsl(var(--th) calc(var(--ts) * 23.7%) 87.9%);background:#fff8fa;border-radius:99px;padding:9px 14px;font-size:14px}.header-link:hover,.pill:hover{background:hsl(var(--th) calc(var(--ts) * 30%) 94.3%)}.home{padding:22px clamp(16px,4vw,58px) 70px}.home-hero{border:2px solid hsl(var(--th) calc(var(--ts) * 29.5%) 89.4%);background:linear-gradient(108deg,#fffefa,hsl(var(--th) calc(var(--ts) * 30%) 95.7%));box-shadow:var(--shadow);border-radius:34px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:350px;overflow:hidden;padding:25px 26px 25px clamp(24px,5vw,75px);position:relative}.home-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(hsl(var(--th) calc(var(--ts) * 31.4%) 81.7%) 1px,transparent 1.1px);background-size:25px 25px;opacity:.19;pointer-events:none}.hero-copy{z-index:1}.eyebrow{letter-spacing:2px;color:hsl(var(--th) calc(var(--ts) * 45%) 28.9%);font-size:13px;font-weight:bold;margin-bottom:10px}.hero-copy h1{line-height:1.13;margin-bottom:12px}.hero-copy h1 span{color:hsl(var(--th) calc(var(--ts) * 52.4%) 27.2%)}.hero-copy p{max-width:500px;font-size:17px}.hero-art{width:100%;height:310px;object-fit:contain;filter:drop-shadow(0 18px 10px hsl(var(--th) calc(var(--ts) * 24%) 79.6% / 0.608));z-index:1}.small-btn,.btn{border-radius:14px;border:1px solid hsl(var(--th) calc(var(--ts) * 21%) 85.4%);padding:11px 16px;background:#fff;color:hsl(var(--th) calc(var(--ts) * 17%) 34.5%);font-weight:700;transition:.15s}.btn:hover,.small-btn:hover{transform:translateY(-1px)}.btn.primary{color:white;background:linear-gradient(130deg,hsl(var(--th) calc(var(--ts) * 64.9%) 26.8%),hsl(var(--th) calc(var(--ts) * 53.7%) 28.8%));border-color:hsl(var(--th) calc(var(--ts) * 54%) 27%);box-shadow:0 5px 0 hsl(var(--th) calc(var(--ts) * 45%) 31.7%)}.btn.cream{background:hsl(42 55% 93.1%)}.btn.line{background:#fffafc}.main-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.mode-card{min-height:235px;text-align:left;padding:25px 26px;border-radius:26px;background:#fff;border:2px solid hsl(var(--th) calc(var(--ts) * 25.5%) 88.6%);box-shadow:var(--shadow);position:relative;overflow:hidden}.mode-card:hover{border-color:hsl(var(--th) calc(var(--ts) * 31.7%) 79.6%);transform:translateY(-2px)}.mode-card:nth-child(2){background:hsl(42 55% 97.3%)}.mode-card:nth-child(3){background:hsl(var(--th) calc(var(--ts) * 30%) 97.6%)}.mode-icon{font-size:46px;display:block;margin-bottom:12px}.mode-card h2{margin-bottom:8px}.mode-card p{font-size:14px;color:hsl(var(--th) calc(var(--ts) * 12.6%) 42.7%)}.card-enter{display:block;color:hsl(var(--th) calc(var(--ts) * 45%) 31.8%);font-weight:bold;margin-top:16px}.home-lower{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:27px 0 12px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:15px}.project-card{background:#fff;border:1.5px solid hsl(var(--th) calc(var(--ts) * 22.1%) 87.9%);padding:12px;border-radius:22px;box-shadow:var(--shadow);text-align:left}.project-thumb{height:160px;border-radius:14px;background:hsl(var(--th) calc(var(--ts) * 30%) 97.8%);display:grid;place-items:center;position:relative;overflow:hidden}.project-thumb span{font-size:54px}.project-card h3{font-size:16px;margin:12px 0 4px;word-break:break-word}.project-card small{font-size:12px}.section-heading{font-size:22px}.blank-copy{background:#fffcfe;border:2px dashed hsl(var(--th) calc(var(--ts) * 29.9%) 82.5%);border-radius:18px;padding:28px;text-align:center;color:hsl(var(--th) calc(var(--ts) * 14.7%) 45.6%)}.workspace{height:calc(100dvh - 76px);min-height:530px;display:flex;flex-direction:column;padding:0 15px 14px;gap:11px}.ws-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 14px;background:#fff;border:1.5px solid hsl(var(--th) calc(var(--ts) * 23.3%) 88.1%);border-radius:20px}.ws-identity{display:flex;gap:12px;align-items:center}.ws-identity strong{font-size:18px}.ws-identity small{display:block}.ws-buttons{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.ws-body{display:grid;grid-template-columns:294px minmax(0,1fr) 226px;gap:12px;flex:1;min-height:0}.ws-tools,.ws-properties{border:1px solid hsl(var(--th) calc(var(--ts) * 22.5%) 87.7%);border-radius:22px;background:#fff;min-height:0;overflow-y:auto;padding:12px;box-shadow:var(--shadow)}.tool-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:12px}.tool-tab{border:0;border-radius:12px;padding:8px 3px;background:hsl(var(--th) calc(var(--ts) * 30%) 98%);font-size:11px;white-space:nowrap}.tool-tab b{display:block;font-size:20px}.tool-tab.active{background:hsl(var(--th) calc(var(--ts) * 42%) 91.2%);color:hsl(var(--th) calc(var(--ts) * 45%) 37%)}.tool-title{font-size:18px;margin:6px 0 10px}.tool-help{color:hsl(var(--th) calc(var(--ts) * 9.6%) 43.3%);font-size:12px;line-height:1.45}.chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.pill{border:1px solid hsl(var(--th) calc(var(--ts) * 22.4%) 86.9%);background:#fff8fb;padding:7px 10px;border-radius:99px;font-size:12px}.pill.active{background:hsl(var(--th) calc(var(--ts) * 32.3%) 88.5%);color:hsl(var(--th) calc(var(--ts) * 45%) 36.9%)}.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sticker-tile{height:85px;border-radius:13px;background:#fff9fa;border:1px solid hsl(var(--th) calc(var(--ts) * 20%) 90.4%);display:grid;place-items:center;overflow:hidden;padding:5px}.sticker-tile img{max-width:100%;max-height:100%;object-fit:contain}.sticker-tile.emoji{font-size:35px}.sticker-tile:hover{background:hsl(var(--th) calc(var(--ts) * 30%) 95.9%)}.tool-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.template-card{border:1px solid hsl(var(--th) calc(var(--ts) * 20.4%) 85%);border-radius:13px;padding:10px;background:#fffbfd;min-height:78px;text-align:left}.template-card b{display:block;font-size:14px}.template-card small{font-size:12px}.template-card.active{border-color:hsl(var(--th) calc(var(--ts) * 53.7%) 27.5%);background:hsl(var(--th) calc(var(--ts) * 30%) 95.1%)}.swatches{display:flex;flex-wrap:wrap;gap:9px}.swatch{width:35px;height:35px;border:2px solid #fff;border-radius:11px;box-shadow:0 0 0 1px hsl(var(--th) calc(var(--ts) * 19.5%) 84.8%)}.swatch.active{box-shadow:0 0 0 3px hsl(var(--th) calc(var(--ts) * 60%) 27%)}.swatch:focus-visible{outline:3px solid hsl(var(--th) calc(var(--ts) * 60%) 27%)}.control{display:block;font-size:13px;font-weight:bold;margin:10px 0}.control input,.control select,.control textarea{display:block;width:100%;border:1px solid hsl(var(--th) calc(var(--ts) * 16.7%) 84.4%);border-radius:11px;padding:10px;background:#fffdfa;margin-top:5px;color:var(--dark);font-size:14px}.control input[type=color]{width:65px;height:40px;padding:3px}.control input[type=range]{padding:0;accent-color:hsl(var(--th) calc(var(--ts) * 58.7%) 25.7%)}.control textarea{resize:vertical;min-height:72px}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wfull{width:100%;margin:5px 0}.ws-canvas-shell{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;border:2px dashed hsl(var(--th) calc(var(--ts) * 23.3%) 82.9%);border-radius:22px;background:radial-gradient(hsl(var(--th) calc(var(--ts) * 17.7%) 89.8%) 1.2px,transparent 1.2px) 0 0 / 18px 18px,hsl(var(--th) calc(var(--ts) * 30%) 97.8%);padding:14px}.canvas-frame{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.studio-canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0 16px 40px hsl(var(--th) calc(var(--ts) * 19.7%) 41.7% / 0.231);touch-action:none;cursor:grab}.studio-canvas:active{cursor:grabbing}.canvas-caption{font-size:12px;color:hsl(var(--th) calc(var(--ts) * 14.1%) 44.1%);line-height:1;padding:6px}.ws-properties h3{margin:5px 0 10px}.props-actions{display:flex;gap:6px;flex-wrap:wrap}.props-actions button{padding:8px;font-size:12px}.separator{height:1px;background:hsl(var(--th) calc(var(--ts) * 21.9%) 89.6%);margin:14px 0}.toast{position:fixed;z-index:500;left:50%;bottom:21px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:hsl(var(--th) calc(var(--ts) * 14.2%) 29.8%);color:white;border-radius:30px;padding:11px 20px;box-shadow:0 10px 30px hsl(var(--th) calc(var(--ts) * 23.4%) 33.7% / 0.439);transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-bg{position:fixed;z-index:600;inset:0;background:hsl(var(--th) calc(var(--ts) * 23.3%) 18.2% / 0.471);display:grid;place-items:center;padding:16px}.modal{background:#fff;border-radius:24px;max-width:480px;width:100%;max-height:90vh;overflow:auto;padding:24px;box-shadow:0 14px 65px hsl(var(--th) calc(var(--ts) * 17.7%) 20.5% / 0.42)}.modal h2{margin:2px 0 10px}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}.preset-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.size-preset{border:1px solid hsl(var(--th) calc(var(--ts) * 18.5%) 84%);background:#fff8fa;border-radius:14px;padding:12px;text-align:left}.size-preset b{display:block}.size-preset span{font-size:12px;color:hsl(var(--th) calc(var(--ts) * 13.7%) 46.6%)}.footer-tip{text-align:center;padding:14px;font-size:12px;color:hsl(var(--th) calc(var(--ts) * 13.1%) 49.6%)}.hint-tag{font-size:11px;background:hsl(var(--th) calc(var(--ts) * 30%) 97.6%);border-radius:99px;padding:7px 9px;display:inline-block}.project-action{display:flex;gap:8px;flex-wrap:wrap}.project-action button{font-size:12px;padding:6px 9px}.subtitle{font-size:12px;color:hsl(var(--th) calc(var(--ts) * 17.8%) 48.3%)}.ws-mobile-tool-label{display:none}.status{color:hsl(var(--th) calc(var(--ts) * 12.2%) 42.5%);font-size:12px}.color-picker-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crop-preview{height:180px;display:grid;place-items:center;background:repeating-conic-gradient(hsl(var(--th) calc(var(--ts) * 15%) 96.1%) 0 25%,#fff 0 50%) 50% / 18px 18px}.crop-preview img{max-height:100%;max-width:100%;object-fit:contain}.mobile-footer{display:none}
@media(max-width:1180px){.ws-body{grid-template-columns:245px minmax(0,1fr) 196px}.tool-tabs{grid-template-columns:repeat(4,1fr)}.mode-card{padding:18px}.header-link{font-size:12px;padding:8px 9px}}
@media(max-width:850px){.ws-body{grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:minmax(270px,1fr) auto}.ws-canvas-shell{grid-column:1/-1;grid-row:1;min-height:280px}.ws-tools{grid-row:2;grid-column:1;max-height:310px}.ws-properties{grid-row:2;grid-column:2;max-height:310px}.workspace{height:auto;min-height:calc(100dvh - 76px)}.ws-canvas-shell{height:min(60dvh,530px)}.main-choices{gap:12px}.mode-card{min-height:210px}.mode-icon{font-size:38px}}
@media(max-width:610px){.header{height:auto;min-height:76px;align-items:flex-start;flex-wrap:wrap;padding:7px 12px 10px}.brand{font-size:17px}.brand img{width:42px;height:42px}.brand small{font-size:10px}.header-right{width:100%;justify-content:space-between}.header-link{flex:1;font-size:11px;padding:7px 5px;white-space:nowrap}.home{padding:10px 12px 40px}.home-hero{grid-template-columns:1fr auto;min-height:260px;padding:18px}.hero-copy h1{font-size:27px}.hero-copy p{font-size:13px}.hero-art{width:125px;height:220px}.home-hero .eyebrow{font-size:10px;letter-spacing:1px}.main-choices{grid-template-columns:1fr;gap:10px;margin-top:13px}.mode-card{min-height:0;padding:13px 17px;display:grid;grid-template-columns:70px 1fr;align-items:center;column-gap:10px}.mode-icon{grid-row:1/4;margin:0;font-size:43px}.mode-card h2{font-size:21px;margin:0}.mode-card p{margin:4px 0;font-size:12px}.card-enter{margin:4px 0;font-size:12px}.home-lower{margin:22px 0 12px}.workspace{padding:0 7px 12px;gap:6px;min-height:calc(100dvh - 110px)}.ws-head{padding:9px 10px;gap:6px;border-radius:14px}.ws-identity strong{font-size:14px}.ws-identity small{font-size:10px}.ws-buttons{gap:4px}.ws-buttons .btn{padding:6px 9px;font-size:11px;border-radius:9px}.ws-body{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto;gap:6px}.ws-canvas-shell{grid-column:1;grid-row:1;height:min(51dvh,450px);padding:7px;border-radius:14px}.ws-tools,.ws-properties{grid-column:1;grid-row:auto;max-height:290px;border-radius:15px}.ws-tools{order:2}.ws-properties{order:3}.ws-mobile-tool-label{display:block}.sticker-grid{grid-template-columns:repeat(4,1fr)}.sticker-tile{height:74px}.tool-tabs{grid-template-columns:repeat(4,1fr)}.canvas-caption{font-size:10px}.projects-grid{grid-template-columns:1fr 1fr}.project-thumb{height:120px}.project-card h3{font-size:13px}.modal{padding:17px}}

/* CREATIVE KIT Clip Art library */
.clip-cat-title{font-size:13px;color:hsl(var(--th) calc(var(--ts) * 45%) 33.3%);font-weight:700;margin:13px 0 7px;letter-spacing:.15px}
.kit-category-scroll{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px;max-height:120px;overflow-y:auto;align-content:flex-start;padding:3px 2px;background:#fffafd;border-radius:13px}
.kit-category-scroll .pill{font-size:11px;padding:6px 8px}
.kit-count{background:#fff;border-radius:6px;padding:1px 4px;font-size:10px;color:hsl(var(--th) calc(var(--ts) * 18.8%) 43.1%)}
.kit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}
.kit-tile{min-width:0;min-height:86px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid hsl(var(--th) calc(var(--ts) * 20%) 90.4%);border-radius:12px;background:#fff9fc}
.kit-tile:hover{background:hsl(var(--th) calc(var(--ts) * 30%) 96.1%);border-color:hsl(var(--th) calc(var(--ts) * 31.6%) 82.9%)}
.kit-tile img{display:block;max-width:100%;width:100%;height:57px;object-fit:contain}
.kit-tile small{font:10px 'Trebuchet MS',sans-serif;color:hsl(var(--th) calc(var(--ts) * 13.8%) 45%);white-space:nowrap;max-width:98%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:610px){.kit-category-scroll{max-height:110px}.kit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kit-tile{min-height:79px}.kit-tile img{height:50px}}

/* V5 mobile-first MiniNote-inspired My Little Cashier home */
body:has(.mini-home){background-color:hsl(42 55% 98%);background-image:linear-gradient(hsl(42 38.4% 85.7% / 0.298) 1px,transparent 1px),linear-gradient(90deg,hsl(42 38.4% 85.7% / 0.298) 1px,transparent 1px);background-size:25px 25px}
body:has(.mini-home) .header{max-width:540px;margin:auto;height:64px;padding:7px 18px}
body:has(.mini-home) .header .brand{font-size:15px}
body:has(.mini-home) .header .brand img{width:42px;height:42px}
body:has(.mini-home) .header-right{display:none}
.mini-home{max-width:540px;margin:auto;padding:6px 18px 102px;color:hsl(var(--th) calc(var(--ts) * 9.5%) 24.8%)}
.mini-home button{font-family:inherit;-webkit-tap-highlight-color:transparent}
.mini-welcome{display:flex;justify-content:space-between;align-items:center;min-height:47px;gap:10px}
.join-title{font-size:19px;position:relative;white-space:nowrap}.tiny-label{font-size:9px;color:white;background:hsl(var(--th) calc(var(--ts) * 62.3%) 26%);border-radius:8px;padding:1px 6px;position:absolute;top:-8px;left:3px;transform:rotate(-6deg)}.chevrons{color:hsl(42 11.4% 60.2%)}
.welcome-icons{display:flex;gap:8px}.welcome-icons button{background:hsl(42 55% 97.8%);border:1.5px solid hsl(42 53.6% 81%);border-radius:50%;width:36px;height:36px;font-size:20px}
.mini-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0 17px}
.mini-shortcuts button{aspect-ratio:1/1;border:2px solid hsl(42 58.9% 85.1%);border-radius:19px;background:#fffdf8;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:9px 3px;font-size:clamp(12px,2.8vw,17px);box-shadow:0 3px 0 hsl(42 60.4% 90.4%);color:hsl(var(--th) calc(var(--ts) * 10.7%) 24.2%)}
.short-icon{color:hsl(42 35.1% 53.9%);font-size:clamp(23px,5vw,32px);line-height:1.1;text-shadow:1px 2px 0 hsl(42 64.3% 90%)}
.start-strip{display:grid;grid-template-columns:2.25fr 1fr;gap:8px;background:hsl(42 80% 83.9%);border:2px solid hsl(42 69.9% 65.9%);border-radius:20px;padding:7px;box-shadow:0 4px 0 hsl(42 70.5% 70.4%);margin-bottom:34px}
.start-strip button{background:hsl(42 80% 89%);border:2px dashed hsl(42 64.3% 63.9%);border-radius:13px;min-height:98px;display:flex;align-items:center;justify-content:center;gap:9px;color:hsl(var(--th) calc(var(--ts) * 15.6%) 23.4%)}
.start-main{text-align:left}.start-main strong{display:block;font-size:clamp(18px,4vw,25px);font-weight:500;white-space:nowrap}.start-main small{display:block;font-size:11px;color:hsl(42 23.9% 51.4%);margin-top:4px}.start-mascot{font-size:40px}.start-arrow{font-size:25px;margin-left:auto;margin-right:8px;color:hsl(42 40.9% 58.2%)}
.start-strip .start-template{flex-direction:column;gap:4px;font-size:16px}.start-template>span{font-size:29px}
.mini-section{margin-bottom:27px}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.section-bar h2{font-size:23px;font-weight:500;margin:0}.soft-note{font-size:12px;color:hsl(var(--th) calc(var(--ts) * 19.1%) 52.2%)}
.fun-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fun-card{min-height:127px;border:2px solid;border-radius:19px;position:relative;display:flex;flex-direction:column;align-items:center;padding:5px 4px 7px;background:#fffaf8;overflow:hidden;box-shadow:0 3px 0 hsl(42 56.6% 92%)}.fun-card.pink{border-color:hsl(var(--th) calc(var(--ts) * 32.9%) 78.8%)}.fun-card.aqua{border-color:hsl(var(--th) calc(var(--ts) * 45%) 27.1%)}.fun-card.latte{border-color:hsl(42 47.5% 76.9%)}.fun-picture{height:78px;display:grid;place-items:center;width:100%;font-size:30px;position:relative}.fun-picture img{height:76px;max-width:96%;object-fit:contain}.photo-picture img,.diary-picture img{position:absolute;right:0;height:75px;bottom:0}.fun-caption{padding:5px 7px;border-radius:13px;background:hsl(var(--th) calc(var(--ts) * 30%) 93.9%);font-size:clamp(12px,2.7vw,16px);line-height:1.05;min-height:35px;width:100%;display:grid;place-items:center}.aqua .fun-caption{background:hsl(var(--th) calc(var(--ts) * 27.1%) 89.8%)}.latte .fun-caption{background:hsl(42 42% 88.4%)}
.library-actions{display:flex;gap:7px;align-items:center}.library-actions button{background:#fffdf8;border:2px solid hsl(42 15.4% 80.6%);color:hsl(var(--th) calc(var(--ts) * 7.6%) 43%)}.sort-notes{border-radius:50%;height:36px;width:36px;font-size:22px}.add-group{border-radius:18px;padding:7px 12px;white-space:nowrap;font-size:14px}.notebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mini-notebook{min-height:235px;position:relative;display:block;text-align:left;border-radius:17px;background:linear-gradient(135deg,hsl(var(--th) calc(var(--ts) * 30%) 94.7%),hsl(42 80% 92.2%));border:2px solid hsl(42 22.1% 79.4%);overflow:hidden;padding:0;box-shadow:0 4px 0 hsl(42 32.5% 87.5%)}.notebook-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:225px;border:0;border-radius:14px;background:linear-gradient(hsl(42 55% 94.3% / 0.502),hsl(var(--th) calc(var(--ts) * 30.2%) 86.1% / 0.29)),var(--cover) center / cover,var(--paper);position:relative}.cover-ribbon{font-size:11px;color:hsl(var(--th) calc(var(--ts) * 17.3%) 46.6%);background:hsl(42 55% 96.5% / 0.788);padding:6px;border-radius:12px}.cover-emblem{font-size:60px;filter:drop-shadow(0 3px 0 #fff)}.cover-hint{font-size:12px;color:hsl(var(--th) calc(var(--ts) * 17%) 45.5%)}.notebook-tag{margin:-58px 6px 8px;min-height:62px;position:relative;z-index:2;background:#fffdf9ef;border:2px dashed hsl(42 13.8% 77.3%);border-radius:11px;display:flex;justify-content:space-between;align-items:center;gap:4px;padding:7px}.notebook-tag strong{font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;max-width:130px;white-space:nowrap}.notebook-tag small{display:block;font-size:10px;margin-top:3px}.notebook-actions{display:flex;gap:2px}.notebook-actions button{width:27px;height:27px;border:0;background:hsl(var(--th) calc(var(--ts) * 30%) 98.2%);border-radius:8px;font-size:18px}.empty-notebook{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;background:linear-gradient(140deg,hsl(42 80% 90.6%),hsl(var(--th) calc(var(--ts) * 42%) 91.2%))}.empty-notebook.second{background:linear-gradient(145deg,hsl(42 80% 87.6%),hsl(var(--th) calc(var(--ts) * 23.3%) 94.7%))}.empty-art{font-size:68px}.empty-notebook strong{font-size:21px}.empty-notebook small{font-size:12px;color:hsl(var(--th) calc(var(--ts) * 14.6%) 47.7%)}.library-tip{text-align:center;color:hsl(var(--th) calc(var(--ts) * 12.4%) 48.8%);font-size:11px;margin-top:16px}
.mini-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);height:75px;padding-bottom:env(safe-area-inset-bottom);background:#fffdf9;display:grid;grid-template-columns:repeat(4,1fr);border:2px solid hsl(42 58.9% 85.1%);border-radius:25px 25px 0 0;z-index:80;box-shadow:0 -6px 24px hsl(42 26.4% 59% / 0.322)}.mini-bottom-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;border:0;background:transparent;color:hsl(42 7.6% 60.6%);font-size:12px}.mini-bottom-nav button span{font-size:28px;line-height:1}.mini-bottom-nav button.active{color:hsl(42 31% 48.6%)}
.choose-mode-grid{display:grid;gap:9px;margin-top:15px}.choose-mode{display:grid;grid-template-columns:44px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:10px 13px;border:1.5px solid hsl(var(--th) calc(var(--ts) * 24.7%) 85.4%);background:hsl(42 55% 97.8%);border-radius:15px}.choose-mode span{grid-row:1/3;font-size:27px}.choose-mode strong{font-size:18px}.choose-mode small{font-size:12px}
@media(min-width:780px){body:has(.mini-home) .header, .mini-home{max-width:760px}.mini-home{padding:8px 30px 100px}.mini-bottom-nav{width:min(100%,760px)}.notebook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-shortcuts{gap:18px}.fun-cards{gap:20px}.fun-card{min-height:160px}.fun-picture{height:108px}.fun-picture img,.photo-picture img,.diary-picture img{height:100px}.notebook-cover{height:245px}}
@media(max-width:400px){.mini-home{padding-inline:12px}.join-title{font-size:16px}.mini-shortcuts{gap:6px}.start-main strong{font-size:17px}.start-mascot{font-size:30px}.start-arrow{margin-right:2px}.start-main small{font-size:9px}.soft-note{display:none}.fun-cards{gap:8px}.notebook-grid{gap:10px}.notebook-tag strong{max-width:108px;font-size:13px}}

/* V6: prevent legacy home-lower flex styles from squeezing notebook columns */
.mini-home .mini-library.home-lower{display:block !important;width:100%;min-width:0;max-width:100%;margin:30px 0 22px;align-items:initial;justify-content:initial}
.mini-home .mini-library .section-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;margin-bottom:14px}
.mini-home .mini-library .section-bar h2{font-size:clamp(18px,4.6vw,23px);white-space:nowrap}
.mini-home .notebook-grid{display:grid !important;width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.mini-home .mini-notebook{display:block !important;min-width:0;min-height:0;height:auto;overflow:visible;background:transparent;box-shadow:none;border:0;border-radius:16px;text-align:center}
.mini-home .notebook-cover{width:100%;height:auto;aspect-ratio:1087/1447;display:block;position:relative;overflow:hidden;border:0;padding:0;border-radius:16px;background:transparent;box-shadow:0 4px 11px hsl(var(--th) calc(var(--ts) * 17.3%) 53.5% / 0.267)}
.mini-home .notebook-illustration{display:block;width:100%;height:100%;object-fit:contain;filter:none;pointer-events:none}

.mini-home .notebook-media{position:relative;display:block;width:100%;height:100%}
.mini-home .notebook-dangle{position:absolute;transform:translate(-50%,-50%);height:auto;pointer-events:none;filter:drop-shadow(0 8px 8px rgba(92,54,31,.22))}
.cover-colour-preview .notebook-media{position:relative;display:block;width:100%;height:100%}
.cover-colour-preview .notebook-dangle{position:absolute;transform:translate(-50%,-50%);height:auto;pointer-events:none}
.special-cover-preview{background:linear-gradient(145deg,#fff8f2,#fbe7eb)}
.dangle-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dangle-choice-grid-many{grid-template-columns:repeat(3,minmax(0,1fr))}
.dangle-preview{display:grid;place-items:center;min-height:120px;background:linear-gradient(145deg,#fffaf6,#fff1f5)}
.dangle-preview img{display:block;width:72%;max-height:108px;object-fit:contain}
.dangle-none{font-size:13px;color:hsl(var(--th) calc(var(--ts) * 14%) 46%);padding:8px 10px;border:1.5px dashed hsl(var(--th) calc(var(--ts) * 20%) 80%);border-radius:12px;background:#fff}
.cover-live-wrap{margin-top:12px;padding:12px;border:1.5px solid hsl(var(--th) calc(var(--ts) * 16%) 86%);border-radius:16px;background:linear-gradient(180deg,#fffdfb,#fff6f7)}
.cover-live-preview{display:flex;justify-content:center;margin:10px 0 12px}
.cover-live-card{position:relative;width:min(250px,72vw);aspect-ratio:1087/1447;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#fff9f9,hsl(42 55% 97.8%));border:2px solid hsl(var(--th) calc(var(--ts) * 15.8%) 86.7%);box-shadow:0 6px 18px hsl(var(--th) calc(var(--ts) * 18%) 44% / 0.12)}
.cover-live-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.cover-live-dangle{position:absolute;transform:translate(-50%,-50%);height:auto;cursor:grab;touch-action:none;filter:drop-shadow(0 8px 8px rgba(92,54,31,.22));user-select:none}
.cover-live-dangle:active{cursor:grabbing}
.modal-actions-tight{justify-content:flex-start;margin:6px 0 0}
@media(max-width:560px){.dangle-choice-grid-many{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-live-card{width:min(230px,84vw)}}

.mini-home .notebook-name{position:absolute;left:22%;width:50%;top:64.4%;height:13%;border-radius:10px;background:hsl(42 55% 93.5%);box-shadow:0 0 0 2px hsl(42 55% 93.5% / 0.314),inset 0 0 12px hsl(42 55% 96.5%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 5px;overflow:hidden;color:hsl(var(--th) calc(var(--ts) * 25.8%) 30.1%);line-height:1.09}
 .mini-home .notebook-name strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:normal;font-size:clamp(12px,3vw,18px);max-width:100%;font-weight:700}
.mini-home .notebook-name small{display:block;font-size:clamp(8px,1.7vw,11px);margin-top:4px;color:hsl(var(--th) calc(var(--ts) * 21.5%) 43.9%)}
.mini-home .notebook-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;min-height:32px}
.mini-home .notebook-controls button{border:1.5px solid hsl(var(--th) calc(var(--ts) * 19.4%) 83.4%);background:hsl(var(--th) calc(var(--ts) * 30%) 98.4%);color:hsl(var(--th) calc(var(--ts) * 21.2%) 39.4%);border-radius:12px;padding:5px 10px;font-size:clamp(11px,2.5vw,14px);white-space:nowrap;cursor:pointer}
.mini-home .notebook-empty .notebook-cover{box-shadow:0 3px 10px hsl(var(--th) calc(var(--ts) * 24.3%) 84.8% / 0.467)}
.mini-home .library-tip{clear:both;margin-top:16px;font-size:11px;text-align:center;max-width:100%}
/* V7: The colour picker previews the actual artwork, not an unrelated circle. */
.cover-colour-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:15px 0 6px}
.cover-colour-choice{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;min-width:0;font-size:12px;color:hsl(var(--th) calc(var(--ts) * 12.2%) 37.5%)}
.cover-colour-choice input{position:absolute;opacity:0;width:1px;height:1px}
.cover-colour-preview{display:grid;place-items:center;width:100%;min-height:0;aspect-ratio:1087/1447;border-radius:9px;background:linear-gradient(145deg,#fff9f9,hsl(42 55% 97.8%));border:2px solid hsl(var(--th) calc(var(--ts) * 15.8%) 86.7%);padding:2px;box-shadow:0 2px 5px hsl(var(--th) calc(var(--ts) * 15.3%) 37% / 0.082);transition:box-shadow .15s,border-color .15s,transform .15s}
.cover-colour-preview img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.cover-colour-choice input:checked+.cover-colour-preview{border-color:hsl(var(--th) calc(var(--ts) * 45%) 29.4%);box-shadow:0 0 0 2px hsl(var(--th) calc(var(--ts) * 32.6%) 83%),0 3px 9px hsl(var(--th) calc(var(--ts) * 15.3%) 37% / 0.133);transform:translateY(-2px)}
.cover-colour-choice input:focus-visible+.cover-colour-preview{outline:3px solid hsl(var(--th) calc(var(--ts) * 26%) 39.8%);outline-offset:3px}
.cover-colour-choice input:checked~.cover-colour-label{font-weight:700;color:hsl(var(--th) calc(var(--ts) * 45%) 37.8%)}
.cover-colour-label{font-size:clamp(10px,2.5vw,12px);line-height:1.2}
.cover-colour-hint{font-size:11px;text-align:center;color:hsl(var(--th) calc(var(--ts) * 15.9%) 44.5%);margin:4px 0 15px}
@media(min-width:780px){.mini-home .notebook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}}
@media(max-width:380px){.mini-home .mini-library .section-bar{gap:5px}.mini-home .mini-library .library-actions button{font-size:12px}.mini-home .notebook-grid{gap:10px}.mini-home .notebook-name{top:64.4%;height:13%}.mini-home .notebook-name strong{font-size:12px}}

/* ===================================================================
   V8 · REAL-APP LAYOUT + CUTE SVG ICONS
   Phone-style editor: slim top bar, big canvas, bottom sheet, tool dock.
   =================================================================== */
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ic{pointer-events:none}
#toast{position:fixed;z-index:900;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,16px);opacity:0;pointer-events:none;background:hsl(var(--th) calc(var(--ts) * 14.2%) 29.8%);color:#fff;border-radius:30px;padding:11px 20px;box-shadow:0 10px 30px hsl(var(--th) calc(var(--ts) * 23.4%) 33.7% / 0.439);transition:opacity .18s,transform .18s;max-width:min(92vw,460px);text-align:center;font-size:14px;line-height:1.35}
#toast.show{opacity:1;transform:translate(-50%,0)}
body:has(.studio-app) #toast{bottom:calc(84px + env(safe-area-inset-bottom))}

/* ---------- home icon polish ---------- */
.mini-home .short-icon{display:grid;place-items:center;text-shadow:none}
.mini-home .short-icon .ic{filter:drop-shadow(0 2px 0 #fff5);transition:transform .15s}
.mini-shortcuts button:active .ic,.start-strip button:active .ic{transform:scale(.9) rotate(-4deg)}
.join-title{display:flex;align-items:center;gap:6px}.join-title .ic{margin-top:-2px}.chevrons{display:inline-grid;place-items:center;opacity:.7}
.welcome-icons button{display:grid;place-items:center;padding:0}
.start-mascot{display:grid;place-items:center;font-size:0}.start-arrow{display:grid;place-items:center;font-size:0}
.start-template>span{display:grid;place-items:center;font-size:0}
.soft-note{display:inline-flex;align-items:center;gap:4px}
.fun-picture{font-size:0}
.fun-picture>.ic{position:absolute;left:14%;top:50%;transform:translateY(-50%)}
.library-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0}.add-group{padding:7px 12px !important}
.mini-bottom-nav button{gap:3px;position:relative}
.mini-bottom-nav button span{display:grid;place-items:center;width:46px;height:34px;border-radius:15px;font-size:0 !important;transition:background .15s}
.mini-bottom-nav button .ic{opacity:.72;filter:saturate(.7);transition:transform .18s,opacity .18s,filter .18s}
.mini-bottom-nav button.active span{background:hsl(var(--th) calc(var(--ts) * 30%) 94.5%)}
.mini-bottom-nav button.active .ic{opacity:1;filter:none;transform:translateY(-1px) scale(1.06)}
.mini-bottom-nav button:active .ic{transform:scale(.88)}
.mini-home .notebook-controls button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.mini-home .notebook-controls button.nb-open{padding:5px 8px}

/* ---------- dialogs become bottom sheets on phones ---------- */
.modal-bg{z-index:800;background:hsl(var(--th) calc(var(--ts) * 23.3%) 18.2% / 0.431);align-items:end;padding:0;backdrop-filter:blur(2px)}
.modal{background:#fffdf9;border:2px solid hsl(42 58.9% 85.1%);border-bottom:0;border-radius:28px 28px 0 0;max-width:640px;max-height:88dvh;padding:22px 18px calc(18px + env(safe-area-inset-bottom));animation:sheetUp .22s ease-out;box-shadow:0 -10px 40px hsl(var(--th) calc(var(--ts) * 17.7%) 20.5% / 0.302)}
.modal h2{display:flex;align-items:center;gap:9px;font-size:23px;margin:0 0 8px}
.modal-actions{flex-wrap:wrap}
.modal-actions .btn{display:inline-flex;align-items:center;gap:7px;justify-content:center}
@media(min-width:700px){.modal-bg{align-items:center;padding:20px}.modal{border-radius:28px;border-bottom:2px solid hsl(42 58.9% 85.1%);padding-bottom:22px;max-width:520px}}
@keyframes sheetUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.choose-mode{grid-template-columns:52px 1fr;padding:11px 14px;border:2px solid hsl(42 58.9% 85.1%);background:hsl(42 55% 97.5%);border-radius:18px;box-shadow:0 3px 0 hsl(42 52.8% 89.6%);min-height:64px}
.choose-mode:active{transform:translateY(2px);box-shadow:none}
.choose-mode>span{display:grid;place-items:center;font-size:0}
.choose-mode strong{font-size:19px}
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center}
.btn svg{flex:none}
.btn.primary{border:2px solid #fff;box-shadow:0 4px 0 hsl(var(--th) calc(var(--ts) * 45%) 31.7%)}
.btn.primary .ic{filter:drop-shadow(0 1px 0 #fff8)}
.template-card{border:2px solid hsl(42 58.9% 85.1%);background:#fffdf9;border-radius:18px;padding:12px 10px;min-height:92px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;box-shadow:0 3px 0 hsl(42 52.8% 89.6%)}
.template-card:active{transform:translateY(2px);box-shadow:none}
.template-card.active{border-color:hsl(var(--th) calc(var(--ts) * 32.9%) 78.8%);background:hsl(var(--th) calc(var(--ts) * 30%) 95.9%);box-shadow:0 3px 0 hsl(var(--th) calc(var(--ts) * 32.8%) 86.1%)}
.tc-ico{display:grid;place-items:center;width:46px;height:42px;border-radius:14px;background:hsl(42 55% 94.7%);margin-bottom:4px}
.template-card.active .tc-ico{background:hsl(var(--th) calc(var(--ts) * 42%) 90.8%)}
.tape-swatch{display:block;width:100%;height:24px;border-radius:6px;border:2px dashed;margin-bottom:8px}

/* ======================= THE APP-STYLE EDITOR ======================= */
body:has(.studio-app){background-color:hsl(42 55% 98%);background-image:linear-gradient(hsl(42 38.4% 85.7% / 0.298) 1px,transparent 1px),linear-gradient(90deg,hsl(42 38.4% 85.7% / 0.298) 1px,transparent 1px);background-size:25px 25px;overflow:hidden;overscroll-behavior:none}
body:has(.studio-app) .header{display:none}
body:has(.studio-app) .app{max-width:none;min-height:0}
.studio-app{position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,700px);height:100vh;height:100dvh;display:flex;flex-direction:column;background:hsl(42 55% 98% / 0.851);border-inline:2px solid hsl(42 58.9% 85.1% / 0.4);box-shadow:0 0 60px hsl(42 35% 61% / 0.133);color:hsl(var(--th) calc(var(--ts) * 15.6%) 23.4%);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}
.studio-app input,.studio-app textarea,.studio-app select{-webkit-user-select:text;user-select:text}
@media(max-width:700px){.studio-app{border-inline:0;box-shadow:none}}

.ed-top{display:flex;align-items:center;gap:7px;padding:calc(env(safe-area-inset-top) + 8px) 10px 8px;background:#fffdf9;border-bottom:2px dashed hsl(var(--th) calc(var(--ts) * 24.1%) 86.7%);flex:none}
.ed-icon{width:42px;height:42px;flex:none;border-radius:15px;border:2px solid hsl(42 51.3% 84.7%);background:#fffdf8;box-shadow:0 3px 0 hsl(42 55.8% 89.6%);display:grid;place-items:center;padding:0;transition:transform .08s,box-shadow .08s}
.ed-icon:active{transform:translateY(3px);box-shadow:none}
.ed-icon.sm{width:38px;height:38px;border-radius:13px}
.ed-icon[disabled]{opacity:.4}
.ed-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;padding:0 2px}
.ed-mode{display:flex;align-items:center;gap:4px;font-size:11px;color:hsl(var(--th) calc(var(--ts) * 45%) 32%);letter-spacing:.3px;white-space:nowrap}
.ed-title input{font:700 17px/1.15 CuteChalk,"Trebuchet MS",sans-serif;color:hsl(var(--th) calc(var(--ts) * 16.2%) 27.6%);border:0;border-bottom:1.5px dashed transparent;background:transparent;width:100%;min-width:0;padding:1px 0;text-overflow:ellipsis;border-radius:0}
.ed-title input:focus{outline:0;border-bottom-color:hsl(var(--th) calc(var(--ts) * 51.4%) 24.9%)}
.ed-status{display:flex;align-items:center;gap:3px;font-size:10px;color:hsl(var(--th) calc(var(--ts) * 11.8%) 47.2%);white-space:nowrap}
.ed-save{flex:none;height:42px;padding:0 14px 0 10px;display:flex;align-items:center;gap:5px;background:hsl(42 80% 83.9%);border:2px solid hsl(42 69.9% 65.9%);border-radius:15px;box-shadow:0 3px 0 hsl(42 66.7% 64.5%);font-size:15px;color:hsl(var(--th) calc(var(--ts) * 15.6%) 23.4%);font-weight:700;transition:transform .08s,box-shadow .08s}
.ed-save:active{transform:translateY(3px);box-shadow:none}
@media(max-width:370px){.ed-save span{display:none}.ed-save{padding:0 10px}}

.ed-stage{position:relative;flex:1;min-height:0}
.ed-canvas-wrap{position:absolute;left:12px;right:12px;top:10px;bottom:58px;display:grid;place-items:center;min-height:0}
.studio-app .studio-canvas{display:block;max-width:none;max-height:none;width:auto;height:auto;border-radius:6px;background:#fff;box-shadow:0 0 0 1px hsl(var(--th) calc(var(--ts) * 20.3%) 87.3%),0 10px 26px hsl(var(--th) calc(var(--ts) * 19.7%) 41.7% / 0.2),0 2px 0 #fff;touch-action:none;cursor:grab}
.ed-strip{position:absolute;left:0;right:0;bottom:8px;height:44px;display:flex;justify-content:center;align-items:center;padding:0 10px;pointer-events:none}
.ed-strip>*{pointer-events:auto}
.size-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px 0 9px;border-radius:99px;border:2px solid hsl(42 58.9% 85.1%);background:#fffdf9;font-size:12.5px;color:hsl(var(--th) calc(var(--ts) * 14.9%) 37.2%);box-shadow:0 2px 0 hsl(42 52.8% 89.6%)}
.size-chip:active{transform:translateY(2px);box-shadow:none}
.sel-bar{display:none;align-items:center;gap:2px;padding:4px;background:#fffdf9;border:2px solid hsl(42 58.9% 85.1%);border-radius:22px;box-shadow:0 4px 0 hsl(42 46.1% 87.1%),0 10px 22px hsl(42 26.4% 59% / 0.2);animation:sheetUp .16s ease-out}
.ed-strip[data-sel="1"] .sel-bar{display:flex}
.ed-strip[data-sel="1"] .size-chip{display:none}
.sel-btn{width:38px;height:38px;border:0;border-radius:14px;background:transparent;display:grid;place-items:center;padding:0}
.sel-btn:active{background:hsl(var(--th) calc(var(--ts) * 30%) 94.5%)}
.sel-btn.primary{width:auto;padding:0 12px 0 9px;display:flex;align-items:center;gap:5px;background:hsl(var(--th) calc(var(--ts) * 30%) 94.5%);color:hsl(var(--th) calc(var(--ts) * 45%) 36.4%);font-size:13px;font-weight:700;margin-right:3px;box-shadow:inset 0 0 0 2px hsl(var(--th) calc(var(--ts) * 32.6%) 83%)}
@media(max-width:360px){.sel-btn{width:34px}.sel-btn.primary span{display:none}}

/* ---- bottom sheet ---- */
.ed-sheet{display:none;flex:none;flex-direction:column;height:clamp(240px,37dvh,400px);background:#fffdf9;border:2px solid hsl(42 58.9% 85.1%);border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -8px 26px hsl(42 26.4% 59% / 0.251);position:relative;z-index:3;animation:sheetUp .2s ease-out}
.studio-app[data-sheet="tools"] .ed-sheet,.studio-app[data-sheet="props"] .ed-sheet{display:flex}
.sheet-head{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 12px 6px 16px}
.sheet-grab{position:absolute;top:6px;left:50%;width:42px;height:5px;margin-left:-21px;border-radius:9px;background:hsl(42 43.9% 86.1%)}
.sheet-head h3{margin:0;font-size:19px;display:flex;align-items:center;gap:8px;color:hsl(var(--th) calc(var(--ts) * 16.2%) 27.6%)}
.sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 14px 18px}
.sheet-body .tool-help{margin:0 0 10px;font-size:13px;color:hsl(var(--th) calc(var(--ts) * 12.3%) 42.8%);line-height:1.45}
.sheet-body .tool-title{display:none}

/* ---- tool dock ---- */
.ed-dock{flex:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fffdf9;border-top:2px solid hsl(42 58.9% 85.1%);position:relative;z-index:4}
.studio-app[data-sheet="closed"] .ed-dock{border-radius:24px 24px 0 0;box-shadow:0 -8px 26px hsl(42 26.4% 59% / 0.251)}
.dock-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:56px;border:2px solid transparent;border-radius:18px;background:transparent;padding:3px 0 2px;color:hsl(var(--th) calc(var(--ts) * 12.7%) 44.9%);min-width:0}
.dock-ico{display:grid;place-items:center;width:100%;height:30px;transition:transform .18s}
.dock-ico .ic{opacity:.78;filter:saturate(.75);transition:opacity .15s,filter .15s,transform .18s}
.dock-label{font-size:10.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dock-tab.active{background:hsl(var(--th) calc(var(--ts) * 30%) 94.5%);border-color:hsl(var(--th) calc(var(--ts) * 32.6%) 83%);color:hsl(var(--th) calc(var(--ts) * 45%) 36.4%)}
.dock-tab.active .ic{opacity:1;filter:none;transform:translateY(-1px) scale(1.1)}
.dock-tab:active .ic{transform:scale(.86)}
@media(max-width:360px){.dock-label{font-size:9.5px}}

/* ---- sheet content ---- */
.sheet-body .tool-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:6px}
@media(min-width:520px){.sheet-body .tool-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sheet-body .btn.wfull{justify-content:flex-start;padding:11px 14px;margin:0 0 8px;border:2px solid hsl(42 58.9% 85.1%);background:#fffdf9;box-shadow:0 3px 0 hsl(42 52.8% 89.6%);border-radius:16px;font-size:15px}
.sheet-body .btn.wfull:active{transform:translateY(2px);box-shadow:none}
.sheet-body .btn.wfull.primary{background:linear-gradient(130deg,hsl(var(--th) calc(var(--ts) * 64.9%) 26.8%),hsl(var(--th) calc(var(--ts) * 53.7%) 28.8%));border:2px solid #fff;color:#fff;box-shadow:0 4px 0 hsl(var(--th) calc(var(--ts) * 45%) 31.7%)}
.sheet-body .font-row{justify-content:space-between !important}
.sheet-body .font-row .ic{opacity:.8}
.clip-cat-title{display:flex;align-items:center;gap:6px;font-size:15px;margin:14px 0 8px;color:hsl(var(--th) calc(var(--ts) * 26.1%) 43%)}
.hscroll{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;margin:0 -14px 10px;padding:2px 14px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hscroll::-webkit-scrollbar{display:none}
.hscroll .pill{flex:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:2px solid hsl(42 58.9% 85.1%);background:#fffdf9;border-radius:99px;padding:6px 13px 6px 8px;font-size:13.5px;color:hsl(var(--th) calc(var(--ts) * 14.7%) 32.8%)}
.hscroll .pill.active{background:hsl(var(--th) calc(var(--ts) * 30%) 94.5%);border-color:hsl(var(--th) calc(var(--ts) * 32.9%) 78.8%);color:hsl(var(--th) calc(var(--ts) * 45%) 37.8%)}
.sheet-body .sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
@media(min-width:560px){.sheet-body .sticker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sheet-body .kit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.sheet-body .sticker-tile{height:auto;aspect-ratio:1;border:2px solid hsl(42 47.3% 91.4%);background:hsl(42 55% 98.2%);border-radius:16px}
.sheet-body .sticker-tile:active{background:hsl(var(--th) calc(var(--ts) * 30%) 94.5%);transform:scale(.95)}
.sheet-body .sticker-tile.emoji{font-size:32px}
.sheet-body .kit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sheet-body .kit-tile{border:2px solid hsl(42 47.3% 91.4%);border-radius:14px;background:hsl(42 55% 98.2%)}
.sheet-body .kit-tile:active{background:hsl(var(--th) calc(var(--ts) * 30%) 94.5%)}
.swatches{gap:10px;margin-bottom:6px}
.swatch{width:42px;height:42px;border-radius:14px;border:3px solid #fff;box-shadow:0 0 0 2px hsl(42 41.5% 84.5%)}
.swatch.active{box-shadow:0 0 0 3px hsl(var(--th) calc(var(--ts) * 60%) 27%)}

/* ---- adjust panel ---- */
.props-actions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:8px}
.act-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0 5px;border:2px solid hsl(42 47.3% 91.4%);border-radius:14px;background:hsl(42 55% 98.2%);min-width:0}
.act-btn small{font-size:9.5px;color:hsl(var(--th) calc(var(--ts) * 12.3%) 42.8%);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.act-btn:active{background:hsl(var(--th) calc(var(--ts) * 30%) 94.5%)}
@media(min-width:520px){.act-btn small{font-size:11px}}
.sheet-body .control{margin:10px 0}
.sheet-body .control input,.sheet-body .control select,.sheet-body .control textarea{font-size:16px;border:2px solid hsl(42 44.4% 87.6%);border-radius:14px;padding:10px 12px;background:#fffdfa;min-height:46px}
.sheet-body .control input[type=color]{width:100%;padding:4px;height:46px}
.sheet-body .control input[type=range]{padding:0;min-height:34px;height:34px;border:0;background:transparent}
.ctl-label{display:flex;justify-content:space-between;align-items:center}.ctl-label b{color:hsl(var(--th) calc(var(--ts) * 45%) 36.4%);font-weight:700}
.sheet-body .control textarea{min-height:84px}
@media(max-height:640px){.ed-sheet{height:clamp(200px,46dvh,420px)}.ed-save span{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}

/* compact horizontal tool cards */
.sheet-body .template-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:10px;row-gap:0;align-items:center;min-height:66px;padding:8px 10px;text-align:left}
.sheet-body .template-card .tc-ico,.sheet-body .template-card .tape-swatch{grid-row:1/3;grid-column:1;margin:0;width:44px}
.sheet-body .template-card .tc-ico{height:44px}
.sheet-body .template-card .tape-swatch{height:22px}
.sheet-body .template-card b{grid-column:2;grid-row:1/3;align-self:center;font-size:14px;line-height:1.15}
.sheet-body .template-card b:has(+small){grid-row:1;align-self:end}
.sheet-body .template-card small{grid-column:2;grid-row:2;align-self:start;font-size:11px;margin-top:2px}
.modal .template-card{display:flex;flex-direction:column;min-height:96px}
.sheet-head{padding-top:14px}

/* cute sliders */
.sheet-body input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;accent-color:hsl(var(--th) calc(var(--ts) * 58.7%) 25.7%)}
.sheet-body input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:9px;background:hsl(var(--th) calc(var(--ts) * 22.5%) 93.7%);box-shadow:inset 0 0 0 2px hsl(var(--th) calc(var(--ts) * 24.1%) 86.7%)}
.sheet-body input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-9px;border-radius:50%;background:hsl(var(--th) calc(var(--ts) * 68%) 24.8%);border:3px solid #fff;box-shadow:0 0 0 2px hsl(var(--th) calc(var(--ts) * 56.3%) 28.8%),0 2px 5px #0003}
.sheet-body input[type=range]::-moz-range-track{height:10px;border-radius:9px;background:hsl(var(--th) calc(var(--ts) * 22.5%) 93.7%);box-shadow:inset 0 0 0 2px hsl(var(--th) calc(var(--ts) * 24.1%) 86.7%)}
.sheet-body input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:hsl(var(--th) calc(var(--ts) * 68%) 24.8%);border:3px solid #fff;box-shadow:0 0 0 2px hsl(var(--th) calc(var(--ts) * 56.3%) 28.8%)}

.mini-home .mini-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.fun-card.planner{background:linear-gradient(135deg,#f7f7f7,hsl(var(--th) calc(var(--ts) * 30%) 97.3%))}
.fun-picture.planner-picture img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.planner-home-feature{margin:0 0 18px}.planner-home-cta{width:100%;display:flex;align-items:center;min-height:164px;padding:10px 14px;gap:10px;text-align:left;border-radius:24px;border:2.5px solid hsl(42 6.4% 82.9%);background:linear-gradient(120deg,#fffdfd,hsl(42 12.6% 96.3%) 55%,hsl(var(--th) calc(var(--ts) * 30%) 97.3%));box-shadow:0 5px 0 hsl(var(--th) calc(var(--ts) * 16%) 88%),0 9px 24px hsl(var(--th) calc(var(--ts) * 15%) 60.4% / 0.2);color:#6d5f5f;overflow:hidden}.planner-home-art{width:37%;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:20px;border:1.5px solid hsl(42 18% 90.4%);overflow:hidden}.planner-home-art img{width:100%;height:100%;object-fit:cover}.planner-home-copy{width:61%;display:flex;flex-direction:column;gap:5px}.planner-home-copy small{color:hsl(var(--th) calc(var(--ts) * 17.3%) 49.4%);font-size:10px;font-weight:800;letter-spacing:1.2px}.planner-home-copy strong{font-size:clamp(21px,5vw,30px);line-height:1.1;color:hsl(var(--th) calc(var(--ts) * 10.4%) 37.2%)}.planner-home-copy em{font-style:normal;font-size:12px;line-height:1.5;color:#7f6f73}.planner-play-label{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;background:hsl(42 55% 97.6%);border:1.5px solid hsl(var(--th) calc(var(--ts) * 19.7%) 85.1%);border-radius:99px;padding:6px 10px;font-size:13px;font-weight:800;color:hsl(var(--th) calc(var(--ts) * 16.5%) 40.2%);margin-top:5px}
.planner-notebook img{object-fit:cover;border-radius:18px}.mini-home .planner-notebook .notebook-name{top:76%;background:hsl(var(--th) calc(var(--ts) * 30%) 98.4% / 0.918)}
.planner-stage-top{position:absolute;z-index:2;top:8px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#8a7b7b}.planner-stage-top button{pointer-events:auto;display:flex;gap:5px;align-items:center;background:#fffafb;border:1.5px solid hsl(var(--th) calc(var(--ts) * 13.9%) 84.1%);border-radius:99px;color:hsl(var(--th) calc(var(--ts) * 12.2%) 38.6%);padding:6px 10px;font-size:12px;font-weight:700}
.ed-canvas-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:hsl(var(--th) calc(var(--ts) * 26.2%) 82.1%) hsl(var(--th) calc(var(--ts) * 30%) 98%)}.ed-canvas-wrap::-webkit-scrollbar{height:10px;width:10px}.ed-canvas-wrap::-webkit-scrollbar-thumb{background:hsl(var(--th) calc(var(--ts) * 26.2%) 82.1%);border-radius:20px;border:2px solid hsl(var(--th) calc(var(--ts) * 30%) 98%)}.ed-canvas-wrap::-webkit-scrollbar-track{background:hsl(var(--th) calc(var(--ts) * 30%) 98%);border-radius:20px}
.zoom-bar{display:flex;align-items:center;gap:6px;margin-left:8px}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;border-radius:14px;border:2px solid hsl(var(--th) calc(var(--ts) * 19.9%) 87.5%);background:#fff9fc;color:hsl(var(--th) calc(var(--ts) * 19.3%) 38.4%);font-weight:800;box-shadow:0 3px 0 hsl(var(--th) calc(var(--ts) * 15.9%) 89.8%)}.zoom-btn:active{transform:translateY(2px);box-shadow:none}.zoom-readout{min-width:62px;padding:0 10px}
.ed-strip[data-sel="1"] .zoom-bar{display:flex}
.planner-studio .ed-canvas-wrap{top:42px}
@media(max-width:520px){.fun-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-home-art{width:34%}.planner-home-copy{width:64%}}

/* V12 Diary search, category labels and customizable reminders */
.diary-home-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 20px}.diary-home-tool{background:#fffdfa;border:2px solid hsl(var(--th) calc(var(--ts) * 23%) 88.3%);border-radius:20px;min-height:94px;padding:14px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:hsl(var(--th) calc(var(--ts) * 13.9%) 34.7%);box-shadow:0 4px 0 hsl(var(--th) calc(var(--ts) * 13.1%) 93.7%);text-align:left}.diary-home-tool span{font-size:27px}.diary-home-tool b{font-size:16px}.diary-home-tool small{font-size:11px}.diary-home-tool:active{transform:translateY(2px)}
.diary-hub{padding:18px max(12px,env(safe-area-inset-left));max-width:980px;margin:0 auto 75px}.diary-hub-title{margin-bottom:16px}.diary-hub-title h1{font-size:clamp(27px,6vw,40px);margin:5px 0;color:hsl(var(--th) calc(var(--ts) * 21.7%) 35.8%)}.diary-hub-title p{font-size:13px;color:hsl(var(--th) calc(var(--ts) * 11.3%) 44.5%)}.diary-search-tools,.reminder-form{border:1.5px solid hsl(var(--th) calc(var(--ts) * 22.1%) 87.1%);background:#fffbfd;border-radius:22px;padding:14px;margin-bottom:15px}.diary-search-field,.reminder-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:hsl(var(--th) calc(var(--ts) * 12.2%) 37.5%)}.diary-search-field input,.diary-search-field select,.reminder-form input,.reminder-form select{width:100%;font-size:16px;min-height:44px;padding:10px;border-radius:12px;background:white;border:1.5px solid hsl(var(--th) calc(var(--ts) * 17%) 84.2%);color:hsl(var(--th) calc(var(--ts) * 10.2%) 28.7%)}.diary-search-row,.reminder-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px}.diary-search-list,.reminder-list{display:grid;gap:10px}.diary-search-card,.reminder-card{border:1.5px solid hsl(var(--th) calc(var(--ts) * 18.7%) 88.1%);background:#fffefc;border-radius:18px;padding:14px;box-shadow:0 3px 0 hsl(var(--th) calc(var(--ts) * 17.1%) 94.5%)}.diary-search-card h3,.reminder-card h3{font-size:17px;margin:4px 0}.diary-search-card p,.reminder-card p{font-size:12px;color:hsl(var(--th) calc(var(--ts) * 10.6%) 43.5%);margin:0 0 9px;white-space:pre-wrap;overflow-wrap:anywhere}.diary-card-actions,.reminder-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.diary-hub button.hub-btn,.reminder-actions button{background:hsl(var(--th) calc(var(--ts) * 30%) 97.5%);border:1.5px solid hsl(var(--th) calc(var(--ts) * 27%) 84.4%);border-radius:12px;padding:8px 11px;font-size:12px;font-weight:700;color:hsl(var(--th) calc(var(--ts) * 20.6%) 37.6%)}.diary-tag-filter,.diary-card-tags,.diary-tag-picker{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.diary-tag-pill{padding:7px 11px;border-radius:99px;background:hsl(var(--th) calc(var(--ts) * 30%) 97.8%);border:1.5px solid hsl(var(--th) calc(var(--ts) * 23.3%) 88.1%);color:hsl(var(--th) calc(var(--ts) * 19.1%) 38.3%);font-size:12px;font-weight:700}.diary-tag-pill.active{background:hsl(var(--th) calc(var(--ts) * 53.3%) 26.5%);color:#fff;border-color:hsl(var(--th) calc(var(--ts) * 53.3%) 26.5%)}.diary-hub-note{font-size:12px;line-height:1.6;color:hsl(var(--th) calc(var(--ts) * 10.8%) 43%);margin:10px 0}.diary-hub .reminder-form{display:grid;gap:10px}.reminder-form-grid{margin:0}.reminder-form .form-action{border:0;border-radius:13px;background:hsl(var(--th) calc(var(--ts) * 48.8%) 26.4%);color:white;padding:12px;font-weight:800}.reminder-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reminder-card .reminder-main{flex:1;min-width:0}.diary-hub-empty{padding:22px;text-align:center;background:#fff8fb;border:1.5px dashed hsl(var(--th) calc(var(--ts) * 20.1%) 84.4%);border-radius:20px;color:hsl(var(--th) calc(var(--ts) * 12.1%) 43%)}.diary-settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;flex-wrap:wrap}.diary-settings-row p{margin:3px 0;font-size:12px;color:hsl(var(--th) calc(var(--ts) * 9.8%) 41.4%)}.diary-hub .small-kicker{font-size:11px;font-weight:800;letter-spacing:1px;color:hsl(var(--th) calc(var(--ts) * 45%) 29.3%)}.diary-tags-editor{width:100%;max-width:380px}.diary-tags-editor input{min-height:36px;width:100%;border:1.5px solid hsl(var(--th) calc(var(--ts) * 16.4%) 82.7%);border-radius:10px;padding:7px;font-size:15px;margin-top:8px}.diary-result-count{font-size:12px;margin:12px 0;color:hsl(var(--th) calc(var(--ts) * 11.2%) 41.3%)}
@media(max-width:420px){.diary-hub{padding:12px 10px 70px}.reminder-form-grid{grid-template-columns:1fr 1fr}.diary-hub button.hub-btn{font-size:11px}.diary-home-tool b{font-size:14px}}

.ed-dock.diary-dock{grid-template-columns:repeat(8,minmax(0,1fr))}.ed-dock.diary-dock .dock-label{font-size:9.5px}.ed-dock.diary-dock .dock-ico svg{max-width:25px}
@media(max-width:390px){.ed-dock.diary-dock .dock-label{font-size:9px}}

/* V13 deletion and compact PDF navigation */
.notebook-controls .nb-delete{color:hsl(var(--th) calc(var(--ts) * 45%) 34.7%);background:hsl(var(--th) calc(var(--ts) * 30%) 98%);border:1px solid hsl(var(--th) calc(var(--ts) * 22.3%) 86.1%);border-radius:10px;padding:7px 9px;font-size:12px;display:inline-flex;gap:4px;align-items:center}.notebook-controls{flex-wrap:wrap}.nb-delete:hover{background:hsl(var(--th) calc(var(--ts) * 30%) 95.1%)}.mini-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr))}.diary-home-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-icon.delete-current{color:hsl(var(--th) calc(var(--ts) * 45%) 32.5%)}@media(max-width:400px){.mini-shortcuts button span:first-child{font-size:10px}.ed-icon.delete-current{width:29px;min-width:29px}}