.hl{--ff-head: "Zen Kaku Gothic New", "IBM Plex Sans JP", "Noto Sans JP", sans-serif;--ff-body: "IBM Plex Sans JP", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Hiragino Sans", sans-serif;--tape: rgba(255, 236, 170, .88);--grid: repeating-linear-gradient(0deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 24px);--hd-h: 64px;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--ff-body);font-size:16px;line-height:1.7;font-variant-numeric:normal;overflow-x:clip}.hl img{max-width:100%;height:auto;display:block}.hl a{color:inherit}.hl h1,.hl h2,.hl h3{text-wrap:balance;margin:0}.hl p{margin:0}.hl :focus-visible{outline:3px solid #ffd666;outline-offset:2px}.hl-hd{position:fixed;inset:0 0 auto;z-index:50;height:var(--hd-h);display:flex;align-items:center;gap:12px;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));color:#fff;transition:background-color .25s}.hl-hd.hl-solid{background:#142a63f0}.hl-hdlogo{display:flex;align-items:center;gap:8px;text-decoration:none;opacity:0;visibility:hidden;flex:none}.hl-hdlogo .wordmark{font-size:22px}.hl-grow{flex:1;min-width:0}.hl-lang{height:40px;padding:0 8px;border-radius:8px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.45);font-size:14px;cursor:pointer}.hl-lang option{color:var(--text)}.hl-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:8px;font-family:var(--ff-body);font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;border:0}.hl .hl-bmain{background:#fff;color:var(--accent);box-shadow:0 8px 20px #00000040}.hl .hl-bmain:hover{background:#f1f4fb}.hl .hl-bsub{color:#fff;border:1.5px solid rgba(255,255,255,.7);background:transparent}.hl .hl-bsub:hover{background:#ffffff1f}.hl .hl-bnavy{background:var(--accent);color:#fff}.hl .hl-bnavy:hover{background:var(--accent-dark)}.hl-hd .hl-btn{height:40px;padding:0 16px;font-size:14px;box-shadow:none}.hl-latin{font-size:12px;letter-spacing:.3em;opacity:.8}.hl-hero{position:relative;height:220vh;background-color:var(--accent);background-image:var(--grid);color:#fff}.hl-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.hl-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#ffd666;transform-origin:0 50%;transform:scaleX(0);z-index:30;display:none}.hl-hint{position:absolute;right:max(24px,env(safe-area-inset-right,0px));bottom:28px;z-index:20;display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.08em;color:#ffffffd9}.hl-hint i{display:block;width:1px;height:36px;background:#fff9;transform-origin:50% 0;animation:hl-hint 1.8s ease-in-out infinite}@keyframes hl-hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.hl-paper{position:relative;background:#fff;padding:6px;border-radius:3px;transform:rotate(var(--r, 0deg));transition:transform .25s ease}.hl-paper img{width:100%;height:auto;border-radius:1px}.hl-paper:before,.hl-paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;z-index:-1;pointer-events:none}.hl-paper:before{box-shadow:0 14px 32px #00000052}.hl-paper:after{box-shadow:0 30px 60px #00000061;opacity:var(--lift, 0)}.hl-tape{position:absolute;left:50%;top:-10px;width:70px;height:20px;margin-left:-35px;background:var(--tape);transform:rotate(-3deg);transform-origin:0 50%;z-index:2}.hl-tape.hl-tape-r{left:auto;right:10px;margin:0;transform:rotate(38deg);width:54px}.hl-tape.hl-tape-l{left:10px;margin:0;transform:rotate(-38deg);width:54px}.hl-pill{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.45);font-size:13px;font-weight:500;color:#fff;white-space:nowrap}.hl-wall{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:62% 52%}.hl-slot{position:absolute;left:var(--x);top:var(--y);width:0;height:0}.hl-slot .hl-ctr{position:absolute;left:0;top:0;width:var(--w);transform:translate(-50%,-50%)}@media(hover:hover){.hl-wall .hl-paper:hover{transform:rotate(var(--r)) translateY(-4px)}}.hl-copy{position:absolute;left:max(6vw,24px);top:50%;transform:translateY(-46%);width:min(42vw,560px);z-index:10;display:flex;flex-direction:column;gap:20px}.hl-wm{display:flex;align-items:center;gap:12px;width:max-content}.hl-wm svg{width:48px;height:48px;flex:none}.hl-wm .wordmark{font-size:48px;color:#fff}.hl-wm .hl-latin{align-self:flex-end;padding-bottom:4px}.hl-copy h1{font-family:var(--ff-head);font-weight:900;font-size:clamp(36px,3.9vw,56px);line-height:1.25;letter-spacing:.03em}.hl-copy .hl-sub{font-size:19px;opacity:.92}.hl-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.hl-count{position:absolute;left:50%;bottom:40px;transform:translate(-50%);z-index:12;opacity:0;background:#142a63d9;font-variant-numeric:tabular-nums}.hl-count b{font-size:16px}.hl-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#142a63e6;opacity:0;z-index:14;pointer-events:none}.hl-feature{position:absolute;inset:var(--hd-h) 0 0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;pointer-events:none;padding:0 16px 24px}.hl-feature h2{font-family:var(--ff-head);font-weight:900;font-size:clamp(24px,2.8vw,40px);letter-spacing:.04em;text-align:center}.hl-fmstage{position:relative;height:min(56vh,520px);width:min(90vw,560px)}.hl-fm{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:grid;place-items:center;opacity:0}.hl-fm img{height:100%;width:auto;max-width:100%;object-fit:contain;border:6px solid #fff;border-radius:3px;box-shadow:0 18px 40px #0006}.hl-fm.hl-f2 img{height:82%}.hl-fmlabels{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hl-fmlabels span{height:34px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.5);font-size:14px;font-weight:500;opacity:.4}.hl-fmlabels span.hl-l1{opacity:1;background:#fff;color:var(--accent)}.hl-fmnote{font-size:13px;opacity:.75;letter-spacing:.04em}.hl-door{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:16;opacity:0;pointer-events:none}.hl-scta{z-index:18}.hl-scta .hl-ctr{width:var(--w)}.hl-ctain{padding:22px 22px 24px;display:flex;flex-direction:column;gap:14px;color:var(--text);text-align:left;background-image:repeating-linear-gradient(0deg,rgba(31,60,136,.07) 0 1px,transparent 1px 24px)}.hl-ctabrand{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-head);font-weight:900;color:var(--accent);letter-spacing:.06em;font-size:15px}.hl-ctain strong{font-family:var(--ff-head);font-weight:900;font-size:24px;line-height:1.35;color:var(--accent-dark)}.hl-ctain .hl-btn{width:100%}.hl-wrap{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hl-sec{padding-block:88px}.hl-sec-white{background:#fff;border-top:1px solid var(--line)}.hl-sechead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:32px}.hl-sechead h2{font-family:var(--ff-head);font-weight:900;font-size:clamp(26px,3.2vw,36px);letter-spacing:.04em;color:var(--accent-dark)}.hl-sechead p{color:var(--muted);font-size:15px}.hl-formats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.hl-formats li{display:flex;flex-direction:column;gap:10px;min-width:0}.hl-fmbox{aspect-ratio:1 / 1;background:var(--panel);border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;padding:16%;overflow:hidden;container-type:size}.hl-fmbox img{max-height:100cqh;width:auto;height:auto;max-width:100cqw;box-shadow:0 2px 8px #1c1b1a24}.hl-fmname{font-weight:700;font-size:15px;line-height:1.4}.hl-fmsize{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.hl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hl-steps li{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.hl-stfig{aspect-ratio:4 / 3;background:var(--accent);background-image:var(--grid);display:grid;place-items:center;overflow:hidden;position:relative}.hl-stbody{padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px}.hl-stno{font-family:var(--ff-head);font-weight:900;font-size:14px;color:var(--accent);letter-spacing:.06em}.hl-stbody h3{font-size:19px;line-height:1.4}.hl-stbody p{color:var(--muted);font-size:14px}.hl-stfan{display:flex;gap:8px;align-items:center;justify-content:center;width:86%}.hl-stfan img{width:30%;box-shadow:0 6px 16px #0000004d;border:3px solid #fff;border-radius:2px}.hl-stshot{width:92%;border-radius:6px;box-shadow:0 10px 24px #00000059}.hl-badge{position:absolute;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:4px;background:#fff;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.06em;box-shadow:0 4px 10px #00000040}.hl-final{background-color:var(--accent);background-image:var(--grid);color:#fff;padding-block:96px;text-align:center}.hl-final h2{font-family:var(--ff-head);font-weight:900;font-size:clamp(28px,4vw,44px);letter-spacing:.04em}.hl-final p{margin-top:12px;opacity:.9}.hl-btns{margin-top:32px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hl .site-foot{font-size:13px;line-height:1.5}@media(max-width:900px){.hl-formats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.hl-steps{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.hl{--hd-h: 56px}.hl-hero{height:170vh;height:170svh}.hl-hd{gap:8px}.hl-hd .hl-bsub{display:none}.hl-hd .hl-btn{height:38px;padding:0 14px}.hl-lang{height:38px;padding:0 4px;font-size:13px}.hl-progress{display:block}.hl-hint{display:none}.hl-sec{padding-block:64px}.hl-btn{height:48px;padding:0 22px;font-size:15px}.hl-wall{transform-origin:28% 30%}.hl-slot.hl-mx{left:var(--mx);top:var(--my)}.hl-slot.hl-mx .hl-ctr{width:var(--mw)}.hl-moff{display:none}.hl-copy{left:16px;right:16px;top:auto;bottom:max(28px,env(safe-area-inset-bottom,0px));transform:none;width:auto;gap:12px}.hl-wm svg{width:32px;height:32px}.hl-wm .wordmark{font-size:30px}.hl-copy h1{font-size:28px}.hl-copy .hl-sub{font-size:14px}.hl-cta .hl-btn{flex:1}.hl-count{bottom:auto;top:calc(var(--hd-h) + 8px)}.hl-fmstage{height:46svh}.hl-fm.hl-f3,.hl-fmlabels .hl-l3{display:none}.hl-ctain{padding:16px;gap:10px}.hl-ctain strong{font-size:20px}}@media(max-width:389px){.hl-hdlogo .wordmark{display:none}}@media(prefers-reduced-motion:no-preference){.hl-pre .hl-wall{transform:scale(1.8)}.hl-pre .hl-ring,.hl-pre .hl-fly,.hl-pre .hl-scta,.hl-pre .hl-smain .hl-par,.hl-pre .hl-wm>*,.hl-pre .hl-copy h1,.hl-pre .hl-copy .hl-sub,.hl-pre .hl-copy .hl-cta{opacity:0}.hl-pre .hl-scta,.hl-pre .hl-copy .hl-cta{visibility:hidden}.hl-pre .hl-smain .hl-tape,.hl-pre .hl-fly .hl-tape{transform:rotate(-3deg) scaleX(0)}}@media(prefers-reduced-motion:no-preference)and (max-width:760px){.hl-pre .hl-wall{transform:translate(22%,2%) scale(1.5)}}.hl-still .hl-hero{height:100vh;height:100svh;min-height:640px}.hl-still .hl-stage{position:relative}.hl-still .hl-hint,.hl-still .hl-progress{display:none!important}.hl-still .hl-hdlogo{opacity:1;visibility:visible}.hl-still .hl-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hl-still .hl-copy .hl-cta{display:none}.hl-static .hl-dim{opacity:.35}.hl-static .hl-door{opacity:.55}@media(max-width:760px){.hl-static .hl-wall{transform:scale(.94) translateY(-6%)}}:root{--bg: #f4f3f1;--panel: #ffffff;--line: #dcd9d5;--text: #1c1b1a;--muted: #5f5b57;--accent: #1f3c88;--accent-weak: #e6ecf8;--accent-dark: #142a63;--sel: #0b66d6;--sel-weak: #e2edfb;--ui: #f4f3f1;--panel-2: #fbfbfa;--line-strong: #c2beb9;--sub: #5f5b57;--danger: #c62828;--stage: #e9e7e4;--r: 6px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:IBM Plex Sans JP,Noto Sans JP,Noto Sans KR,Noto Sans SC,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{opacity:.4;cursor:default}input,select{border:1px solid var(--line);border-radius:var(--r);padding:6px 8px;background:#fff}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}h1,h2,h3{margin:0}.muted{color:var(--muted);font-size:12px}.err{color:var(--danger);font-size:13px;margin:4px 0}.grow{flex:1}.row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:16px}.center-msg{height:100%;display:grid;place-content:center;gap:8px;text-align:center;color:var(--muted)}.link{color:var(--accent);text-decoration:underline}.primary{background:var(--accent);color:#fff;border-radius:var(--r);padding:8px 16px;font-weight:700;white-space:nowrap}.primary.wide{width:100%}.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:32px;height:32px;padding:0 8px;border-radius:var(--r);white-space:nowrap;text-decoration:none;color:var(--text)}.tb-btn:hover:not(:disabled){background:#eef0f3}.tb-btn.on{background:var(--accent-weak);color:var(--accent)}.tb-sep{width:1px;height:22px;background:var(--line);margin:0 4px;flex:none}.tb-label{color:var(--muted);font-size:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.field input,.field select{color:var(--text);font-size:14px}.auth{min-height:100%;display:grid;place-items:center;padding:16px}.auth-box{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:14px}.auth-box h1{font-size:22px}.brand-name{font-size:16px;letter-spacing:.02em}.switch{text-align:center}.home{max-width:1200px;margin:0 auto;padding:0 16px 48px}.home-head{display:flex;align-items:center;gap:12px;height:60px;position:sticky;top:0;background:var(--bg);z-index:5}.home-sec{margin-top:28px}.home-sec h2{font-size:18px;margin-bottom:12px}.presets{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.preset{flex:none;width:150px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.preset:hover{border-color:var(--accent)}.preset-box{width:auto;height:64px;max-width:110px;background:#dde3ec;border-radius:3px;display:grid;place-items:center;color:var(--muted)}.preset-box.dashed{width:64px;background:none;border:2px dashed #c3c8cf;font-size:22px}.preset-name{font-weight:700;font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chips button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:4px 12px;font-size:12px}.chips button.on{background:var(--text);color:#fff;border-color:var(--text)}.home-search{margin-bottom:10px}.home-search input{width:min(420px,100%);padding:8px 12px}.tpl-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.tpl-item{flex:none;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#fff}.tpl-item:hover{box-shadow:0 0 0 2px var(--accent)}.thumb{display:block;background:#f0f1f3}.thumb img{width:100%;height:100%;display:block}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.design-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.design-thumb{width:100%;height:160px;background:#eceef1;display:grid;place-items:center}.design-thumb img{max-width:100%;max-height:160px;display:block}.thumb-empty{height:120px;max-width:90%;background:#fff;box-shadow:0 0 0 1px var(--line)}.design-meta{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.design-title{text-align:left;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-actions{display:flex;gap:12px;margin-top:4px}.design-actions button{font-size:12px;color:var(--muted)}.design-actions button:hover{color:var(--text)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141973;display:grid;place-items:center;z-index:100;padding:16px}.modal-body{background:#fff;border-radius:10px;padding:20px;width:100%;max-width:420px;max-height:90vh;overflow:auto}.modal-body.wide{max-width:960px}.modal-body h2{font-size:18px;margin-bottom:16px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{margin:0}.pop{position:relative;display:inline-flex}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.pop-body{position:absolute;top:calc(100% + 6px);left:0;z-index:50;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:12px;min-width:220px}.pop-body.right{left:auto;right:0}.pop-body.dl{width:260px;display:flex;flex-direction:column;gap:12px}.pop-title{font-weight:700;margin-bottom:8px}.pop-sub{font-size:12px;color:var(--muted);margin:10px 0 6px}.color-pop{width:232px}.color-custom{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}.color-custom input{width:36px;height:30px;padding:2px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px}.swatch{width:28px;height:28px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000026;display:inline-block}.swatch.lg{width:36px;height:36px}.swatch.none{background:linear-gradient(135deg,#fff 45%,#e11 45%,#e11 55%,#fff 55%)!important}.color-btn .swatch{width:22px;height:22px}.stk-colors{display:inline-flex;flex-wrap:wrap;gap:2px;align-items:center}.qb-colors{gap:0;padding:0 6px}.qb-colors .swatch{width:12px;height:22px;border-radius:0}.qb-colors .swatch:first-child{border-radius:4px 0 0 4px}.qb-colors .swatch:last-child{border-radius:0 4px 4px 0}.slider{display:flex;flex-direction:column;gap:6px;margin:6px 0;min-width:200px}.slider-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.slider-head input{width:70px;padding:3px 6px}.slider input[type=range]{width:100%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px}.grid2 button{text-align:left;padding:6px 8px;border-radius:4px;font-size:13px}.grid2 button:hover{background:#eef0f3}.pos-pop{width:260px}.layer-list{margin-top:10px;border-top:1px solid var(--line);padding-top:8px;max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:2px}.layer-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:6px 8px;border-radius:4px;font-size:13px}.layer-list button.on{background:var(--accent-weak)}.editor{height:100%;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;flex:none;display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar .home-link{font-weight:700}.save-state{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;margin-left:6px}.save-state.error,.save-state.conflict{color:var(--danger)}.save-note{font-size:11px;color:var(--muted);white-space:nowrap}.title-input{width:240px;border-color:transparent;font-weight:700}.title-input:hover{border-color:var(--line)}.size-label{font-size:12px;color:var(--muted);margin-right:8px;white-space:nowrap}.editor-body{flex:1;display:flex;min-height:0}.side{display:flex;flex:none;background:var(--panel);border-right:1px solid var(--line)}.side-tabs{width:72px;display:flex;flex-direction:column;padding-top:6px;border-right:1px solid var(--line)}.side-tabs button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 2px;font-size:11px;color:var(--muted)}.side-tabs button.on,.side-tabs button:hover{color:var(--accent)}.side-tabs button.on{background:var(--accent-weak)}.side-panel{width:320px;overflow-y:auto;padding:16px}.side-panel h3{font-size:13px;margin:16px 0 8px}.side-panel h3:first-child{margin-top:0}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.tpl-grid .tpl-item{display:flex;justify-content:center;background:#f0f1f3}.shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.shape-grid button{aspect-ratio:1;display:grid;place-items:center;border-radius:4px}.shape-grid button:hover,.line-grid button:hover{background:#eef0f3}.line-grid{display:flex;gap:6px}.line-grid button{padding:8px;border-radius:4px}.text-adds{display:flex;flex-direction:column;gap:8px}.text-adds button{text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r)}.text-adds button:hover{border-color:var(--accent)}.add-h{font-size:24px;font-weight:700}.add-s{font-size:18px;font-weight:700}.add-b{font-size:14px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.asset-item{display:flex;flex-direction:column;gap:4px}.asset-item>button{background:#f0f1f3;border-radius:4px;overflow:hidden;height:110px;display:grid;place-items:center}.asset-item img{max-width:100%;max-height:110px;display:block}.asset-actions{display:flex;gap:8px;flex-wrap:wrap}.asset-actions button{font-size:11px;color:var(--muted)}.asset-actions button:hover{color:var(--text)}.brand-colors{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.stage-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--stage)}.stage-area.drag{box-shadow:inset 0 0 0 3px var(--accent)}.toolbar{height:48px;flex:none;display:flex;align-items:center;gap:4px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden}.toolbar>*{flex-shrink:0}.pop-body.floating{position:fixed;z-index:200;max-height:calc(100vh - 80px);overflow:auto}.tb-select.font{width:170px}.num{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r)}.num button{width:26px;height:30px}.num input{width:48px;border:0;text-align:center;padding:4px 0}.canvas-wrap{flex:1;min-height:0;overflow:auto;position:relative}.canvas-inner{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;width:max-content;height:max-content;margin:auto}.text-edit{position:absolute;margin:0;padding:0;border:0;outline:1px solid var(--accent);background:transparent;resize:none;overflow:hidden;transform-origin:top left;white-space:pre-wrap;word-break:break-all}.pagebar{height:48px;flex:none;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--panel);border-top:1px solid var(--line)}.pb-pages{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto}.pb-page{min-width:30px;height:30px;border-radius:4px;border:1px solid var(--line);font-size:12px;flex:none}.pb-page.on{border-color:var(--accent);color:var(--accent);font-weight:700}.pb-zoom{display:flex;align-items:center;gap:6px;flex:none}.pb-zoom input[type=range]{width:120px}.pb-pct{width:44px;text-align:right;font-size:12px}.grid-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.grid-page>button{width:100%;display:flex;justify-content:center;background:#f0f1f3;padding:8px;border-radius:4px}.grid-actions{display:flex;gap:10px;font-size:12px;margin-top:4px;align-items:center}.grid-actions button{color:var(--muted)}.searchbox{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--r);padding:0 8px;margin-bottom:12px;background:#fff;color:var(--muted)}.searchbox input{border:0;flex:1;padding:8px 0;outline:none;min-width:0}.sec-head{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 8px}.sec-head h3{margin:0!important;font-size:13px}.link-btn{color:var(--accent);font-size:12px}.link-btn.back{margin-bottom:6px}.sub-h{font-size:12px;color:var(--muted);margin:12px 0 6px;font-weight:700}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.icon-grid button{aspect-ratio:1;display:grid;place-items:center;border-radius:4px}.icon-grid button:hover{background:#eef0f3}.line-grid{flex-wrap:wrap}.line-grid button{border:1px solid transparent}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.preset-grid .tpl-item{display:flex;justify-content:center;background:#fff;padding:4px}.qr-form{display:flex;flex-direction:column;gap:8px}.shape-grid.small{grid-template-columns:repeat(4,40px)}.shape-grid button.on{background:var(--accent-weak)}.text-adds{margin:10px 0 4px}.menu{display:flex;flex-direction:column;min-width:160px}.menu button{text-align:left;padding:8px 10px;border-radius:4px}.menu button:hover{background:#eef0f3}.grid-num{display:grid;grid-template-columns:1fr 1fr;gap:6px}.num-field input{width:100%;padding:4px 6px}.font-btn{width:180px;justify-content:space-between;border:1px solid var(--line)}.font-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-pop{width:280px;display:flex;flex-direction:column;gap:6px}.font-pop input{width:100%}.font-list{max-height:380px;overflow:auto}.font-row{display:flex;align-items:center;width:100%;border-radius:4px}.font-row .fr-name{flex:1;min-width:0;text-align:left;padding:7px 8px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-row .fr-fav{width:32px;height:32px;color:var(--muted);font-size:16px;flex:none}.font-row .fr-fav.on{color:#d4a017}.font-row:hover{background:#eef0f3}.font-row.on{background:var(--accent-weak);color:var(--accent)}.effects-pop{width:280px}.effect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.effect-grid button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;padding:4px 2px;border-radius:6px;border:1px solid var(--line)}.effect-grid button.on{border-color:var(--accent);background:var(--accent-weak)}.effect-sample{height:34px;display:grid;place-items:center}.effect-params{margin-top:10px;border-top:1px solid var(--line);padding-top:6px}.fx-pop .fx-switch{padding:8px 0 4px}.fx-pop .fx-switch+.fx-switch,.fx-pop .effect-params+.fx-switch{border-top:1px solid var(--line);margin-top:6px}.fx-pop .fx-switch+.effect-params{margin-top:0;border-top:0;padding-top:0}.fx-fade{margin:4px 0 6px}.fx-fade>button{font-size:12px;padding:0 2px}.weight-select{flex:1;min-width:0;max-width:none}.tb-select-wrap{display:inline-flex;align-items:center;gap:4px}.tb-select-wrap select{padding:4px 6px}.qr-input{width:200px;padding:5px 8px}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:180px;overflow:auto}.style-grid button{text-align:left;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:4px}.style-grid button:hover{border-color:var(--accent)}.data-pop{display:flex;flex-direction:column;gap:8px;max-width:min(560px,90vw)}.data-grid{display:grid;gap:3px;max-height:300px;overflow:auto}.data-grid input{width:100%;padding:4px 6px;font-size:13px}.data-grid input.head,.data-h{font-weight:700;background:#f3f4f6}.data-h{padding:4px 6px;font-size:12px}.check{display:flex;gap:6px;align-items:center;font-size:13px}.glyph-input{width:48px;text-align:center;padding:4px}.tb-select{max-width:150px}.grid-layouts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.grid-layouts button{aspect-ratio:1;border-radius:4px;padding:4px}.grid-layouts button:hover{background:#eef0f3}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.chart-grid button{border:1px solid var(--line);border-radius:6px;padding:6px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px}.chart-grid button:hover{border-color:var(--accent)}.qa{padding:16px}.qa h3{margin:16px 0 6px}.qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.qa-title{font-size:11px;margin-bottom:2px}.seg{display:flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:4px 0 8px}.seg button{flex:1;padding:5px 8px;font-size:12px}.seg button.on{background:var(--text);color:#fff}.color-pop{width:248px}.color-scroll{max-height:min(62vh,460px);overflow:auto;padding-right:2px}.swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.palettes{display:flex;flex-direction:column;gap:6px}.palette-row{display:flex;height:22px;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.palette-row button{flex:1}.palette-row button:hover{transform:scaleY(1.15)}.grad-edit{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.grad-preview{height:40px;border-radius:var(--r);box-shadow:inset 0 0 0 1px #0000001f}.grad-stops{display:flex;gap:6px;flex-wrap:wrap}.grad-stops input{width:36px;height:28px;padding:2px}.pattern-pop{width:300px}.pattern-params{display:flex;flex-direction:column;gap:6px;padding-bottom:6px;border-bottom:1px solid var(--line)}.pattern-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pattern-grid button{border-radius:6px;padding:2px;box-shadow:inset 0 0 0 1px var(--line)}.pattern-grid button.on{box-shadow:0 0 0 2px var(--accent)}.pattern-grid canvas{width:100%!important;height:auto!important;aspect-ratio:1}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sticker-grid button{aspect-ratio:1;display:grid;place-items:center;border-radius:6px;padding:6px}.sticker-grid button:hover{background:#eef0f3}.sticker-grid img{width:100%;height:100%;object-fit:contain;pointer-events:none}.color-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 12px}.color-filter button{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.color-filter button.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.switch-row.disabled{color:var(--muted)}.toggle{width:38px;height:22px;border-radius:999px;background:#c4c8ce;position:relative;flex:none;transition:background .15s}.toggle span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #00000040}.toggle.on{background:var(--accent)}.toggle.on span{left:19px}.dl-row{display:flex;justify-content:space-between;color:var(--text)}.dl input[type=range]{width:100%;padding:0;border:0}.qa-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.qa-swatch-grid>div{font-size:11px}.qa-swatch-grid .qa-chip{height:64px;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f;margin-bottom:4px}.editor{background:var(--ui);position:relative}.menubar{height:40px;flex:none;display:flex;align-items:center;gap:2px;padding:0 10px;background:var(--ui);border-bottom:1px solid var(--line)}.menubar .title-input{width:220px;background:transparent}.menus{display:flex;gap:0;margin-left:4px}.mb-menu{height:30px;padding:0 10px;border-radius:4px}.mb-menu:hover{background:#e8e6e2}.menu button{display:flex;justify-content:space-between;gap:24px}.menu kbd{font:inherit;font-size:12px;color:var(--muted)}.ribbon{height:72px;flex:none;display:flex;align-items:stretch;gap:8px;padding:6px 10px;background:var(--panel-2);border-bottom:1px solid var(--line)}.rb-group{display:flex;align-items:stretch;gap:2px;min-width:0;overflow-x:auto}.rb-group>*{flex-shrink:0}.rb-group .pop{align-items:stretch}.rb-group .pop>span{display:flex}.rb{width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:6px;font-size:12px;white-space:nowrap;color:var(--text)}.rb:hover{background:#efedea}.rb.on{background:var(--accent-weak);color:var(--accent);font-weight:700}.rb-sep{width:1px;background:var(--line);margin:8px 6px;flex:none}.rb-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}.rb-right .primary{display:inline-flex;align-items:center;gap:6px}.ins-pop{width:300px;display:flex;flex-direction:column;gap:6px}.ins-pop.chart-grid{display:grid}.mobile-only{display:none!important}.editor-body{position:relative}.left-pane{width:236px;flex:none;display:flex;flex-direction:column;min-height:0;background:var(--panel-2);border-right:1px solid var(--line)}.left-pane:has(.side-panel){width:320px}.left-pane .side-panel{width:auto;flex:1;min-height:0}.lp-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 0 16px}.lp-head h2{font-size:15px}.lp-body{flex:1;min-height:0;overflow-y:auto;padding:8px}.insp-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line);flex:none}.insp-tabs button{flex:1;height:30px;border-radius:5px;color:var(--muted);font-weight:500}.insp-tabs button.on{background:#fff;color:var(--text);box-shadow:0 0 0 1px var(--line);font-weight:700}.page-list{display:flex;flex-direction:column;gap:10px;padding:4px}.pl-item{display:grid;grid-template-columns:18px 1fr 28px;align-items:start;gap:6px}.pl-no{color:var(--muted);font-size:12px;padding-top:2px;text-align:right}.pl-item .pb-page{min-width:0;height:auto;border:2px solid transparent;border-radius:4px;padding:0;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;justify-content:center}.pl-item.on .pb-page{border-color:var(--accent);box-shadow:none}.pl-item .thumb{max-width:100%;height:auto!important;aspect-ratio:auto}.pl-more{min-width:28px;padding:0}.add-page{color:var(--accent);font-weight:700;justify-content:flex-start}.layer-list{margin:0;border:0;padding:0;max-height:none}.layer-list button{height:36px;padding:0 10px;border-radius:5px}.layer-list button{justify-content:flex-start;gap:8px}.layer-list button .ll-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-list button svg{flex:none;color:var(--muted)}.layer-list button.on{background:var(--sel-weak);color:#0a4ea3;font-weight:700}.stage-area{background-color:var(--stage);background-image:radial-gradient(#d3cfca 1px,transparent 1px);background-size:16px 16px}.statusbar{height:34px;flex:none;display:flex;align-items:center;gap:4px;padding:0 10px;background:var(--panel-2);border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.statusbar .tb-btn{height:26px;min-width:26px;color:var(--muted)}.sb-range{width:110px;padding:0;border:0}.sb-page{min-width:84px;text-align:center}.inspector{width:300px;flex:none;display:flex;flex-direction:column;min-height:0;background:var(--panel-2);border-left:1px solid var(--line)}.insp-scroll{flex:1;min-height:0;overflow-y:auto}.inspector>.insp-grp{overflow-y:auto}.insp-grp{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.insp-h{font-weight:700;font-size:12px;letter-spacing:.04em}.insp-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.insp-l{width:64px;color:var(--muted);font-size:12px;flex:none}.insp-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.insp-tools .tb-btn{border:1px solid var(--line-strong);background:#fff}.insp-tools .tb-label{width:100%}.tb-btn.bordered{border:1px solid var(--line-strong);background:#fff}.tb-btn.danger:hover:not(:disabled){color:var(--danger);background:#fdecec}.grid2.bordered button{border:1px solid var(--line-strong);background:#fff;text-align:center}.inspector .font-btn{width:100%;height:34px;background:#fff;border-color:var(--line-strong)}.inspector .pop{display:flex}.inspector .font-btn,.inspector .pop>span{flex:1}.inspector .num{background:#fff;border-color:var(--line-strong)}.segc{display:flex;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden;background:#fff}.segc>button,.segc>.pop{flex:1;height:32px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e3e0dc}.segc>*:last-child{border-right:0}.segc>button.on{background:var(--text);color:#fff}.segc .pop>span{display:flex;height:100%}.segc .pop .tb-btn{width:100%;height:100%;border-radius:0;font-size:12px}.insp-actions{flex:none;display:flex;align-items:center;gap:4px;padding:8px 10px;border-top:1px solid var(--line);background:var(--panel-2)}.inspector .slider{min-width:0;margin:0}.dl-anchor{position:fixed;top:108px;right:12px;z-index:50}.dl-anchor .pop-body{top:4px}@media(max-width:900px){.menubar{height:52px}.menus,.size-label,.save-state.saved,.save-state.saving{display:none}.menubar .title-input{flex:1;width:auto;min-width:0}.mobile-only{display:flex!important}.ribbon{order:3;height:64px;padding:4px;border-top:1px solid var(--line);border-bottom:0}.rb{width:64px;font-size:11px}.rb-right{position:absolute;top:6px;right:8px;height:40px}.rb-right .tb-btn[aria-label]:nth-child(2){display:none}.rb-right .primary{height:40px}.menubar{padding-right:200px}.editor-body{order:2}.left-pane{position:absolute;z-index:30;left:0;right:0;bottom:0;width:auto!important;height:50vh;border-right:0;border-top:1px solid var(--line);box-shadow:0 -6px 18px #00000024}.left-pane:not(.is-open){display:none}.left-pane .side-panel{overflow-y:auto}.page-list{flex-direction:row;overflow-x:auto;align-items:flex-start}.pl-item{grid-template-columns:1fr;width:110px;flex:none;position:relative}.pl-no{position:absolute;left:4px;top:2px;z-index:1;background:#fff;border-radius:3px;padding:0 4px}.pl-more{position:absolute;right:0;top:0;background:#fff}.add-page{align-self:center;flex:none}.rb-right .primary{font-size:13px;padding:0 12px}.editor.has-sel .stage-area{padding-bottom:36vh}.inspector{position:absolute;z-index:25;left:0;right:0;bottom:0;width:auto;height:36vh;border-left:0;border-top:1px solid var(--line);box-shadow:0 -6px 18px #00000024;border-radius:12px 12px 0 0}.editor:not(.has-sel) .inspector{display:none}.sb-range{display:none}.tb-btn,.insp-tabs button,.segc>button,.segc>.pop{min-height:40px}.inspector .num button{height:40px;width:40px}.inspector .num input{height:40px}.dl-anchor{top:56px;right:8px}}.home-b{height:100%;display:flex;background:var(--panel-2)}.home-nav{width:240px;flex:none;display:flex;flex-direction:column;gap:6px;padding:16px 12px;background:var(--ui);border-right:1px solid var(--line)}.home-nav .brand-name{padding:4px 12px 12px}.home-nav>.pop{display:flex;margin:0 4px 10px}.home-nav>.pop>span{flex:1}.home-nav .menu{min-width:280px;max-height:70vh;overflow:auto}.hn-list{display:flex;flex-direction:column;gap:2px}.hn-list button{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:6px;text-align:left}.hn-list button:hover{background:#ebe9e5}.hn-list button.on{background:#e5e2dd;font-weight:700}.hn-foot{display:flex;flex-direction:column;gap:6px;padding:0 4px}.hn-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-main{flex:1;min-width:0;overflow-y:auto;padding:24px 32px 48px;display:flex;flex-direction:column;gap:22px}.hm-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hm-head h1{font-size:22px}.hm-search{width:min(320px,100%);height:36px}.hm-layout{width:80px}.hm-layout button{height:34px}.hm-sub{font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:10px}.home-b .presets{gap:12px}.home-b .preset{width:128px;padding:0;border:0;background:none}.preset-frame{width:100%;height:88px;border:1px solid var(--line);border-radius:6px;background:#fff;display:grid;place-items:center}.home-b .preset:hover .preset-frame{border-color:var(--accent)}.home-b .preset-box{height:60px;max-width:84px;background:#f1efec;border:1.5px solid #8f8a84;border-radius:2px}.home-b .preset-box.dashed{width:60px;border:0;background:none;color:var(--accent);font-size:24px}.home-b .preset-name{font-size:12px}.dtable-wrap{overflow-x:auto}.dtable{width:100%;min-width:640px;border-collapse:collapse;background:#fff;border:1px solid var(--line)}.dtable th{font-size:12px;color:var(--muted);font-weight:500;text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel-2)}.dtable td{padding:8px 14px;border-bottom:1px solid #eeebe8;font-size:13px}.dtable tr:hover td{background:#f7f6f4}.dt-name{display:flex;align-items:center;gap:12px;min-width:0}.dtable .design-thumb{width:48px;height:48px;flex:none;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#f4f3f1}.dtable .design-thumb img{max-height:46px}.dtable .thumb-empty{height:36px}.dt-size,.dt-date{white-space:nowrap;color:var(--sub)}.dt-more{width:48px;text-align:right}.tpl-wall{flex-wrap:wrap;overflow:visible;gap:16px}@media(max-width:900px){.home-b{flex-direction:column;height:auto;min-height:100%}.home-nav{width:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.home-nav .brand-name{padding:0 8px 0 0}.home-nav>.pop{margin:0;order:5}.hn-list{flex-direction:row}.home-nav>.grow{display:none}.hn-foot{flex-direction:row;align-items:center;margin-left:auto}.hn-email{display:none}.home-main{padding:16px;overflow:visible}.presets{flex-wrap:nowrap}.dt-size{display:none}.dtable{min-width:0}.dtable .dt-kind{display:none}}.tpl-filters{display:flex;gap:8px;align-items:center;margin-bottom:12px}.tpl-size{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.tpl-size select{flex:1;min-width:0;height:34px}.tpl-filters .tb-btn{height:34px}.tpl-filters .dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.color-pop-filter{width:248px;display:flex;flex-direction:column;gap:8px}.color-pop-filter .color-filter{margin:0}.wordmark{font-family:Zen Kaku Gothic New,IBM Plex Sans JP,sans-serif;font-weight:900;letter-spacing:.06em;line-height:1}.brand-logo{display:inline-flex;align-items:center;gap:10px;color:var(--accent)}.brand-logo .wordmark{color:var(--text)}.hm-hero{position:relative;overflow:hidden;display:flex;gap:24px;min-height:300px;margin:-24px -32px 0;padding:36px 40px;background-color:var(--accent);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 24px);color:#fff}.hero-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px;z-index:1}.hero-wm{display:flex;align-items:center;gap:14px}.hero-wm .wordmark{color:#fff}.hero-wm small{align-self:flex-end;padding-bottom:6px;font-size:12px;letter-spacing:.3em;opacity:.8}.hero-search{width:min(440px,100%);height:50px;border-radius:8px;background:#fff;color:var(--muted);display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:0 6px 18px #0003}.hero-search input{flex:1;min-width:0;border:0;height:100%;font-size:15px;outline:none;background:transparent;color:var(--text);padding:0}.hero-search:focus-within{outline:3px solid rgba(255,255,255,.6)}.hero-sizes{display:flex;flex-wrap:wrap;gap:8px;max-width:480px}.home-b .hero-size{width:auto;flex-direction:row;text-align:left;height:36px;padding:0 14px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.45);color:#fff;font-weight:500;display:inline-flex;align-items:center;gap:8px}.home-b .hero-size:hover{background:#ffffff42}.hero-size i{display:block;border:1.5px solid #fff;border-radius:2px}.hero-stack{position:relative;flex:none;width:620px;height:250px}.hero-card{position:absolute;top:14px;background:#fff;padding:6px;border-radius:3px;box-shadow:0 12px 28px #0000004d;transition:transform .15s}.hero-card:nth-child(1){left:0;top:30px}.hero-card:nth-child(2){left:150px;top:6px}.hero-card:nth-child(3){left:300px;top:36px}.hero-card:nth-child(4){left:440px;top:10px}.hero-card:hover{transform:translateY(-6px) rotate(0)!important;z-index:9!important}.hero-card .thumb{display:block}.hero-card .tape{position:absolute;left:50%;top:-10px;width:70px;height:20px;transform:translate(-50%) rotate(-3deg);background:#ffecaae0;z-index:1}@media(prefers-reduced-motion:reduce){.hero-card{transition:none}}@media(max-width:1180px){.hero-stack{display:none}}@media(max-width:900px){.hm-hero{margin:-16px -16px 0;padding:24px 16px;min-height:0}.hero-wm .wordmark{font-size:40px!important}.hero-wm svg{width:40px;height:40px}.home-nav .brand-name{display:none}}.layer-list .ll-row{position:relative;cursor:grab;-webkit-user-select:none;user-select:none}.layer-list.dragging .ll-row{cursor:grabbing}.layer-list .ll-row.moving{opacity:.45}.layer-list .ll-row.drop-before:before,.layer-list .ll-row.drop-after:after{content:"";position:absolute;left:6px;right:6px;height:3px;border-radius:2px;background:var(--accent)}.layer-list .ll-row.drop-before:before{top:-2px}.layer-list .ll-row.drop-after:after{bottom:-2px}.ll-grip{color:var(--muted);display:inline-flex;padding:4px 2px;touch-action:none;opacity:0}.ll-row:hover .ll-grip,.ll-row.on .ll-grip{opacity:1}@media(hover:none){.ll-grip{opacity:1}}.pn-form{border:1px solid var(--line);border-radius:6px;padding:8px 10px;margin:12px 0 4px;background:#fff}.pn-form summary{cursor:pointer;font-weight:700;font-size:13px}.pn-form[open]{display:flex;flex-direction:column;gap:8px}.pn-form .field input{width:90px}.find-panel{position:fixed;top:116px;right:316px;z-index:60;width:300px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #00000029;padding:12px 14px}.find-panel form{display:flex;flex-direction:column;gap:8px}.fp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.fp-count{margin-top:-4px}.fp-actions{display:flex;gap:8px;justify-content:flex-end}.fp-msg{margin:0;font-size:12px;color:var(--sub)}@media(max-width:900px){.find-panel{top:60px;right:8px;left:8px;width:auto}}.update-banner{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;border-radius:10px;background:var(--text);color:#fff;box-shadow:0 10px 28px #00000040}@media(max-width:900px){.update-banner{bottom:80px;left:12px;right:12px;transform:none;justify-content:space-between}}.tpl-search{position:relative}.kw-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:-4px 0 12px}.kw-chips .tb-label{width:100%}.kw-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px}.kw-chips button:hover{border-color:var(--accent);color:var(--accent)}.tpl-filters .badge{min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;display:inline-grid;place-items:center;padding:0 5px}.tpl-rowsec .sec-head{margin-top:14px}.tpl-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;align-items:flex-start;scrollbar-width:thin}.tpl-strip .tpl-item{flex:none;display:flex;justify-content:center;background:#f0f1f3}.fit-ask{max-width:460px}.fit-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fit-opt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:13px;text-align:center}.fit-opt:hover,.fit-opt:focus-visible{border-color:var(--accent);background:var(--accent-weak)}.kw-chips.kw-suggest{position:absolute;left:0;right:0;top:calc(100% - 4px);z-index:20;margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0000001f}.stage-area{position:relative}.ruler{position:absolute;z-index:6;cursor:copy}.ruler-top{top:0;left:0;border-bottom:1px solid var(--line)}.ruler-left{top:0;left:0;border-right:1px solid var(--line)}.ruler-corner{position:absolute;top:0;left:0;z-index:7;width:20px;height:20px;background:var(--panel-2);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;color:var(--muted);display:grid;place-items:center}.menu-sep{height:1px;background:var(--line);margin:4px 0}.canvas-wrap.with-rulers{padding:20px 0 0 20px}.resize-dlg{max-width:520px;display:flex;flex-direction:column;gap:12px}.resize-dlg .field select{width:100%}.quick-bar{position:absolute;z-index:5;transform:translate(-50%);display:flex;gap:2px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px #00000024}.quick-bar .tb-btn{width:34px;height:34px}@media(max-width:900px){.quick-bar{display:none}}.adjust-pop{width:288px;display:flex;flex-direction:column;gap:6px}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px}.filter-grid button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px;border-radius:6px;border:1px solid transparent;font-size:11px}.filter-grid button.on{border-color:var(--accent);background:var(--accent-weak)}.filter-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;display:block}.share-dlg{max-width:460px;display:flex;flex-direction:column;gap:12px}.share-url{display:flex;gap:8px}.share-url input{flex:1;min-width:0}.share-qr{display:flex;align-items:center;gap:14px}.share-qr img{border:1px solid var(--line);border-radius:6px}.viewer{min-height:100%;background:var(--stage)}.viewer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:16px;height:52px;padding:0 16px;background:var(--panel-2);border-bottom:1px solid var(--line)}.viewer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-pages{max-width:900px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:24px}.viewer-page{margin:0;display:flex;flex-direction:column;gap:8px}.viewer-page img,.viewer-ph{width:100%;display:block;background:#fff;box-shadow:0 1px 4px #0000002e}.viewer-page figcaption{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.viewer-page .primary{text-decoration:none}.usage{display:flex;flex-direction:column;gap:4px;margin:10px 0 2px}.usage-bar{height:6px;border-radius:3px;background:#e5e2dd;overflow:hidden}.usage-bar span{display:block;height:100%;background:var(--accent)}.brand-fonts{display:flex;flex-direction:column;gap:8px}.brand-fonts select{width:100%}.ver-dlg{max-width:720px}.ver-body{display:grid;grid-template-columns:220px 1fr;gap:16px}.ver-list{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:2px}.ver-list button{width:100%;text-align:left;padding:8px 10px;border-radius:6px}.ver-list button.on{background:var(--accent-weak);color:var(--accent);font-weight:700}.ver-preview{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.ver-preview img,.ver-preview .viewer-ph{max-width:100%;max-height:380px;border:1px solid var(--line);background:#fff}@media(max-width:700px){.ver-body{grid-template-columns:1fr}}.warn{display:flex;align-items:center;gap:6px;margin:0;padding:6px 8px;border-radius:6px;background:#fff4e5;color:#8a4b00;font-size:12px;font-weight:700}.dt-title{display:flex;flex-direction:column;gap:2px;min-width:0}.dt-title-row{display:flex;align-items:center;gap:8px;min-width:0}.dt-title-row .design-title{min-width:0}.dt-kind-sub{display:none;font-size:12px;color:var(--muted)}.dt-kind{white-space:nowrap;color:var(--sub)}.hp-pill{flex:none;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap;background:#ecebe8;color:#5f5b57}.hp-pill.on{background:#e3f1e6;color:#1e6b34}.design-thumb.hp-thumb{color:#8f8a84;background:#f4f3f1}.menu .hp-new{color:var(--accent);font-weight:700}.hp-new-l{display:inline-flex;align-items:center;gap:8px}.hp-addr a,a.hp-addr{color:var(--accent);text-decoration:none}.hp-addr a:hover,a.hp-addr:hover{text-decoration:underline}.hp-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hp-cards{display:none}.hp-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.hp-card-thumb{width:100%;height:180px;display:grid;place-items:center;background:#f4f3f1;color:#8f8a84;border-bottom:1px solid var(--line)}.hp-card-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}.hp-card-body .design-title{font-size:16px}@media(max-width:900px){.hn-list{flex:1 0 100%}.hn-list button{flex:1;flex-direction:column;justify-content:center;height:auto;padding:8px 4px;gap:4px;font-size:12px;text-align:center}.dt-kind-sub{display:block}.hp-table{display:none}.hp-cards{display:flex;flex-direction:column;gap:16px}}@media(max-width:900px){.dtable{table-layout:fixed}.dtable th:nth-last-child(2){width:108px}.dtable th:last-child{width:44px;padding-left:0;padding-right:0}.dtable td.dt-more{width:44px;padding-left:0;padding-right:8px}.dtable .dt-title-row{flex-wrap:wrap;row-gap:4px}.dtable td.dt-date{white-space:normal}}.hpf{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.hpf-bar{display:flex;align-items:center;gap:12px}.hpf-bar h1{font-size:22px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hpf-frame{flex:1;min-height:480px;width:100%;border:1px solid var(--line);background:#fff;display:block}.hpf.full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;gap:0;background:#fff}.hpf.full .hpf-bar{display:none}.hpf.full .hpf-frame{min-height:0;border:0}@media(max-width:900px){.hpf{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;gap:0;background:#fff}.hpf-bar{height:44px;flex:none;padding:0 8px;gap:8px;border-bottom:1px solid var(--line);background:var(--ui)}.hpf-bar h1{display:none}.hpf-back{min-height:36px}.hpf-frame{min-height:0;border:0}}.brand-home{background:none;border:0;padding:0;cursor:pointer;font:inherit;text-align:left}.brand-home:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.ok{color:#1b7a3d;font-size:13px;margin:4px 0}.auth-forgot{align-self:flex-end;font-size:13px;margin-top:-6px}.turnstile{min-height:65px}.verify-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-24px -32px 0;padding:6px 32px;border-bottom:1px solid #f0d58a;background:#fff8e1;font-size:13px}.verify-bar+.hm-hero{margin-top:-22px}.verify-bar .tb-btn{height:28px}@media(max-width:900px){.verify-bar{margin:-16px -16px 0;padding:6px 16px}}.hn-foot>.pop{display:flex;min-width:0}.hn-foot>.pop>span{display:flex;flex:1;min-width:0}.verify-bar .ok,.verify-bar .err{margin:0}.hn-account{display:flex;align-items:center;gap:6px;width:100%;min-width:0;padding:4px 6px;border-radius:6px;text-align:left}.hn-account:hover{background:#ebe9e5}.hn-account .hn-email{flex:1;min-width:0}.menu button.danger{color:var(--danger)}.del-warn{font-size:13px;margin-bottom:12px}.primary.danger-fill{background:var(--danger);border-color:var(--danger)}.menu a{display:block;padding:8px 10px;border-radius:4px;color:inherit;text-decoration:none}.menu a:hover{background:#eef0f3}.site-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;padding:18px 16px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);background:var(--bg)}.site-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--accent);text-decoration:underline}.pub{min-height:100%;display:flex;flex-direction:column}.pub-bar{display:flex;align-items:center;gap:12px;height:60px;padding:0 24px;background:var(--panel);border-bottom:1px solid var(--line)}.pub-brand{text-decoration:none}.pub-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:36px 24px 56px}.legal{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:32px 36px;line-height:1.85;font-size:14px}.legal h1{font-size:26px;line-height:1.3}.legal>.muted{margin:6px 0 20px}.legal h2{font-size:16px;margin:28px 0 6px}.legal p{margin:8px 0}.legal ul{margin:8px 0;padding-left:1.4em}.legal li+li{margin-top:4px}.legal a{color:var(--accent)}.legal-links{margin-top:28px!important;padding-top:16px;border-top:1px solid var(--line)}.about-dl{display:grid;grid-template-columns:160px 1fr;margin:20px 0 0;border-top:1px solid var(--line)}.about-dl dt,.about-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}.about-dl dt{color:var(--muted);font-weight:500}.contact-form{display:flex;flex-direction:column;gap:16px;margin-top:20px;max-width:560px}.contact-form .primary{align-self:flex-start;min-width:140px;height:44px}.contact-form textarea{border:1px solid var(--line);border-radius:var(--r);padding:8px;background:#fff;color:var(--text);font-size:14px;line-height:1.7;resize:vertical}.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.field .opt{font-style:normal;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 4px;margin-left:4px}.contact .ok{font-size:15px;margin-top:20px}.agree{text-align:center;line-height:1.6;margin:0}.agree a{color:var(--accent)}.auth-box>a.brand-logo{text-decoration:none;align-self:flex-start}@media(max-width:640px){.pub-bar{padding:0 16px}.pub-main{padding:16px 16px 40px}.legal{padding:22px 18px}.legal h1{font-size:22px}.about-dl{grid-template-columns:1fr}.about-dl dt{padding-bottom:0;border-bottom:0}.about-dl dd{padding-top:2px}}.hn-account svg{flex:none;color:var(--muted)}.hn-account:hover svg{color:var(--text)}.settings{max-width:560px;padding:0 24px 24px;background:var(--bg);box-shadow:0 20px 50px #00000040}.st-hd{display:flex;align-items:center;gap:8px;height:60px;border-bottom:1px solid var(--line);margin:0 -24px;padding:0 12px 0 24px;background:var(--bg);border-radius:10px 10px 0 0}.st-hd svg{flex:none}.settings .st-hd h2{font-size:18px;font-weight:700;margin:0;flex:1}.st-x{width:32px;height:32px;border-radius:6px;font-size:16px;color:var(--muted);flex:none}.st-x:hover{background:#e9e7e4;color:var(--text)}.st-h{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em;margin:24px 0 8px}.st-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.st-card>*+*{border-top:1px solid var(--line)}.st-r{min-height:56px;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.st-lb{font-size:14px;font-weight:500}.st-vl{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;overflow-wrap:anywhere}.st-vl>span{min-width:0}.st-bdg{font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;line-height:1.6}.st-bdg.warn{background:#fff4e0;color:#9a6500}.st-bdg.ok{background:#e7f4ec;color:#1e7a3c}.st-act{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:13px}.st-txtbtn{padding:0;color:var(--accent);font-weight:500;font-size:13px;text-decoration:none}.st-txtbtn:hover:not(:disabled){text-decoration:underline}.st-sent{color:#1e7a3c;display:inline-flex;align-items:center;gap:4px}.st-btn{height:32px;padding:0 12px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;font-size:13px;font-weight:500;white-space:nowrap}.st-btn:hover{background:var(--accent-weak);border-color:var(--accent)}.st-btn[aria-expanded=true]{background:var(--accent-weak);border-color:var(--accent);color:var(--accent)}.st-form{background:var(--panel-2);padding:16px;display:flex;flex-direction:column;gap:12px}.st-fld{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.st-fld input{height:40px;border:1px solid var(--line-strong);border-radius:6px;padding:0 10px;background:#fff;font-size:14px;color:var(--text);width:100%}.st-fld input:focus,.st-select:focus{outline:2px solid var(--accent);outline-offset:1px}.st-form .err{margin:0}.st-fbtns{display:flex;justify-content:flex-end;gap:8px}.st-primary{height:36px;padding:0 16px;border-radius:6px;background:var(--accent);color:#fff;font-weight:700;white-space:nowrap}.st-primary:hover:not(:disabled){background:var(--accent-dark)}.st-ghost{height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;white-space:nowrap}.st-select{width:180px;height:32px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;padding:0 8px;font-size:13px}a.st-lk{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:48px;padding:0 16px;font-size:14px;color:var(--text);text-decoration:none}a.st-lk:visited{color:var(--text)}a.st-lk:hover{background:#f6f5f2}a.st-lk span:last-child{color:var(--muted);font-size:18px}.st-logout{margin-top:24px;height:40px;padding:0 20px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;font-size:14px;font-weight:500}.st-logout:hover{background:#fff;border-color:var(--text)}.st-card.st-danger{margin-top:32px;border-color:#f0c9c9;background:snow}.st-del{height:32px;padding:0 14px;border:1px solid #c62828;border-radius:6px;background:#fff;color:#c62828;font-size:13px;font-weight:500;white-space:nowrap}.st-del:hover{background:#fdecec}.st-ok{color:#1e7a3c;font-size:13px;padding:10px 16px;margin:0}.st-card>.err{padding:0 16px 10px}@media(max-width:640px){.settings-modal{padding:0;place-items:stretch}.settings-modal .settings{max-width:none;max-height:none;height:100%;border-radius:0;padding:0 16px 24px;box-shadow:none}.st-hd{position:sticky;top:0;z-index:2;margin:0 -16px;padding:0 6px 0 16px;border-radius:0;height:56px}.st-x{width:44px;height:44px}.st-r{min-height:64px}.st-btn,.st-del{height:44px;padding:0 14px}a.st-lk{min-height:52px}.st-select{width:150px;height:44px}.st-logout{width:100%;height:44px}.st-txtbtn{min-height:32px}}@media(max-width:900px){.hn-account{width:auto;flex:none;padding:6px}}.modal-body.settings:focus{outline:none}.ctx-menu{position:fixed;z-index:180;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #00000024;padding:6px;min-width:220px;max-height:calc(100vh - 16px);overflow:visible}.ctx-menu .menu{min-width:0}.ctx-menu .submenu-body{min-width:180px;white-space:nowrap}.ctx-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 4px 10px}.submenu{position:relative}.submenu-btn{width:100%}.submenu-btn:hover,.submenu-btn[aria-expanded=true]{background:#eef0f3}.submenu-body{position:absolute;top:0;left:100%;margin-left:0;z-index:1;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #00000024;padding:6px;min-width:180px;max-height:60vh;overflow:auto}.submenu-body.left{left:auto;right:100%}.menu .ctx-layer{justify-content:flex-start;align-items:center;gap:10px}.menu .ctx-layer.on{background:var(--accent-weak)}.ctx-layer span:last-child{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx-thumb{width:28px;height:28px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:#f5f5f4}.ctx-thumb img{max-width:26px;max-height:26px}.size-tip{position:absolute;z-index:6;display:none;pointer-events:none;padding:3px 8px;border-radius:4px;background:#111827e0;color:#fff;font-size:12px;line-height:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.toast{position:fixed;z-index:300;left:50%;bottom:72px;transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:8px;background:#1f2937;color:#fff;font-size:14px;box-shadow:0 8px 24px #0003}.design-actions{align-items:center}.design-actions .dc-more{height:24px;min-width:28px;padding:0 6px;font-size:14px;color:var(--sub)}.trash-table .design-thumb{display:flex;align-items:center;justify-content:center}.trash-table .design-title{cursor:default;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-left{font-size:12px;color:var(--muted)}.home-toast{display:flex;align-items:center;gap:14px}.home-toast .link{color:#c7d2fe;font-weight:700}.rename-dlg{width:min(420px,calc(100vw - 32px))}.dl-print{width:100%;justify-content:center;margin-top:6px;height:36px;border:1px solid var(--line)}.quick-bar .tb-btn.qb-text{width:auto;padding:0 10px;font-size:13px;white-space:nowrap}.shape-replace{max-height:360px;overflow:auto;width:200px}.chart-grid button.on{border-color:var(--accent)}.cal-form{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}.cal-form select{flex:1;min-width:0;height:34px}.cal-form .primary{height:34px}.symbol-grid{display:grid;grid-template-columns:repeat(8,34px);gap:2px;max-height:300px;overflow:auto}.symbol-grid button{height:34px;font-size:17px;border-radius:4px;display:flex;align-items:center;justify-content:center}.symbol-grid button:hover{background:var(--panel-2)}.nudge-grp{align-items:center}.nudge-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,44px);gap:6px;justify-content:center}.nudge-pad .tb-btn{width:48px;height:44px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.nudge-pad .n-up{grid-column:2;grid-row:1}.nudge-pad .n-left{grid-column:1;grid-row:2}.nudge-pad .n-down{grid-column:2;grid-row:2}.nudge-pad .n-right{grid-column:3;grid-row:2}.shortcuts-body{max-width:760px}.shortcuts-body:focus{outline:none}.kb-groups{columns:2 300px;column-gap:28px}.kb-group{break-inside:avoid;margin-bottom:18px}.kb-group h3{font-size:13px;margin:0 0 6px;color:var(--muted)}.kb-group dl{margin:0}.kb-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;border-bottom:1px solid var(--line);font-size:13px}.kb-row dt{flex:1;min-width:0}.kb-row dd{margin:0;text-align:right}.kb-row kbd{font:inherit;font-size:12px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:4px;padding:1px 6px;white-space:nowrap}.kb-or{color:var(--muted)}.quick-bar .tb-btn.qb-colors{width:auto;min-width:34px}.canvas-wrap.pan-ready,.canvas-wrap.pan-ready *{cursor:grab!important}.canvas-wrap.panning,.canvas-wrap.panning *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.ruler-drag-line{position:fixed;z-index:30;pointer-events:none;background:#0ea5e9}.ruler-drag-tip{position:fixed;z-index:31;pointer-events:none;padding:2px 6px;border-radius:4px;background:#0ea5e9;color:#fff;font-size:11px;line-height:16px;white-space:nowrap}.canvas-pad{flex:none}.canvas-wrap{scrollbar-width:none}.canvas-wrap::-webkit-scrollbar{display:none}