/* MLC Premium Skin — loaded after studio.css. Pure visual layer: no markup/JS changes. */
:root{--cream:hsl(42 55% 98.2%);--blush:hsl(var(--th) calc(var(--ts) * 30%) 95.1%);--rose:hsl(var(--th) calc(var(--ts) * 48.6%) 31.9%);--berry:hsl(var(--th) calc(var(--ts) * 45%) 37%);--cocoa:hsl(var(--th) calc(var(--ts) * 16.9%) 20.2%);--cocoa2:hsl(var(--th) calc(var(--ts) * 10.9%) 37.8%);--gold:hsl(42 41.5% 68.2%);--lilac:hsl(var(--th) calc(var(--ts) * 18.5%) 94.9%);--line:hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.14);
--ease:cubic-bezier(.22,.8,.3,1);--sh1:0 1px 2px hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.06),0 6px 16px hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.07);--sh2:0 2px 4px hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.06),0 18px 40px hsl(var(--th) calc(var(--ts) * 36.4%) 29.6% / 0.15);
--display:"Fraunces","Iowan Old Style",Georgia,serif;--ui:"Figtree","Nunito","Trebuchet MS",system-ui,sans-serif;font-family:var(--ui);color:var(--cocoa)}
body{background:radial-gradient(900px 420px at 8% -6%,hsl(42 80% 92%) 0,transparent 60%),radial-gradient(800px 480px at 100% 0,hsl(var(--th) calc(var(--ts) * 30%) 93.1%) 0,transparent 58%),linear-gradient(180deg,var(--cream),hsl(var(--th) calc(var(--ts) * 30%) 97.6%) 70%,hsl(var(--th) calc(var(--ts) * 30%) 97.8%));background-attachment:fixed;color:var(--cocoa);-webkit-font-smoothing:antialiased}
h1,h2,h3,.section-bar h2,.start-main strong,.planner-home-copy strong,.notebook-name strong,.ed-title{font-family:var(--display);font-weight:600;letter-spacing:-.01em;color:var(--cocoa)}
small,.muted,.library-tip{color:var(--cocoa2)}
button{font-family:var(--ui);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s,border-color .18s}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid hsl(var(--th) calc(var(--ts) * 48.6%) 31.9% / 0.55);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Header */
.header{position:sticky;top:0;z-index:30;height:auto;padding:12px clamp(16px,4vw,48px);background:hsl(42 55% 98.2% / 0.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}
.brand{font-family:CuteChalk,var(--display);font-size:22px;color:var(--berry);gap:12px}
.brand img{width:46px;height:46px;filter:drop-shadow(0 4px 6px hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.25))}
.brand small{font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--gold);margin-top:5px}
.header-link{background:rgba(255,255,255,.7);border:1px solid var(--line);color:var(--cocoa);font-weight:600;font-size:13px;padding:8px 14px}
.header-link:hover{background:#fff;box-shadow:var(--sh1);transform:translateY(-1px)}

/* Home */
.mini-home{max-width:1040px;margin:0 auto;padding:8px clamp(16px,4vw,40px) 130px;display:grid;gap:26px}
.mini-welcome{display:flex;align-items:center;justify-content:space-between;padding:4px 2px}
.join-title{font-family:var(--display);font-size:clamp(20px,3vw,26px);font-weight:600;color:var(--cocoa);display:flex;align-items:center;gap:10px}
.tiny-label{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,var(--rose),var(--berry));padding:3px 9px;border-radius:99px;box-shadow:0 3px 8px hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.3)}
.welcome-icons button{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--sh1);color:var(--berry)}
.welcome-icons button:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.mini-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.6vw,16px)}
.mini-shortcuts button{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:12px;height:auto;min-height:118px;padding:18px 8px 14px;border-radius:24px;background:linear-gradient(180deg,#fff,hsl(var(--th) calc(var(--ts) * 30%) 98.4%));border:1px solid var(--line);box-shadow:var(--sh1);font-size:13px;font-weight:700;color:var(--cocoa)}
.mini-shortcuts button:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:hsl(42 41.5% 68.2% / 0.7)}
.short-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--blush);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.mini-shortcuts button:nth-child(2) .short-icon{background:hsl(42 55% 93.5%)}.mini-shortcuts button:nth-child(3) .short-icon{background:var(--lilac)}.mini-shortcuts button:nth-child(4) .short-icon{background:hsl(var(--th) calc(var(--ts) * 16.3%) 91.5%)}.mini-shortcuts button:nth-child(5) .short-icon{background:hsl(42 80% 89.4%)}
.start-strip{display:grid;grid-template-columns:1fr auto;gap:14px}
.start-main{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;min-height:150px;padding:26px clamp(20px,4vw,40px);border:0;border-radius:32px;text-align:left;color:#fff;background:radial-gradient(420px 220px at 90% 0,hsl(42 80% 82.9% / 0.55),transparent 65%),linear-gradient(135deg,hsl(var(--th) calc(var(--ts) * 55.6%) 28.9%),hsl(var(--th) calc(var(--ts) * 45%) 37%));box-shadow:0 22px 44px -14px hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.55),inset 0 1px 0 rgba(255,255,255,.35)}
.start-main:before{content:"";position:absolute;inset:8px;border-radius:25px;border:1px solid rgba(255,255,255,.3);pointer-events:none}
.start-main:hover{transform:translateY(-3px);box-shadow:0 28px 50px -14px hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.65)}
.start-main strong{display:block;font-size:clamp(26px,4vw,38px);color:#fff;line-height:1.1}
.start-main small{display:block;margin-top:8px;font-size:15px;color:rgba(255,255,255,.88)}
.start-mascot{width:72px;height:72px;border-radius:24px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none;color:#fff}
.start-arrow{margin-left:auto;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--berry);display:grid;place-items:center;flex:none}
.start-template{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:150px;padding:20px;border-radius:32px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh1);font-weight:700;color:var(--cocoa)}
.start-template strong{font-family:var(--ui);font-size:14px}.start-template:hover{transform:translateY(-3px);box-shadow:var(--sh2)}

/* Planner feature */
.planner-home-cta{display:grid;grid-template-columns:minmax(150px,.7fr) 1.3fr;gap:clamp(16px,4vw,44px);align-items:center;width:100%;padding:clamp(14px,2.4vw,26px);border-radius:32px;text-align:left;background:linear-gradient(120deg,#fff,hsl(var(--th) calc(var(--ts) * 30%) 97.3%) 70%,hsl(var(--th) calc(var(--ts) * 30%) 96.5%));border:1px solid var(--line);box-shadow:var(--sh1);overflow:hidden}
.planner-home-cta:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.planner-home-art{display:block;border-radius:22px;overflow:hidden;box-shadow:0 14px 30px -10px hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.35);transform:rotate(-2deg)}
.planner-home-art img{display:block;width:100%;height:auto}
.planner-home-copy{display:grid;gap:10px;justify-items:start}
.planner-home-copy small{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--gold)}
.planner-home-copy strong{font-size:clamp(26px,3.6vw,36px)}
.planner-home-copy em{font-style:normal;font-size:15px;line-height:1.55;color:var(--cocoa2);max-width:46ch}
.planner-play-label{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;background:var(--cocoa);color:#fff;font-weight:700;font-size:14px}

/* Quick tools */
.diary-home-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.diary-home-tool{display:grid;gap:3px;justify-items:start;text-align:left;padding:16px;border-radius:22px;background:rgba(255,255,255,.8);border:1px solid var(--line);box-shadow:var(--sh1)}
.diary-home-tool span{font-size:26px;margin-bottom:6px}.diary-home-tool b{font-size:14px;color:var(--cocoa)}.diary-home-tool small{font-size:12px;line-height:1.35}
.diary-home-tool:hover{transform:translateY(-3px);box-shadow:var(--sh2)}

/* Sections */
.section-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-bar h2{font-size:clamp(22px,3vw,28px);margin:0}
.soft-note{font-size:13px;color:var(--cocoa2);display:inline-flex;align-items:center;gap:6px}
.fun-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fun-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:#fff;box-shadow:var(--sh1)}
.fun-picture{display:grid;place-items:center;aspect-ratio:1/.85;background:var(--blush);overflow:hidden}
.fun-card.aqua .fun-picture{background:hsl(var(--th) calc(var(--ts) * 16.8%) 90.8%)}.fun-card.latte .fun-picture{background:hsl(42 44.9% 92%)}.fun-card.planner .fun-picture{background:var(--lilac)}
.fun-picture img{max-width:78%;max-height:82%;object-fit:contain;filter:drop-shadow(0 8px 8px hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.18))}
.fun-card.planner .fun-picture img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;filter:none}
.fun-caption{padding:13px 14px;font-weight:700;font-size:14px;text-align:center;color:var(--cocoa)}
.fun-card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}
.notebook-cover{position:relative;display:block;width:100%;padding:0;border:0;border-radius:8px 20px 20px 8px;overflow:hidden;background:none;box-shadow:-4px 0 0 hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.12),var(--sh2)}
.notebook-cover:hover{transform:translateY(-5px) rotate(-.6deg)}
.notebook-illustration{display:block;width:100%;height:auto}
.notebook-name{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,hsl(var(--th) calc(var(--ts) * 16.9%) 20.2% / 0.72));color:#fff;text-align:left}
.notebook-name strong{display:block;font-size:17px;color:#fff}.notebook-name small{color:rgba(255,255,255,.85);font-size:12px}
.add-group,.sort-notes{border-radius:99px;border:1px solid var(--line);background:#fff;padding:8px 14px;font-weight:700;font-size:13px;color:var(--berry);box-shadow:var(--sh1)}
.library-tip{font-size:13px;margin-top:16px}

/* Floating nav */
.mini-bottom-nav{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:40;display:flex;gap:4px;width:min(560px,calc(100% - 24px));padding:7px;border-radius:99px;background:rgba(255,255,255,.82);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 44px -8px hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.35)}
.mini-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border:0;border-radius:99px;background:none;font-size:11px;font-weight:700;color:var(--cocoa2)}
.mini-bottom-nav button.active{background:linear-gradient(135deg,hsl(var(--th) calc(var(--ts) * 30%) 93.9%),hsl(var(--th) calc(var(--ts) * 42%) 89.4%));color:var(--berry)}
.mini-bottom-nav button:hover:not(.active){background:var(--blush)}

/* Buttons, pills, tabs */
.btn,.small-btn{border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--cocoa);font-weight:700;box-shadow:var(--sh1)}
.btn.primary{color:#fff;border:0;background:linear-gradient(135deg,hsl(var(--th) calc(var(--ts) * 55.6%) 28.9%),hsl(var(--th) calc(var(--ts) * 45%) 34.8%));box-shadow:0 10px 22px -8px hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.6)}
.btn:hover,.small-btn:hover{transform:translateY(-1px);box-shadow:var(--sh2)}
.pill{border:1px solid var(--line);background:#fff;color:var(--cocoa2);font-weight:600}
.pill.active,.tool-tab.active,.dock-tab.active{background:var(--cocoa);color:#fff;border-color:var(--cocoa)}
.tool-tab{background:var(--cream);border:1px solid transparent}

/* Editor */
.ws-head,.ed-top{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh1);backdrop-filter:blur(14px)}
.ws-tools,.ws-properties,.ed-sheet,.ed-dock{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:26px;box-shadow:var(--sh2)}
.sticker-tile,.kit-tile,.template-card,.size-chip,.project-card{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:none}
.sticker-tile:hover,.kit-tile:hover,.template-card:hover,.project-card:hover{background:var(--blush);box-shadow:var(--sh1)}
.canvas-frame,.ed-canvas-wrap{border-radius:20px;box-shadow:0 30px 60px -20px hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.35)}

/* Dialogs & toast */
.modal-bg{background:hsl(var(--th) calc(var(--ts) * 16.9%) 20.2% / 0.38);backdrop-filter:blur(8px)}
.modal{border-radius:30px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#fff,#fff8fb);box-shadow:0 40px 80px -20px hsl(var(--th) calc(var(--ts) * 16.9%) 20.2% / 0.5)}
#toast{background:var(--cocoa);color:#fff;border-radius:99px;box-shadow:var(--sh2);font-weight:600}
input,textarea,select{border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--cocoa)}

@media(max-width:760px){
 .header-right{display:none}.mini-home{gap:20px}
 .mini-shortcuts{grid-template-columns:repeat(5,minmax(74px,1fr));overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px;margin:0 -2px}
 .mini-shortcuts button{min-width:74px;min-height:104px;border-radius:20px}.short-icon{width:44px;height:44px;border-radius:15px}
 .start-strip{grid-template-columns:1fr}.start-template{flex-direction:row;min-height:60px;border-radius:22px}.start-main{border-radius:28px;min-height:128px}.start-mascot{width:56px;height:56px}
 .planner-home-cta{grid-template-columns:1fr}.planner-home-art{max-height:170px;transform:none}
 .diary-home-tools,.fun-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== Editor ===== */
.studio-app,.workspace{background:none}
.ed-top{position:sticky;top:0;z-index:20;margin:10px auto 0;gap:10px;padding:8px 10px}
.ed-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--sh1);color:var(--berry)}
.ed-icon:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.ed-icon.delete-current{color:var(--cocoa2)}.ed-icon.delete-current:hover{color:hsl(var(--th) calc(var(--ts) * 45%) 37.6%);background:hsl(var(--th) calc(var(--ts) * 30%) 97.1%)}
.ed-mode{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--gold);display:inline-flex;align-items:center;gap:5px}
.ed-title input,#project-title{font-family:var(--display);font-weight:600;font-size:18px;color:var(--cocoa);border:0;background:transparent;border-radius:8px;padding:2px 4px;margin-left:-4px}
#project-title:hover,#project-title:focus{background:var(--blush)}
.ed-status{font-size:12px;color:var(--cocoa2)}
.ed-save{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:0;border-radius:99px;color:#fff;font-weight:700;background:linear-gradient(135deg,hsl(var(--th) calc(var(--ts) * 55.6%) 28.9%),hsl(var(--th) calc(var(--ts) * 45%) 34.8%));box-shadow:0 10px 22px -8px hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.6)}
.ed-save:hover{transform:translateY(-2px);box-shadow:0 14px 26px -8px hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.7)}
.ed-stage{background:none}
.ed-canvas-wrap{background:linear-gradient(180deg,rgba(255,255,255,.75),hsl(var(--th) calc(var(--ts) * 30%) 97.1% / 0.75));border:1px solid var(--line);border-radius:28px}
.size-chip,.zoom-btn{background:#fff;border:1px solid var(--line);border-radius:99px;color:var(--cocoa);font-weight:700;box-shadow:var(--sh1)}
.zoom-btn:hover{background:var(--blush)}
.sel-bar{background:var(--cocoa);border-radius:99px;box-shadow:var(--sh2)}
.sel-btn{color:#fff}.sel-btn:hover{background:rgba(255,255,255,.16)}
.ed-dock{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:25;display:flex;gap:2px;padding:6px;border-radius:99px;background:rgba(255,255,255,.86);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 18px 44px -8px hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.35)}
.dock-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border:0;border-radius:99px;background:none;color:var(--cocoa2);font-size:11px;font-weight:700}
.dock-tab:hover{background:var(--blush)}
.dock-tab.active{background:var(--cocoa);color:#fff}
.dock-tab.active .dock-ico{filter:brightness(0) invert(1)}
.ed-sheet{border-radius:28px 28px 0 0;background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
.sheet-grab{background:hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.25);border-radius:99px}
.sheet-head h3{font-size:19px}
.swatch,.color-picker-line{border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.swatch.active,.swatch.selected{box-shadow:0 0 0 2px var(--rose)}
.act-btn,.tool-cards .template-card{border-radius:16px}
.tool-title,.ctl-label{font-family:var(--ui);font-weight:700;color:var(--cocoa)}

/* ===== Start Creating dialog ===== */
.modal h2{display:flex;align-items:center;gap:10px;font-size:26px}
.choose-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.choose-mode{display:grid;gap:4px;justify-items:start;text-align:left;padding:16px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh1)}
.choose-mode:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:hsl(42 41.5% 68.2% / 0.8)}
.choose-mode>span:first-child{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--blush);margin-bottom:6px}
.choose-mode:nth-child(2)>span:first-child{background:hsl(42 44.9% 92%)}.choose-mode:nth-child(3)>span:first-child{background:hsl(var(--th) calc(var(--ts) * 16.8%) 90.8%)}.choose-mode:nth-child(4)>span:first-child{background:var(--lilac)}.choose-mode:nth-child(5)>span:first-child{background:hsl(42 80% 89.4%)}
.choose-mode strong{font-size:15px;color:var(--cocoa)}.choose-mode small{font-size:12px;line-height:1.4}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}

/* ===== PDF Notebook ===== */
.pdf-app{background:none;color:var(--cocoa)}
.pdf-heading,.pdf-document-title{font-family:var(--display);font-weight:600}
.pdf-card,.pdf-empty,.pdf-intro{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:26px;box-shadow:var(--sh1)}
.pdf-card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.pdf-cover{border-radius:8px 18px 18px 8px;box-shadow:-4px 0 0 hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.12),var(--sh2)}
.pdf-toolbar{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh1)}
.pdf-upload,.pdf-export,.pdf-action{border-radius:14px;font-weight:700}
.pdf-upload,.pdf-export{color:#fff;border:0;background:linear-gradient(135deg,hsl(var(--th) calc(var(--ts) * 55.6%) 28.9%),hsl(var(--th) calc(var(--ts) * 45%) 34.8%));box-shadow:0 10px 22px -8px hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.6)}
.pdf-secondary,.pdf-back{background:#fff;border:1px solid var(--line);color:var(--cocoa);border-radius:14px;font-weight:600}
.pdf-page{border-radius:6px;box-shadow:0 24px 48px -18px hsl(var(--th) calc(var(--ts) * 35%) 24% / 0.4)}
.pdf-error{border-radius:16px}
.pdf-note-dialog,.pdf-text-modal{border-radius:28px;box-shadow:0 40px 80px -20px hsl(var(--th) calc(var(--ts) * 16.9%) 20.2% / 0.5)}

/* ===== Journal Lock ===== */
.mlc-lock-modal{background:hsl(var(--th) calc(var(--ts) * 16.9%) 20.2% / 0.45);backdrop-filter:blur(12px)}
.mlc-lock-box{border-radius:32px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#fff,hsl(var(--th) calc(var(--ts) * 30%) 98.2%));box-shadow:0 40px 80px -20px hsl(var(--th) calc(var(--ts) * 16.9%) 20.2% / 0.5);color:var(--cocoa)}
.mlc-lock-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 10px;border-radius:22px;background:linear-gradient(135deg,hsl(var(--th) calc(var(--ts) * 30%) 93.9%),hsl(var(--th) calc(var(--ts) * 42%) 89.4%));box-shadow:var(--sh1)}
.mlc-lock-box h2{font-size:24px}.mlc-lock-message,.mlc-lock-note{color:var(--cocoa2)}
.mlc-lock-primary{border:0;border-radius:14px;color:#fff;font-weight:700;background:linear-gradient(135deg,hsl(var(--th) calc(var(--ts) * 55.6%) 28.9%),hsl(var(--th) calc(var(--ts) * 45%) 34.8%));box-shadow:0 10px 22px -8px hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.6)}
.mlc-lock-secondary,.mlc-lock-switch{border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--cocoa);font-weight:600}
.mlc-pattern-dot{background:#fff;border:2px solid hsl(var(--th) calc(var(--ts) * 45%) 37% / 0.3)}
.mlc-pattern-dot.picked{background:var(--rose);border-color:var(--rose);box-shadow:0 0 0 6px hsl(var(--th) calc(var(--ts) * 48.6%) 31.9% / 0.2)}
@media(max-width:760px){.choose-mode-grid{grid-template-columns:1fr}.ed-top{margin:6px 8px 0}.ed-dock{margin:0 8px}}