:root{--bg:#f2f2f4;--bar:#f7f7f8;--ink:#1c1c1e;--muted:#6e6e73;--line:#dcdce0;--accent:#1e5bd6;--danger:#d93025;color:var(--ink);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.3;cursor:default}input{font:inherit}.hidden{display:none!important}.primary{background:var(--accent);color:#fff;border-radius:10px;padding:9px 16px;font-weight:600}.home{height:100%;padding:calc(env(safe-area-inset-top) + 20px) 28px 40px;-webkit-overflow-scrolling:touch;overflow-y:auto}.home-head{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 20px;display:flex}.home-head h1{margin:0;font-size:28px}.banner{color:#143b8a;background:#e6eefc;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto 20px;padding:12px 14px;font-size:15px;display:flex}.banner button{color:var(--accent);white-space:nowrap;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px;max-width:1100px;margin:0 auto;display:grid}.empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:80px 0}.card{cursor:pointer;position:relative}.cover{aspect-ratio:210/297;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 6px 18px #0000000f}.cover-lined{background:repeating-linear-gradient(#fff 0 13px,#c9d6e8 13px 14px) 0 30px}.cover-grid{background-color:#fff;background-image:linear-gradient(#dde5f0 1px,#0000 1px),linear-gradient(90deg,#dde5f0 1px,#0000 1px);background-size:10px 10px}.title{text-overflow:ellipsis;white-space:nowrap;padding-right:26px;font-size:15px;font-weight:600;overflow:hidden}.sub{color:var(--muted);margin-top:2px;font-size:13px}.cardmore{width:32px;height:32px;color:var(--muted);font-size:20px;position:absolute;bottom:14px;right:-4px}.dlg{border:0;border-radius:16px;width:min(380px,90vw);padding:22px;box-shadow:0 20px 60px #00000040}.dlg::backdrop{background:#00000040}.dlg h2{margin:0 0 14px;font-size:19px}.dlg input[name=title]{border:1px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:10px;width:100%;padding:11px 12px;font-size:16px}.seg{background:#ececf0;border-radius:10px;gap:3px;padding:3px;display:flex}.seg label,.seg button{text-align:center;flex:1}.seg input{display:none}.seg span,.seg button{border-radius:8px;padding:7px 0;font-size:14px;display:block}.seg input:checked+span,.seg button.active{background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.dlg-actions{flex-direction:row-reverse;justify-content:flex-start;gap:10px;display:flex}.dlg-actions button:not(.primary){color:var(--muted);padding:9px 14px}.editor{flex-direction:column;height:100%;display:flex;position:relative}.toolbar{padding:calc(env(safe-area-inset-top) + 6px) 10px 6px;background:var(--bar);border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.group{flex:none;align-items:center;gap:2px;display:flex}.nbtitle{text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin-left:2px;font-weight:600;overflow:hidden}.icon{color:#3a3a3c;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.icon.active{color:var(--accent);background:#e2e9f8}.colors,.sizes{align-items:center;display:flex}.swatch{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.swatch:after{content:"";background:var(--c);border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 1px #0000001f}.swatch.active{box-shadow:inset 0 0 0 2px var(--accent)}.sizes{margin-left:6px}.size{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.size i{width:var(--d);height:var(--d);background:#3a3a3c;border-radius:50%}.size.active i{background:var(--accent)}.pagelabel{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;color:var(--muted);font-size:14px}.menu{right:10px;top:calc(env(safe-area-inset-top) + 56px);z-index:20;background:#fff;border-radius:14px;width:270px;padding:12px;position:absolute;box-shadow:0 10px 40px #0000002e}.menu-title{color:var(--muted);margin:0 2px 6px;font-size:13px}.menu .row{text-align:left;border-top:1px solid #f0f0f2;justify-content:space-between;align-items:center;width:100%;padding:11px 4px;font-size:15px;display:flex}.menu .seg{margin-bottom:8px}.menu .danger{color:var(--danger)}.menu .hint{color:var(--muted);border-top:1px solid #f0f0f2;padding:10px 4px 0;font-size:12px;line-height:1.6}.stage{flex:1;position:relative;overflow:hidden}.stage canvas{position:absolute;top:0;left:0}.stage canvas.live{pointer-events:none;z-index:3}.stage .scroller{touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:auto}.stage .scroller::-webkit-scrollbar{display:none}.stage .clip,.stage .world{position:absolute;top:0;left:0}.stage .clip{overflow:hidden}.stage .pg{contain:strict;background:#fff;position:absolute;box-shadow:0 2px 4px #0000000f,0 0 2px #0000000d}.stage .pg canvas{width:100%;height:100%}.stage canvas.detail{z-index:1;pointer-events:none}.stage[data-tool=hl] canvas.live{mix-blend-mode:multiply}.stage[data-tool=lasso],.stage[data-tool=pen],.stage[data-tool=hl]{cursor:crosshair}.selmenu{z-index:5;color:#fff;background:#1c1c1e;border-radius:10px;gap:4px;padding:4px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.selmenu button{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:flex}.selmenu svg{width:18px;height:18px}.toast{z-index:30;color:#fff;pointer-events:none;background:#1c1c1e;border-radius:10px;padding:8px 14px;font-size:14px;transition:opacity .3s;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.toast.out{opacity:0}.aisheet{z-index:20;background:#0000002e;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.aisheet-card{background:#fff;border-radius:16px;width:min(560px,100% - 24px);margin-bottom:12px;padding:14px;box-shadow:0 10px 30px #00000040}.aisheet-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:16px;display:flex}.aisheet-x{background:#f0f0f2;border-radius:16px;width:32px;height:32px}.aisheet-body{gap:14px;display:flex}.aithumb{object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;background:#fff;border:1px solid #e3e3e8;border-radius:10px;width:45%;max-height:220px}.aisheet-side{flex-direction:column;flex:1;gap:10px;display:flex}.aistatus{color:#188038;font-size:13px}.ailinks{gap:8px;display:flex}.ailink{text-align:center;color:#fff;-webkit-touch-callout:default;background:#1c1c1e;border-radius:10px;flex:1;padding:12px 0;font-weight:600;text-decoration:none}.aiactions{gap:8px;display:flex}.aiactions button,.aitut button,.aitut-show{background:#f0f0f2;border-radius:8px;padding:8px 12px;font-size:14px}.aitut{background:#f7f7f8;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.5}.aitut ol{margin:6px 0 8px 18px;padding:0}.aitut-show{color:#1e5bd6;background:0 0;margin-top:10px;padding:4px 0}.home-head{flex-wrap:wrap;gap:12px}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.head-actions>button:not(.primary){background:#fff;border:1px solid #e3e3e8;border-radius:10px;padding:8px 12px;font-size:14px}.presence{align-items:center;gap:3px;margin-right:2px;display:inline-flex}.presence .dot{background:#aaa;border-radius:4px;width:8px;height:8px;margin-right:3px;display:inline-block}.presence .dot.connected{background:var(--accent,#2b59e8)}.presence .dot.connecting{background:#f08c00}.presence .peer{background:var(--c);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.swatch-sm{background:var(--c);vertical-align:middle;border-radius:5px;width:10px;height:10px;margin-right:8px;display:inline-block}.loading{height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:16px;display:flex}.menu{max-height:calc(100vh - 80px);overflow-y:auto}.pop{left:50%;top:calc(env(safe-area-inset-top) + 56px);z-index:20;background:#fff;border-radius:14px;width:min(360px,94vw);padding:12px;position:absolute;transform:translate(-50%);box-shadow:0 10px 40px #0000002e}.pop .seg{flex-wrap:wrap;margin-bottom:10px}.pop .hint{color:var(--muted);font-size:12px;line-height:1.5}.palette{grid-template-columns:repeat(8,1fr);justify-items:center;gap:4px;display:grid}.palette .swatch[style*=\#ffffff]:after{box-shadow:inset 0 0 0 1px #0000004d}.swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:24px;height:24px;margin:3px;position:relative;overflow:hidden}.swatch.custom:after{display:none}.swatch.custom input{opacity:0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.size i.ring{border:2px solid #3a3a3c;background:0 0!important}.size.active i.ring{border-color:var(--accent)}.chip{color:var(--muted);background:#ececf0;border-radius:8px;padding:3px 8px;font-size:12px}.aipanel{right:10px;top:calc(env(safe-area-inset-top) + 58px);z-index:25;-webkit-user-select:text;user-select:text;background:#fff;border-radius:16px;flex-direction:column;width:min(400px,100% - 20px);display:flex;position:absolute;bottom:10px;overflow:hidden;box-shadow:0 12px 40px #00000038}.aip-head{border-bottom:1px solid #f0f0f2;align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.aip-left{color:var(--muted);flex:1;font-size:12px}.aip-x{background:#f0f0f2;border-radius:15px;width:30px;height:30px}.aip-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:12px;overflow-y:auto}.aip-img{border:1px solid #e3e3e8;border-radius:10px;max-width:100%;max-height:180px;margin:0 auto 10px;display:block}.aip-quick{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.aip-quick button{color:#5b1f99;background:#f3ecfb;border-radius:16px;padding:7px 11px;font-size:14px}.busy .aip-quick button,.busy .aip-send{opacity:.4;pointer-events:none}.aip-u{color:#fff;background:#1e5bd6;border-radius:14px 14px 4px;width:fit-content;max-width:85%;margin:8px 0 8px auto;padding:8px 12px;font-size:15px}.aip-m{color:#1c1c1e;margin:8px 0;font-size:15px;line-height:1.6}.aip-m p{margin:0 0 8px}.aip-m p.h{font-weight:700}.aip-m ul,.aip-m ol{margin:0 0 8px 20px;padding:0}.aip-m code{background:#f0f0f2;border-radius:4px;padding:1px 4px}.aip-m .mathblock{margin:6px 0;overflow-x:auto}.aip-wait i{background:#b9a3d6;border-radius:4px;width:7px;height:7px;margin-right:4px;animation:1s infinite aipb;display:inline-block}.aip-wait i:nth-child(2){animation-delay:.15s}.aip-wait i:nth-child(3){animation-delay:.3s}@keyframes aipb{0%,80%,to{opacity:.3}40%{opacity:1}}.aip-form{border-top:1px solid #f0f0f2;gap:6px;padding:8px 10px;display:flex}.aip-in{border:1px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:10px;flex:1;padding:9px 10px;font-size:16px}.aip-send{color:#fff;background:#8e3bd1;border-radius:10px;padding:0 14px;font-weight:600}.aip-alt{color:var(--muted);padding:0 12px 10px;font-size:12px}.aip-alt a{color:var(--accent)}@media (width<=600px){.aipanel{width:auto;height:70%;top:auto;left:10px;right:10px}}.aip-share{color:var(--accent);background:0 0;padding:0;font-size:12px}.selmenu{flex-direction:column;gap:4px}.selrow{gap:2px;display:flex}.selmenu.region .noregion{display:none}.selcolors{flex-wrap:wrap;gap:2px;max-width:330px;padding:2px;display:flex}.size.tsize b{color:#3a3a3c;font-weight:600}.size.tsize.active b{color:var(--accent)}.pagelabel{border-radius:8px;padding:6px 4px}.pagelabel:active{background:#e2e9f8}.textedit{z-index:6;outline:1.5px dashed var(--accent);outline-offset:4px;resize:none;touch-action:manipulation;-webkit-user-select:text;user-select:text;background:#fff9;border:none;min-height:1.35em;margin:0;padding:0;position:absolute;overflow:hidden}.pagenav{z-index:25;background:#f2f2f4;flex-direction:column;display:flex;position:absolute;inset:0}.pagenav-head{padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;border-bottom:1px solid var(--line);background:var(--bar);justify-content:space-between;align-items:center;font-size:17px;display:flex}.pagenav-head .primary{background:var(--accent);color:#fff;border-radius:10px;padding:7px 16px}.pagenav-grid{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:18px;padding:18px;display:grid;overflow-y:auto}.pthumb{flex-direction:column;align-items:center;gap:6px;display:flex}.pthumb .pimg{background:#fff;border-radius:6px;padding:0;line-height:0;overflow:hidden;box-shadow:0 1px 6px #00000026}.pthumb canvas{width:150px;height:212px;display:block}.pnum{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.pacts{gap:0;display:flex}.pacts button{color:#3a3a3c;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.pacts button:disabled{opacity:.3}.pacts svg{width:18px;height:18px}.padd{border:2px dashed #c7c7cc;border-radius:10px;justify-content:center;min-height:212px;padding:14px}.padd button{background:#fff;border-radius:8px;width:100%;margin:2px 0;padding:8px;font-size:14px}.padd button.active{box-shadow:inset 0 0 0 2px var(--accent)}.cover-dotted{background-color:#fff;background-image:radial-gradient(#b8c3d3 1px,#0000 1.3px);background-size:10px 10px}.cover-cornell{background:linear-gradient(90deg,#0000 27%,#8fa7c8 27% calc(27% + 1px),#0000 calc(27% + 1px)),repeating-linear-gradient(#fff 0 13px,#c9d6e8 13px 14px)}.cover-folder{background:linear-gradient(#fdf0c4,#f7e19a);place-items:center;font-size:54px;display:grid}.home .search{border:1px solid var(--line);background:#fff;border-radius:10px;width:min(420px,100% - 32px);margin:0 16px 12px;padding:9px 12px;font-size:15px;display:block}.crumb{color:var(--accent);background:0 0;margin-right:8px;padding:0;font-size:15px;font-weight:500}.loading-over{z-index:40;background:#f2f2f4d9;place-items:center;font-size:17px;display:grid;position:fixed;inset:0}.cd-row{justify-content:space-between;align-items:center;gap:10px;margin:10px 0;font-size:15px;display:flex}.cd-row select{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;padding:8px;font-size:15px}.dlg .danger{color:var(--danger)}.stage[data-tool=text]{cursor:text}:root{--bg:#f4f4f1;--bar:#fcfcfadb;--ink:#18181b;--muted:#71717a;--line:#18181b14;--accent:#2b59e8;--accent-soft:#2b59e81a;--danger:#e5484d;--surface:#ffffffe6;--r-sm:10px;--r-md:14px;--r-lg:20px;--sh-1:0 1px 2px #1010140f, 0 1px 1px #1010140a;--sh-2:0 2px 6px #1010140d, 0 12px 32px -8px #10101424;--sh-3:0 4px 12px #1010140f, 0 24px 64px -12px #1010143d;--spring:cubic-bezier(.22,.9,.24,1);--out:cubic-bezier(.2,.7,.3,1);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased}html,body{background:var(--bg)}button{transition:background-color .18s var(--out), color .18s var(--out), transform .22s var(--spring), box-shadow .2s var(--out), opacity .2s}button:active:not(:disabled){transform:scale(.94)}.primary{background:var(--ink);color:#fff;letter-spacing:.01em;box-shadow:var(--sh-1);border-radius:999px;padding:9px 18px;font-weight:600}.primary:active{transform:scale(.96)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}@keyframes popInC{0%{opacity:0;transform:translate(-50%,-6px)scale(.96)}to{opacity:1;transform:translate(-50%)}}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}to{opacity:1;transform:translate(-50%)}}.home{padding:calc(env(safe-area-inset-top) + 28px) 32px 56px;animation:fadeIn .35s var(--out)}.home-head{align-items:flex-end;max-width:1120px;margin:0 auto 18px}.home-head h1{letter-spacing:-.025em;align-items:baseline;gap:6px;font-size:34px;font-weight:700;display:flex}.home-head h1 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crumb{color:var(--muted);letter-spacing:0;font-size:15px;font-weight:500}.head-actions{gap:6px}.head-actions>button:not(.primary){box-shadow:inset 0 0 0 1px var(--line);color:#3f3f46;background:#ffffffb3;border:0;border-radius:999px;padding:8px 14px;font-size:14px}.head-actions>button:not(.primary):active{background:#fff}.home .search{border-radius:var(--r-md);width:auto;max-width:1120px;color:var(--ink);appearance:none;-webkit-user-select:text;user-select:text;background:#18181b0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 14px no-repeat;border:0;outline:none;margin:0 auto 26px;padding:11px 14px 11px 40px;font-size:16px;transition:background-color .2s,box-shadow .2s}.home .search:focus{box-shadow:0 0 0 1px var(--line), 0 0 0 4px var(--accent-soft);background-color:#fff}.home>.search{display:block}.banner{color:#3f3f46;max-width:1120px;box-shadow:var(--sh-1), inset 0 0 0 1px var(--line);border-radius:var(--r-md);animation:fadeUp .4s var(--spring);background:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:28px 24px;max-width:1120px}.card{animation:fadeUp .45s var(--spring) both}.card:nth-child(2){animation-delay:20ms}.card:nth-child(3){animation-delay:40ms}.card:nth-child(4){animation-delay:60ms}.card:nth-child(5){animation-delay:80ms}.card:nth-child(6){animation-delay:.1s}.card:nth-child(n+7){animation-delay:.12s}.cover{box-shadow:var(--sh-2), inset 3px 0 0 #18181b0d;transition:transform .35s var(--spring), box-shadow .35s var(--out);will-change:transform;border-radius:6px 12px 12px 6px}@media (hover:hover){.card:hover .cover{box-shadow:var(--sh-3);transform:translateY(-4px)}}.card:active .cover{transition-duration:.12s;transform:scale(.97)}.cover-folder{border-radius:var(--r-md);box-shadow:var(--sh-1), inset 0 0 0 1px #fff9;background:linear-gradient(160deg,#e9edf7,#dfe5f3);font-size:0;position:relative}.cover-folder:before{content:"";background:linear-gradient(#8ea6e6,#6c8ad9);border-radius:6px 10px 10px;position:absolute;inset:34% 18% 30%;box-shadow:0 8px 18px -6px #2b59e873}.cover-folder:after{content:"";background:#8ea6e6;border-radius:6px 6px 0 0;width:26%;height:8%;position:absolute;top:30%;left:18%}.meta{padding:10px 2px 0}.title{letter-spacing:-.01em;font-size:15px;font-weight:600}.sub{color:var(--muted);font-size:12.5px}.cardmore{color:#a1a1aa;border-radius:999px}.cardmore:active{background:#18181b0f}.empty{font-size:15px;animation:.4s fadeIn}.dlg{border-radius:var(--r-lg);box-shadow:var(--sh-3);color:var(--ink);background:#fff;padding:24px}.dlg::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14141847;animation:.25s fadeIn}.dlg h2{letter-spacing:-.015em;font-size:20px}.dlg input[name=title],.cd-row select{border-radius:var(--r-sm);background:#18181b0d;border:0;outline:none;transition:box-shadow .2s,background-color .2s}.dlg input[name=title]:focus{box-shadow:0 0 0 1px var(--line), 0 0 0 4px var(--accent-soft);background:#fff}.dlg-actions{flex-wrap:wrap}.dlg-actions button:not(.primary){border-radius:999px}.seg{background:#18181b0f;border-radius:11px;flex-wrap:wrap;padding:3px}.seg span,.seg button{transition:background-color .2s var(--out), box-shadow .2s, color .2s;border-radius:8px}.seg input:checked+span,.seg button.active{color:var(--ink);box-shadow:0 1px 2px #1010141a,0 2px 8px -2px #1010141a}.loading-over{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f4f1c7;font-weight:500;animation:.2s fadeIn}.loading{animation:.5s .15s both fadeIn}.editor{animation:fadeIn .28s var(--out);background:#eceae5}.toolbar{background:var(--bar);-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px);box-shadow:0 1px 0 var(--line);padding:calc(env(safe-area-inset-top) + 6px) 12px 6px;z-index:10;contain:layout paint;border-bottom:0;position:relative}.nbtitle{letter-spacing:-.01em;font-size:15px}.icon{color:#3f3f46;border-radius:12px;width:40px;height:40px}.icon svg{stroke-width:1.7px}.icon:active{background:#18181b0f}.icon.active{background:var(--accent-soft);color:var(--accent)}.icon.active svg{animation:toolPop .35s var(--spring)}@keyframes toolPop{0%{transform:scale(.82)}60%{transform:scale(1.08)}to{transform:none}}.sep{background:var(--line);width:1px;height:22px;margin:0 6px}.swatch,.swatch:after{transition:transform .22s var(--spring)}.swatch.active{box-shadow:0 0 0 2px var(--bar), 0 0 0 3.5px var(--c,var(--accent));border-radius:50%}.swatch.active:after{transform:scale(.8)}.size{border-radius:10px}.size.active{background:var(--accent-soft)}.pagelabel{color:#52525b;background:#18181b0d;border-radius:999px;min-width:0;padding:6px 12px;font-size:13px;font-weight:500}.stage{contain:strict;background:#eceae5}.menu,.pop{background:var(--surface);-webkit-backdrop-filter:saturate(1.8)blur(24px);backdrop-filter:saturate(1.8)blur(24px);border-radius:var(--r-lg);box-shadow:var(--sh-3), inset 0 0 0 .5px #ffffffb3;border:1px solid #18181b0f}.menu{animation:popIn .26s var(--spring);transform-origin:100% 0;padding:14px}.pop{animation:popInC .26s var(--spring);transform-origin:top}.menu-title{letter-spacing:.04em;color:#a1a1aa;text-transform:uppercase;margin:2px 4px 8px;font-size:11.5px;font-weight:600}.menu .row{border-radius:var(--r-sm);border-top:0;margin:1px 0;padding:11px 10px}.menu .row:active{background:#18181b0d;transform:none}.menu .hint,.pop .hint{color:#8b8b93;border-top:0;padding:10px 6px 2px}.selmenu{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border-radius:var(--r-md);animation:popInC .22s var(--spring);background:#18181bdb;padding:5px;box-shadow:0 10px 30px -6px #00000059}.selmenu button{border-radius:10px;padding:7px 11px;font-size:13.5px;font-weight:500}.toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toastIn .3s var(--spring);transition:opacity .35s var(--out), transform .35s var(--out);background:#18181bdb;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500;box-shadow:0 10px 30px -8px #00000059}.toast.out{opacity:0;transform:translate(-50%,8px)scale(.98)}.textedit{box-shadow:0 0 0 1.5px var(--accent-soft), 0 0 0 6px #2b59e80f;caret-color:var(--accent);background:0 0;border-radius:4px;outline:0}.pagenav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:sheetIn .34s var(--spring);background:#eceae5f0}.pagenav-head{box-shadow:0 1px 0 var(--line);background:0 0;border-bottom:0}.pagenav-head b{letter-spacing:-.01em;font-size:17px}.pagenav-head .primary{background:var(--ink);border-radius:999px}.pagenav-grid{gap:26px 20px;padding:24px}.pthumb{animation:fadeUp .4s var(--spring) both}.pthumb .pimg{box-shadow:var(--sh-2);transition:transform .3s var(--spring), box-shadow .3s;border-radius:4px}.pthumb .pimg:active{transform:scale(.96)}.pthumb.cur .pimg{box-shadow:0 0 0 2.5px var(--accent), var(--sh-2)}.pacts{box-shadow:inset 0 0 0 1px var(--line);background:#ffffffb3;border-radius:999px;padding:2px}.pacts button{color:#52525b;border-radius:999px;width:30px;height:30px}.padd{border-radius:var(--r-md);background:#ffffff59;border:1.5px dashed #18181b29}.padd button{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line)}.aipanel{border-radius:var(--r-lg);box-shadow:var(--sh-3);animation:slideIn .34s var(--spring);border:1px solid #18181b0f}.aip-head{box-shadow:0 1px 0 var(--line);border-bottom:0}.aip-head b{color:var(--ink)}.aip-x{background:#18181b0d;border-radius:999px}.aip-quick button{color:var(--accent);background:#2b59e814;border-radius:999px;font-weight:500}.aip-u{background:var(--ink);animation:fadeUp .25s var(--spring);border-radius:18px 18px 6px}.aip-m{animation:.3s fadeIn}.aip-form{box-shadow:0 -1px 0 var(--line);border-top:0}.aip-in{background:#18181b0d;border:0;border-radius:999px;outline:none;padding:10px 14px}.aip-in:focus{box-shadow:0 0 0 1px var(--line), 0 0 0 4px var(--accent-soft);background:#fff}.aip-send{background:var(--ink);border-radius:999px;padding:0 16px}.icon.ai{color:var(--accent)}@media (width<=600px){.aipanel{animation-name:sheetIn}.home{padding-left:18px;padding-right:18px}.home-head h1{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.toolbar{justify-content:space-between;gap:10px;padding-left:8px;padding-right:8px}.toolbar .group{gap:2px}.toolbar .group.lead,.toolbar .group.trail{flex:1 1 0;min-width:0}.toolbar .group.tools{flex:none;gap:6px}.nbtitle{color:#3f3f46;max-width:130px;margin:0 6px 0 2px}.toolset{background:#18181b0b;border-radius:16px;gap:2px;padding:3px;display:flex}.toolset .icon{border-radius:13px;width:46px;height:46px}.toolbar .style{align-items:center;gap:6px;padding:0 2px;display:flex}.toolbar .style .colors{grid-template-rows:repeat(2,21px);grid-auto-columns:21px;grid-auto-flow:column;gap:3px;display:grid}.toolbar .style .sizes{border-left:1px solid var(--line);grid-template-rows:repeat(2,21px);grid-auto-columns:22px;grid-auto-flow:column;gap:3px;margin:0;padding-left:6px;display:grid}.toolbar .style .size.tsize b{font-size:11px!important}.toolbar .style .chip{white-space:nowrap;grid-row:span 2;align-self:center}.toolbar .style .more-c{color:#71717a;border-radius:10px;place-items:center;width:30px;height:44px;display:grid}.pager{background:#18181b0d;border-radius:999px;align-items:center;padding:2px;display:flex}.pager>button:not(.pagelabel){color:#52525b;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.pager svg{width:18px;height:18px}.pager .pagelabel{background:0 0;min-width:44px;padding:6px 4px}.icon.fsx{display:none}.editor.fs [data-act=fullscreen]:not(.fsx){color:var(--accent);background:var(--accent-soft)}.menu.ins{transform-origin:0 0;width:240px;padding:8px;right:auto}.menu.ins .row{justify-content:space-between;gap:10px;font-size:15px}.menu.ins .row>span:first-child{align-items:center;gap:12px;display:flex}.menu.ins .row svg{color:#52525b;width:20px;height:20px}.menu.ins .row .on{color:var(--muted);font-size:13px}.menu.ins .row.active .on{color:var(--accent);font-weight:600}.editor.focus .toolbar{left:50%;top:calc(env(safe-area-inset-top) + 10px);z-index:15;box-shadow:var(--sh-3), inset 0 0 0 .5px #ffffffb3;max-width:calc(100% - 20px);animation:popInC .3s var(--spring);border-radius:22px;padding:5px;position:absolute;transform:translate(-50%)}.editor.focus .toolbar .group.lead,.editor.focus .toolbar .group.trail{display:none}.editor.focus .icon.fsx{display:grid}@media (width<=1060px){.nbtitle{display:none}.toolset .icon{width:42px;height:42px}.toolset .icon svg{width:23px;height:23px}}@media (width<=860px){.toolbar .group.tools [data-act=ai],.presence{display:none}}.presence .dot.p2p{background:#2f9e44;box-shadow:0 0 0 3px #2f9e442e}.icon,.swatch,.size,.more-c,.pager button,.pacts button,.cardmore,.aip-x,.aisheet-x,.selcolors button{appearance:none;flex:none;padding:0;line-height:1}.icon svg,.pager svg,.pacts svg,.more-c svg{flex:none;display:block}.swatch{border-radius:50%;place-items:center;display:grid}.swatch:after{display:block}.size{place-items:center;display:grid}.size i{display:block}.toolbar .style{grid-template-rows:21px 21px;grid-template-columns:auto auto;align-items:center;gap:3px 4px;padding:0;display:grid}.toolbar .style .colors,.toolbar .style .sizes{border:0;justify-content:center;align-items:center;gap:3px;height:21px;margin:0;padding:0;display:flex}.toolbar .style .more-c{grid-area:1/2/span 2;width:30px;height:45px}.toolbar .style .swatch{width:21px;height:21px}.toolbar .style .size.tsize b,.toolbar .style .size.tsize:nth-child(2) b,.toolbar .style .size.tsize:nth-child(3) b{line-height:1;display:block}.toolbar .style .size.tsize:first-child b{font-size:10px!important}.toolbar .style .size.tsize:nth-child(2) b{font-size:13px!important}.toolbar .style .size.tsize:nth-child(3) b{font-size:16px!important}.toolbar .style .chip{border-radius:999px;height:21px;padding:0 10px;font-size:12px;line-height:21px}.pager{gap:0;height:36px;padding:2px}.pager .pagelabel{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;height:32px;padding:0 6px;font-size:13px;line-height:32px}.nbtitle{height:40px;line-height:40px}.presence{align-items:center;height:40px}.toolbar,.toolbar .group{align-items:center}.toolbar .group.tools{height:52px}.toolset .icon{place-items:center;display:grid}.palette{grid-template-columns:repeat(8,32px);justify-content:center;gap:6px 4px}.swatch.custom{width:26px;height:26px;margin:3px}.pop .seg button,.menu .seg button{padding:7px 4px;line-height:1.2}.selcolors{grid-template-columns:repeat(8,30px);justify-content:center;gap:2px;max-width:none;display:grid}.selcolors .swatch{width:30px;height:30px}.menu .row{align-items:center;min-height:44px;line-height:1.2}.menu .row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);margin:0}.home-head{align-items:center}.head-actions{justify-content:flex-end}.head-actions>button{justify-content:center;align-items:center;height:36px;padding:0 14px;line-height:1;display:inline-flex}.cardmore{place-items:center;font-size:18px;line-height:1;display:grid}.menu .menu-title{margin:12px 12px 6px;line-height:16px}.menu .menu-title:first-child{margin-top:4px}.menu .hint,.pop .hint{padding:10px 12px 2px}.menu .row{justify-content:space-between;gap:12px;padding-left:12px;padding-right:12px}.menu .row .lockstate{color:var(--muted,#8b8b93);font-variant-numeric:tabular-nums}.seg button{text-align:center;white-space:nowrap;flex:1 1 0;min-width:0;padding-left:2px;padding-right:2px}.presence .netmode{color:#71717a;white-space:nowrap;background:#18181b0f;border-radius:999px;height:18px;margin:0 4px 0 -2px;padding:0 7px;font-size:11px;font-weight:600;line-height:18px}.presence .netmode.p2p{color:#2f9e44;background:#2f9e441f}.presence .netmode.relay{color:var(--accent,#2b59e8);background:#2b59e81a}.presence .netmode.off{color:#e03131;background:#e031311a}.menu{max-height:calc(100dvh - 80px)}.stage,.stage canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.home,.pagenav-grid,.aip-scroll,.menu{overscroll-behavior:contain}.editor:not(.focus) .toolbar{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}.toast{bottom:calc(28px + env(safe-area-inset-bottom))}.pagenav-grid{padding-bottom:calc(24px + env(safe-area-inset-bottom))}:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--h-sm:32px;--h-md:40px;--h-lg:44px;--r-xs:8px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-pill:999px;--ic:22px;--tb-h:64px;--fill:#18181b0d;--fill-2:#18181b14;--ring:0 0 0 1px var(--line), 0 0 0 4px var(--accent-soft);--solid-bar:#fbfbf9}.primary{height:var(--h-md);padding:0 var(--s4);white-space:nowrap;justify-content:center;align-items:center;gap:6px;line-height:1;display:inline-flex}.primary:disabled{opacity:.35}.seg{background:var(--fill-2);border-radius:12px;flex-wrap:nowrap;gap:2px;padding:3px}.seg label{flex:1 1 0;min-width:0;display:flex}.seg span,.seg button{min-width:0;height:var(--h-sm);white-space:nowrap;border-radius:9px;flex:1 1 0;justify-content:center;align-items:center;padding:0 4px;font-size:14px;line-height:1;display:flex}.seg input:checked+span,.seg button.active{background:#fff;font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.home{padding:calc(env(safe-area-inset-top) + var(--s8)) max(var(--s8), env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom)) max(var(--s8), env(safe-area-inset-left))}.home-head{max-width:1120px;margin:0 auto var(--s4);justify-content:space-between;align-items:center;gap:var(--s3) var(--s4);min-height:var(--h-md);flex-wrap:wrap;display:flex}.home-head h1{font-size:32px;line-height:var(--h-md);min-width:0;margin:0}.crumb{height:var(--h-sm);align-items:center;padding:0;display:inline-flex}.head-actions{justify-content:flex-end;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.head-actions>button:not(.primary),.btn-group{height:var(--h-md);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line);background:#ffffffbf;border:0}.head-actions>button:not(.primary){padding:0 var(--s4);color:#3f3f46;align-items:center;font-size:14px;font-weight:500;display:inline-flex}.btn-group{align-items:stretch;padding:0;display:inline-flex;overflow:hidden}.btn-group>button{height:100%;padding:0 var(--s4);color:#3f3f46;border-radius:0;align-items:center;font-size:14px;font-weight:500;display:inline-flex;position:relative}.btn-group>button+button:before{content:"";background:var(--line);width:1px;position:absolute;top:11px;bottom:11px;left:0}.btn-group>button:active:not(:disabled){background:var(--fill);transform:none}.head-actions .primary{padding:0 var(--s4) 0 14px}.home .search{max-width:1120px;height:var(--h-lg);padding:0 var(--s4) 0 42px;margin:0 auto var(--s6);border-radius:var(--r-md);background-position:15px}.banner{margin:0 auto var(--s6);padding:var(--s3) var(--s4);min-height:var(--h-lg)}.banner button{height:var(--h-sm);padding:0 var(--s3);border-radius:var(--r-pill);background:var(--accent-soft)}.grid{gap:var(--s6) var(--s6);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-width:1120px}.card{flex-direction:column;display:flex}.meta{padding:var(--s3) 0 0;min-height:52px}.title{padding-right:36px;font-size:15px;line-height:20px}.sub{font-variant-numeric:tabular-nums;margin-top:2px;font-size:12.5px;line-height:18px}.cardmore{width:var(--h-md);height:var(--h-md);border-radius:var(--r-pill);color:#a1a1aa;font-size:20px;bottom:6px;right:-6px}.empty{padding:96px var(--s4);line-height:1.6}@media (width<=900px){.home{padding-left:max(var(--s6), env(safe-area-inset-left));padding-right:max(var(--s6), env(safe-area-inset-right))}.home-head{flex-direction:column;align-items:stretch}.head-actions{justify-content:flex-start}.head-actions .primary{margin-left:auto}}@media (width<=600px){.home{padding-left:var(--s4);padding-right:var(--s4)}.home-head h1{font-size:28px}.grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.dlg{width:min(400px,100vw - 32px);padding:var(--s6);border-radius:var(--r-lg)}.dlg form{gap:var(--s4);flex-direction:column;margin:0;display:flex}.dlg h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;line-height:26px;overflow:hidden}.dlg .dlg-sub{color:var(--muted);margin:-8px 0 0;font-size:14px;line-height:1.5}.dlg input[name=title]{height:var(--h-lg);padding:0 14px;font-size:16px}.dlg .seg{margin:0}.cd-row{height:var(--h-lg);gap:var(--s3);margin:0}.cd-row>span{color:#3f3f46;flex:none}.cd-row select{height:var(--h-lg);padding:0 var(--s3);appearance:none;background:var(--fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--ink);padding-right:34px;font-size:15px}.dlg-list{background:var(--fill);border-radius:var(--r-md);flex-direction:column;display:flex;overflow:hidden}.dlg-list>button{height:var(--h-lg);padding:0 var(--s4);text-align:left;border-radius:0;align-items:center;font-size:15px;display:flex;position:relative}.dlg-list>button+button:before{content:"";left:var(--s4);background:var(--line);height:1px;position:absolute;top:0;right:0}.dlg-list>button:active:not(:disabled){background:var(--fill-2);transform:none}.dlg-actions{gap:var(--s2);margin-top:var(--s1);flex-flow:row-reverse;display:flex}.dlg-actions>button{min-width:0;height:var(--h-lg);border-radius:var(--r-pill);padding:0 var(--s3);flex:1 1 0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:inline-flex}.dlg-actions>button:not(.primary){background:var(--fill);color:#3f3f46;padding:0 var(--s3)}.dlg-actions>button:only-child{flex:100%}.primary.danger-fill{background:var(--danger)}.dlg-pick{background:var(--fill);border-radius:var(--r-md);overscroll-behavior:contain;flex-direction:column;max-height:min(360px,50dvh);display:flex;overflow-y:auto}.pick-row{align-items:center;gap:var(--s3);min-height:var(--h-lg);padding:0 var(--s4);text-align:left;border-radius:0;grid-template-columns:1fr auto 20px;display:grid;position:relative}.pick-row+.pick-row:before{content:"";left:var(--s4);background:var(--line);height:1px;position:absolute;top:0;right:0}.pick-row:active:not(:disabled){background:var(--fill-2);transform:none}.pick-label{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.pick-sub{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.pick-check{width:20px;height:20px;transition:box-shadow .2s var(--out), background-color .2s;border-radius:50%;box-shadow:inset 0 0 0 1.5px #18181b33}.pick-row.active .pick-check{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center;box-shadow:none}.dlg-empty{padding:var(--s6) var(--s4);text-align:center;color:var(--muted);background:var(--fill);border-radius:var(--r-md);font-size:15px}.toolbar{gap:var(--s2);padding-top:calc(env(safe-area-inset-top) + 6px);min-height:calc(env(safe-area-inset-top) + var(--tb-h));padding-bottom:6px}.editor:not(.focus) .toolbar{align-items:center;column-gap:var(--s3);padding-left:max(var(--s2), env(safe-area-inset-left));padding-right:max(var(--s2), env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;overflow:visible}.toolbar .group{align-items:center;gap:var(--s1);min-width:0;height:52px;display:flex}.toolbar .group.lead{justify-content:flex-start}.toolbar .group.trail{justify-content:flex-end}.toolbar .group.tools{gap:var(--s2)}.icon{width:var(--h-md);height:var(--h-md);border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.icon svg{width:var(--ic);height:var(--ic);display:block}.nbtitle{min-width:0;max-width:180px;height:var(--h-md);line-height:var(--h-md);margin:0 var(--s1);flex:0 auto;font-size:15px;font-weight:600}.toolset{padding:var(--s1);background:var(--fill);border-radius:16px;gap:2px}.toolset .icon{width:var(--h-lg);height:var(--h-lg);border-radius:12px}.toolset .icon svg{width:24px;height:24px}.toolset .icon.active{color:var(--accent);background:#fff;box-shadow:0 1px 2px #10101414,0 4px 12px -4px #10101424}.toolbar .style{grid-template-columns:152px var(--h-sm);column-gap:var(--s1);row-gap:var(--s1);grid-template-rows:22px 22px;align-items:center;height:48px;padding:0;display:grid}.toolbar .style.hidden{visibility:hidden;pointer-events:none;display:grid!important}.toolbar .style .colors,.toolbar .style .sizes{justify-content:center;align-items:center;gap:var(--s1);border:0;width:152px;height:22px;margin:0;padding:0;display:flex}.toolbar .style .colors{grid-area:1/1}.toolbar .style .sizes{grid-area:2/1}.toolbar .style .swatch{width:22px;height:22px;box-shadow:none;border-radius:50%}.toolbar .style .swatch:after{width:14px;height:14px}.toolbar .style .swatch.active{box-shadow:inset 0 0 0 2px var(--accent)}.toolbar .style .swatch.active:after{transform:none}.toolbar .style .size{border-radius:7px;width:28px;height:22px}.toolbar .style .size i{max-width:14px;max-height:14px}.toolbar .style .size i.ring{max-width:16px;max-height:16px}.toolbar .style .chip{height:22px;padding:0 var(--s3);border-radius:var(--r-pill);font-size:12px;font-weight:500;line-height:22px}.toolbar .style .more-c{width:var(--h-sm);border-radius:var(--r-xs);color:#71717a;grid-area:1/2/span 2;height:48px}.toolbar .style .more-c svg{width:20px;height:20px}.swatch{padding:0}.swatch[style*=\#ffffff]:after{box-shadow:inset 0 0 0 1px #00000038}.pager{height:var(--h-md);border-radius:var(--r-pill);background:var(--fill);gap:0;padding:2px}.pager>button:not(.pagelabel){width:36px;height:36px}.pager .pagelabel{height:36px;padding:0 var(--s1);min-width:56px;font-size:13px;line-height:36px}.presence{height:var(--h-md);padding:0 var(--s1)}.presence:empty{display:none}.editor.focus .toolbar{height:auto;min-height:0;padding:var(--s1) var(--s2);gap:var(--s2);border-radius:22px;display:flex}.editor.focus .toolbar .group.tools{height:52px}@media (width<=1060px){.nbtitle{display:none}}@media (width<=960px){.editor:not(.focus) .toolbar{justify-content:space-between;column-gap:var(--s2);display:flex}.toolbar .group.lead,.toolbar .group.trail{flex:0 auto}.toolset .icon{width:var(--h-md);height:var(--h-md)}.toolset .icon svg{width:var(--ic);height:var(--ic)}.toolbar .group.tools{gap:var(--s1);height:48px}.toolbar .group.trail [data-act=fullscreen]:not(.fsx){display:none}}@media (width<=860px){.toolbar .style{grid-template-columns:124px var(--h-sm)}.toolbar .style .colors,.toolbar .style .sizes{gap:2px;width:124px}.toolbar .style .size{width:24px}.pager>button:not(.pagelabel){display:none}.pager .pagelabel{min-width:60px}}.menu,.pop{top:calc(env(safe-area-inset-top) + var(--tb-h) + var(--s1));border-radius:var(--r-lg)}.menu{right:max(var(--s2), env(safe-area-inset-right));width:288px;padding:var(--s2);max-height:calc(100dvh - var(--tb-h) - env(safe-area-inset-top) - 16px)}.editor.focus .menu,.editor.focus .pop{top:calc(env(safe-area-inset-top) + 76px)}.menu .menu-title,.pop .menu-title{margin:var(--s3) var(--s3) 6px;font-size:11.5px;line-height:16px}.menu .menu-title:first-child,.pop .menu-title:first-child{margin-top:var(--s1)}.menu .row{min-height:var(--h-lg);padding:0 var(--s3);border-radius:var(--r-sm);gap:var(--s3);margin:0;font-size:15px}.menu .seg{margin:0 0 var(--s1)}.menu .layers:empty{display:none}.menu .hint{margin:var(--s2) var(--s1) 0;padding:var(--s3);border-radius:var(--r-md);background:var(--fill);color:#71717a;font-size:12px;line-height:1.7}.menu.ins{width:240px;padding:var(--s2);transform-origin:top}.menu.ins .row>span:first-child{gap:var(--s3)}.menu.ins .row svg{flex:none;width:20px;height:20px}.menu.ins .row .on{text-align:center;border-radius:var(--r-pill);background:var(--fill);min-width:28px;height:22px;font-size:12px;line-height:22px}.menu.ins .row.active .on{background:var(--accent-soft)}.pop{width:332px;max-width:calc(100vw - 16px);padding:var(--s3)}.pop .seg{margin:0 0 var(--s1)}.pop .hint{padding:var(--s2) var(--s1) var(--s1)}.palette{grid-template-columns:repeat(var(--cols,5), 1fr);justify-items:center;gap:var(--s2) 0;padding:var(--s1) 0;display:grid}.palette .swatch{width:var(--h-md);height:var(--h-md)}.palette .swatch:after{width:28px;height:28px}.palette .swatch.active{box-shadow:inset 0 0 0 2.5px var(--accent)}.palette .swatch.active:after{transform:scale(.82)}.palette .swatch.custom{width:28px;height:28px;margin:6px;box-shadow:inset 0 0 0 1px #0000001f}.selmenu{background:var(--surface);color:var(--ink);padding:var(--s1);box-shadow:var(--sh-3), inset 0 0 0 .5px #ffffffb3;-webkit-backdrop-filter:saturate(1.8)blur(24px);backdrop-filter:saturate(1.8)blur(24px);gap:var(--s1);border:1px solid #18181b0f;border-radius:16px}.selrow{gap:2px}.selmenu button{height:36px;padding:0 var(--s3);border-radius:var(--r-sm);color:#3f3f46;white-space:nowrap;gap:6px;font-size:13.5px;font-weight:500}.selmenu button svg{flex:none;width:18px;height:18px}.selmenu button:active{background:var(--fill-2)}.selmenu [data-act=sel-delete]{color:var(--danger)}.selcolors{gap:var(--s1);padding:var(--s1);border-top:1px solid var(--line);grid-template-columns:repeat(7,36px);justify-content:center;display:grid}.selcolors .swatch{width:36px;height:36px;padding:0}.selcolors .swatch:after{width:26px;height:26px}.selcolors .swatch.active,.selcolors .swatch:active{box-shadow:inset 0 0 0 2px var(--accent)}.pagenav-head{height:calc(env(safe-area-inset-top) + var(--tb-h));padding:env(safe-area-inset-top) max(var(--s6), env(safe-area-inset-right)) 0 max(var(--s6), env(safe-area-inset-left))}.pagenav-head .primary{height:var(--h-md);padding:0 20px}.pagenav-grid{gap:var(--s6) var(--s4);padding:var(--s6) max(var(--s6), env(safe-area-inset-right)) calc(var(--s6) + env(safe-area-inset-bottom)) max(var(--s6), env(safe-area-inset-left));grid-template-columns:repeat(auto-fill,minmax(166px,1fr));justify-items:center}.pthumb{gap:var(--s2);width:166px}.pthumb .pimg{border-radius:6px;padding:0}.pthumb canvas{width:150px;height:212px}.pnum{height:16px;line-height:16px}.pacts{gap:0;height:36px;padding:2px}.pacts button{width:32px;height:32px}.padd{box-sizing:border-box;width:150px;height:auto;min-height:212px;padding:var(--s3);align-self:start;gap:var(--s1);justify-content:center}.padd .menu-title{text-align:center;margin:0 0 2px}.padd button{flex:none;width:100%;height:30px;margin:0;padding:0;font-size:13.5px}.aipanel{top:calc(env(safe-area-inset-top) + var(--tb-h) + var(--s1));right:max(var(--s2), env(safe-area-inset-right))}.editor.focus .aipanel{top:calc(env(safe-area-inset-top) + 76px)}.aip-head{height:52px;padding:0 var(--s3) 0 var(--s4);gap:var(--s2)}.aip-x,.aisheet-x{width:var(--h-sm);height:var(--h-sm);place-items:center;font-size:14px;display:grid}.aip-scroll{padding:var(--s4)}.aip-quick{gap:var(--s2)}.aip-quick button{height:var(--h-sm);padding:0 14px}.aip-form{padding:var(--s2) var(--s3);gap:var(--s2);align-items:center}.aip-in,.aip-send{height:var(--h-md);padding:0 var(--s4)}@media (width<=600px){.aipanel{top:auto;left:var(--s2);right:var(--s2)}}.dlg[open]{animation:sheetIn .3s var(--spring)}.pick-row,.dlg-list>button{transition:background-color .15s var(--out)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.editor:not(.focus) .toolbar{grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr)}.editor:not(.focus) .toolbar .group.tools{height:52px;padding:var(--s1);gap:var(--s1);background:var(--fill);border-radius:16px}.editor:not(.focus) .toolset{background:0 0;border-radius:12px;padding:0}.toolbar .group.tools>.style,.toolbar .group.tools>[data-act=insert]{margin-left:var(--s2);position:relative}.toolbar .group.tools>.style:before,.toolbar .group.tools>[data-act=insert]:before{content:"";left:calc(-1 * var(--s1) - 2.5px);background:var(--fill-2);visibility:visible;width:1px;position:absolute;top:12px;bottom:12px}.toolbar .group.tools>[data-act=insert]:before{top:10px;bottom:10px}.toolbar .group.tools>.style{padding:0 var(--s1)}.toolbar .style .sizes{gap:3px}.histpill{height:var(--h-md);border-radius:var(--r-pill);background:var(--fill);align-items:center;gap:0;padding:2px;display:flex}.histpill .icon{border-radius:var(--r-pill);width:36px;height:36px}.histpill .icon svg{width:20px;height:20px}.toolbar .group.lead,.toolbar .group.trail{gap:var(--s2)}.fs-row{display:none!important}@media (width<=1060px){.toolset .icon{width:var(--h-md);height:var(--h-md)}.toolset .icon svg{width:var(--ic);height:var(--ic)}}@media (width<=960px){.editor:not(.focus) .toolbar{overflow-x:auto}.editor:not(.focus) .toolbar .group.tools{height:48px;padding:var(--s1)}.toolbar .group.lead,.toolbar .group.trail{gap:var(--s1)}.fs-row{display:flex!important}}.editor.focus .toolbar .group.tools{background:0 0;padding:0}.editor.focus .toolset{background:var(--fill)}.menu.main .menu-title:not(:first-child){padding-top:var(--s3);border-top:1px solid var(--line);margin-top:var(--s2)}.menu.main .row.danger{margin-top:var(--s2);position:relative}.menu.main .row.danger:before{content:"";left:var(--s3);right:var(--s3);top:calc(-1 * var(--s1) - .5px);background:var(--line);height:1px;position:absolute}.menu.ins .row .on{color:#52525b}.dlg-actions{margin-top:0}.dlg input[name=title]{box-sizing:border-box;border:0;line-height:normal}.pagenav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ecebe7}.pagenav-head{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.pagenav-head:before{content:""}.pagenav-head b{text-align:center}.pagenav-head .primary{justify-self:end}.pagenav-grid{grid-template-columns:repeat(auto-fill,166px);justify-content:center;align-items:stretch}.padd{align-self:stretch;width:166px;min-height:0}.toolbar .style.hidden:after{visibility:visible;text-align:center;color:#8b8b93;white-space:normal;padding:0 var(--s1);grid-area:1/1/-1/-1;align-self:center;font-size:12px;line-height:1.4}.home .search{box-sizing:border-box;width:100%}.home>.search{max-width:1120px}.pagenav-grid{grid-template-columns:repeat(auto-fit,166px)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.histpill,.pager{padding:0}.histpill .icon,.pager>button:not(.pagelabel){width:var(--h-md);height:var(--h-md)}.pager .pagelabel{height:var(--h-md);line-height:var(--h-md)}.toolbar .style .colors,.toolbar .style .sizes{justify-content:space-between}.toolbar .style .chip{margin:0 auto}.toolbar .style.hidden:after{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.editor:has(.stage[data-tool=lasso]) .toolbar .style.hidden:after{content:"圈選：移動、縮放、問 AI"}.editor:has(.stage[data-tool=laser]) .toolbar .style.hidden:after{content:"雷射筆：指給別人看，不留筆跡"}.toolbar .style .more-c .cur,.pop .popsizes{display:none}.menu{max-height:calc(100vh - var(--tb-h) - env(safe-area-inset-top) - 16px);max-height:calc(100dvh - var(--tb-h) - env(safe-area-inset-top) - 16px)}.pop{max-height:calc(100vh - var(--tb-h) - env(safe-area-inset-top) - 16px);max-height:calc(100dvh - var(--tb-h) - env(safe-area-inset-top) - 16px);overscroll-behavior:contain;overflow-y:auto}.editor.focus .menu,.editor.focus .pop{max-height:calc(100vh - env(safe-area-inset-top) - 88px);max-height:calc(100dvh - env(safe-area-inset-top) - 88px)}.dlg-pick{max-height:min(360px,50dvh)}.selmenu{width:max-content;max-width:calc(100% - 16px)}.selrow{flex-wrap:wrap;justify-content:center}.aipanel{bottom:calc(10px + max(env(safe-area-inset-bottom), var(--kb,0px)))}@media (width<=600px){.aipanel{height:min(70%, calc(var(--vvh,100vh) - 24px));max-height:calc(100% - var(--tb-h) - env(safe-area-inset-top) - 16px)}}@media (width<=1140px){.toolbar .group.trail [data-act=fullscreen]:not(.fsx){display:none}.fs-row{display:flex!important}}@media (width<=1023px){.editor:not(.focus) .toolbar{column-gap:var(--s3);grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);display:grid;overflow-x:auto}.toolbar .group.lead,.toolbar .group.trail{gap:var(--s1)}.toolbar .group.tools [data-act=ai]{display:grid}.toolbar .style{grid-template-columns:var(--h-md);grid-template-rows:var(--h-md);height:var(--h-md);gap:0;padding:0!important}.toolbar .style .colors,.toolbar .style .sizes{display:none}.toolbar .style .more-c{width:var(--h-md);height:var(--h-md);background:radial-gradient(circle,#fff 0 13px,#0000 13.5px);border-radius:12px;grid-area:1/1}.toolbar .style .more-c svg{display:none}.toolbar .style .more-c .cur{width:var(--d,12px);height:var(--d,12px);background:var(--c,#18181b);border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #00000024}.toolbar .style .more-c .cur.ring{background:0 0;box-shadow:inset 0 0 0 2px #52525b}.toolbar .group.tools>.style:before{top:10px;bottom:10px}.toolbar .style.hidden:after{content:none!important}.pop .popsizes{display:block}.pop .psz{padding:var(--s1) 0;justify-content:space-around;display:flex}.pop .psz .size{width:var(--h-lg);height:var(--h-md);border-radius:var(--r-sm);padding:0}.pop .psz .size b{color:#3f3f46;line-height:1}.pop .psz .size.active b{color:var(--accent)}}@media (width<=960px){.editor:not(.focus) .toolbar{justify-content:stretch;display:grid}}@media (width<=740px){.toolbar .group.tools [data-act=ai]{display:none}}@media (width<=700px) and (height>=501px){:root{--tb-h:108px}.editor:not(.focus) .toolbar{row-gap:var(--s1);column-gap:var(--s2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lead trail""tools tools";overflow:visible}.editor:not(.focus) .toolbar .group.lead{height:var(--h-lg);grid-area:lead}.editor:not(.focus) .toolbar .group.trail{height:var(--h-lg);grid-area:trail}.editor:not(.focus) .toolbar .group.tools{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:tools;justify-self:center;max-width:100%;overflow:auto hidden}.editor:not(.focus) .toolbar .group.tools::-webkit-scrollbar{display:none}.toolbar .group.tools [data-act=ai]{display:grid}}@media (width<=480px){.editor:not(.focus) .toolbar{padding-left:max(var(--s1), env(safe-area-inset-left));padding-right:max(var(--s1), env(safe-area-inset-right))}.toolbar .group.tools [data-act=ai]{display:none}.toolbar .group.tools{gap:2px!important}.toolset{gap:0}.toolbar .group.tools>.style,.toolbar .group.tools>[data-act=insert]{margin-left:6px}.toolbar .group.tools>.style:before,.toolbar .group.tools>[data-act=insert]:before{left:-4.5px}}@media (width<=400px){.toolset .icon{width:36px}}@media (width<=480px){.pagenav-grid{gap:var(--s4) var(--s3);padding:var(--s4) max(var(--s4), env(safe-area-inset-right)) calc(var(--s4) + env(safe-area-inset-bottom)) max(var(--s4), env(safe-area-inset-left));grid-template-columns:repeat(auto-fit,136px)}.pthumb,.padd{width:136px}.pthumb canvas{width:120px;height:170px}.pagenav-head{padding-left:max(var(--s4), env(safe-area-inset-left));padding-right:max(var(--s4), env(safe-area-inset-right))}.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.home-head h1{font-size:26px}}@media (hover:hover) and (pointer:fine){.icon:not(.active):not(:disabled):hover,.pager>button:not(:disabled):hover,.more-c:hover,.pacts button:not(:disabled):hover,.aip-x:hover,.cardmore:hover{background-color:var(--fill-2)}.menu .row:hover,.dlg-list>button:hover,.pick-row:hover,.selmenu button:hover,.size:not(.active):hover{background-color:var(--fill)}.head-actions>button:not(.primary):hover,.btn-group>button:hover{background-color:#fff}.primary:not(:disabled):hover{filter:brightness(1.12)}}@media (pointer:coarse){.selmenu button{height:var(--h-md)}.aip-x,.aisheet-x{width:var(--h-md);height:var(--h-md)}.pacts{height:var(--h-md);padding:0}.pacts button{width:36px;height:var(--h-md)}}@media (width<=1023px){.toolbar .group.tools>.style.hidden:before{visibility:hidden}}@media (width<=480px){.home-head{gap:var(--s3)}.head-actions{margin:0 calc(-1 * var(--s4));padding:2px var(--s4);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.head-actions::-webkit-scrollbar{display:none}.head-actions>*{flex:none}.head-actions .primary{order:-1;margin-left:0}}@media (width<=350px) and (height>=501px){.toolset [data-tool=laser]{display:none}.toolset .icon{width:34px}}@media (height<=500px){.toolbar .group.tools [data-act=ai]{display:none!important}}@media (width<=700px) and (height<=500px){.editor:not(.focus) .toolbar{column-gap:var(--s2);padding-left:max(var(--s1), env(safe-area-inset-left));padding-right:max(var(--s1), env(safe-area-inset-right))}.toolbar .group.lead,.toolbar .group.trail{gap:2px}.toolbar .group.tools{gap:2px!important}.toolset{gap:0}}@media (height<=500px){.aipanel{top:calc(env(safe-area-inset-top) + var(--tb-h) + var(--s1));height:auto}.dlg{max-height:calc(100% - 16px);padding:var(--s4);overflow-y:auto}.dlg form{gap:var(--s3)}.pagenav-head{height:calc(env(safe-area-inset-top) + 52px)}}@media (width<=900px){.home-head{flex-wrap:nowrap}.home-head>*{min-width:0;max-width:100%}.head-actions{max-width:calc(100% + 2 * var(--s4))}}@media (width>=481px) and (width<=900px){.head-actions{max-width:100%}}@media (width>=1600px){.pagenav-grid{width:100%;max-width:1600px;margin:0 auto}}@media (height<=500px){.pop{padding:var(--s2)}.pop .menu-title{display:none}.pop .seg{margin-bottom:var(--s2)}.palette{gap:2px 0;padding:0}.palette .swatch{width:36px;height:36px}.palette .swatch:after{width:26px;height:26px}.pop .psz{padding:2px 0 0}}.banner.warn{color:#8a4b00;background:#fff4e5;box-shadow:inset 0 0 0 1px #f5c67a}.save-banner{z-index:10000;left:50%;top:calc(env(safe-area-inset-top,0px) + 8px);color:#fff;pointer-events:none;background:#c92a2a;border-radius:12px;max-width:min(640px,100vw - 24px);padding:10px 14px;font-size:14px;font-weight:600;line-height:1.4;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.jc-dlg{width:min(420px,92vw)}.jc-dlg form{gap:var(--s3);flex-direction:column;display:flex}.jc-dlg .dlg-sub{margin:0}.jc-code{letter-spacing:.14em;text-align:center;color:var(--ink);padding:var(--s4) var(--s2);border-radius:var(--r-md);background:var(--fill);-webkit-user-select:all;user-select:all;font-variant-numeric:tabular-nums;font:700 44px/1.1 ui-monospace,SF Mono,Menlo,monospace}.jc-code.dead{color:var(--muted);opacity:.6;text-decoration:line-through;text-decoration-thickness:2px}.jc-status{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;min-height:1.4em;font-size:14px}.jc-reqs{gap:var(--s2);flex-direction:column;display:flex}.jc-reqs:empty{display:none}.jc-req{gap:var(--s2);padding:var(--s3);border-radius:var(--r-md);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--line);animation:sheetIn .32s var(--spring);flex-direction:column;display:flex}.jc-req-text{color:var(--ink);overflow-wrap:anywhere;font-size:15px;line-height:1.45}.jc-req-btns{gap:var(--s2);justify-content:flex-end;display:flex}.jc-req-btns button{min-height:var(--h-md);padding:0 var(--s4);border-radius:var(--r-sm)}.jc-req-btns button:not(.primary){color:var(--danger);background:var(--fill)}.jc-req.busy{opacity:.6;pointer-events:none}.jc-form{gap:var(--s2);flex-direction:column;display:flex}.jc-form[hidden],.jc-wait[hidden]{display:none}.jc-input,.jc-name{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;padding:11px 12px;font-size:16px}.jc-input{letter-spacing:.18em;text-align:center;text-transform:uppercase;font:600 26px/1.2 ui-monospace,SF Mono,Menlo,monospace}.jc-input::placeholder{letter-spacing:.06em;font-size:18px;font-weight:400}.jc-input:focus,.jc-name:focus{box-shadow:var(--ring);outline:none}.jc-wait{justify-content:center;align-items:center;gap:var(--s2);padding:var(--s4) 0;color:var(--ink);font-size:16px;display:flex}.jc-spin{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite jcspin}@keyframes jcspin{to{transform:rotate(360deg)}}.jc-msg{min-height:1.3em;color:var(--danger);margin:0;font-size:14px;line-height:1.45}.jc-msg:empty{min-height:0}.dlg-actions button[hidden]{display:none}@media (prefers-reduced-motion:reduce){.jc-spin{animation-duration:3s}.jc-req{animation:none}}.head-actions .joinbtn{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--line);font-weight:600}@media (width<=480px){.head-actions .joinbtn{order:-2}.head-actions .primary{order:-1}}.vo-badge{height:24px;padding:0 var(--s2);border-radius:var(--r-pill);color:var(--accent);background:var(--accent-soft);white-space:nowrap;flex:none;align-items:center;font-size:12.5px;font-weight:600;display:inline-flex}.editor.viewonly .histpill,.editor.viewonly .toolset .tool:not([data-tool=laser]):not([data-tool=lasso]),.editor.viewonly .toolbar .group.tools>.style,.editor.viewonly [data-act=insert],.editor.viewonly .menu.main .seg,.editor.viewonly .menu.main .menu-title:first-child,.editor.viewonly .menu.main [data-act=shapehold],.editor.viewonly .menu.main [data-act=share],.editor.viewonly .menu.main [data-act=invitecode],.editor.viewonly .menu.main [data-act=lock],.editor.viewonly .menu.main [data-act=delpage],.editor.viewonly .pagenav [data-pg-act]:not([data-pg-act=go]),.editor.viewonly .pagenav .padd{display:none!important}.editor.viewonly .menu.main label:has([data-act=shapehold]){display:none!important}.presence .peer.viewer{outline:2px dashed var(--c,var(--muted));outline-offset:1px;background:var(--fill);color:var(--c,var(--ink))}.netmode.vo{color:var(--muted);background:var(--fill)}.jc-req-btns{flex-wrap:wrap}.jc-req-btns button[data-view]{color:var(--accent);background:var(--accent-soft)}.aip-model{border-radius:var(--r-pill);background:var(--fill);color:var(--muted);padding:1px 8px;font-size:12px;font-weight:500}.aip-alt{padding:2px var(--s4,14px) var(--s3,12px);line-height:1.4}.aip-jump-h{color:var(--muted);margin:0 2px 8px;font-size:11.5px}.aip-jumps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.aip-jump{background:color-mix(in srgb, var(--ink,#111) 5%, transparent);letter-spacing:.01em;min-height:44px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink,#111) 9%, transparent);transition:transform .18s var(--spring,cubic-bezier(.22,.9,.24,1)), background .18s;-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:flex;color:var(--ink,#111)!important}.aip-jump:hover{background:color-mix(in srgb, var(--ink,#111) 8%, transparent)}.aip-jump:active{transform:scale(.96)}.aip-jump span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.aip-jump svg{opacity:.45;flex:none;width:12px;height:12px}.aip-share{background:0 0;border-radius:10px;margin:10px auto 0;padding:6px 10px;font-size:12.5px;display:block;color:var(--accent)!important}@media (width<=360px){.aip-jump{gap:5px;padding:0 6px;font-size:13px}.aip-jump svg{display:none}}@media (prefers-reduced-motion:reduce){.aip-jump{transition:none}}.save-banner{pointer-events:auto;background:#b3401f;align-items:center;gap:12px;display:flex}.save-banner-btn{color:#b3401f;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;flex:none;padding:6px 14px;font-weight:700}.save-banner-btn:active{transform:scale(.96)}.home-foot{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:5;pointer-events:none;justify-content:center;display:flex;position:fixed}.home .grid{padding-bottom:64px}.home-foot button{pointer-events:auto;-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);color:var(--muted,#8a8a92);background:0 0;border-radius:999px;padding:8px 14px;font-size:14px;transition:background-color .2s,color .2s;box-shadow:0 1px #0000000a,0 4px 16px #0000000f;background:#ffffffb8!important}.home-foot button:hover,.home-foot button:active{color:var(--ink,#18181b);background:#18181b0d}.dlg .fb-text,.dlg .fb-contact{border-radius:var(--r-sm,10px);width:100%;font:inherit;-webkit-user-select:text;user-select:text;resize:vertical;background:#18181b0d;border:0;outline:none;padding:11px 12px;font-size:16px}.dlg .fb-text{min-height:130px;margin-bottom:10px;line-height:1.5}.dlg .fb-text:focus,.dlg .fb-contact:focus{box-shadow:0 0 0 2px var(--accent,#2b59e8);background:#fff}.dlg .fb-note{margin-top:8px;font-size:12px}.dlg .seg+.fb-text{margin-top:0}.banner.move span{flex:1;line-height:1.5}.banner.move button.primary{background:var(--accent);color:#fff}.empty-move{margin:var(--s5,20px) auto 0;align-items:center;gap:var(--s3,12px);max-width:420px;color:var(--ink,#222);flex-direction:column;font-size:14px;display:flex}.empty-move button{height:var(--h-md,40px);padding:0 var(--s5,20px);border-radius:var(--r-pill,999px)}@media (width<=700px){.banner.move{flex-wrap:wrap}.banner.move span{flex-basis:100%}}.home.dropping{outline:2px dashed var(--accent);outline-offset:-8px;border-radius:var(--r-md,14px)}.dlg-sub{white-space:pre-line}.cover{position:relative;overflow:hidden}.cover>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;animation:fadeIn .25s var(--out);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;inset:0}.cover-folder,.card.folder .cover{place-items:center;display:grid;overflow:visible;box-shadow:none!important;background:0 0!important}.cover-folder:before,.cover-folder:after{content:none!important;display:none!important}.cover-folder .fsvg{filter:drop-shadow(0 6px 10px #1e78c838);width:92%;height:auto;transition:transform .35s var(--spring)}@media (hover:hover){.card.folder:hover .cover{transform:none}.card.folder:hover .fsvg{transform:translateY(-4px)}}.split{--split:.5;height:100%;display:flex}.split>.pane{min-width:0;height:100%;position:relative;overflow:hidden;container:pane/size}.split>.pane.left{flex:0 0 calc((100% - 12px) * var(--split))}.split>.pane.right{flex:1 1 0}.split>.pane>.loading{height:100%;color:var(--muted);place-items:center;display:grid}.split>.divider{cursor:col-resize;touch-action:none;z-index:5;background:#dcdad4;flex:0 0 12px;position:relative}.split>.divider>i{background:#9b9a96;border-radius:3px;width:5px;height:44px;margin:-22px 0 0 -2.5px;transition:background .2s,height .2s;position:absolute;top:50%;left:50%}.split.dragging>.divider>i,.split>.divider:hover>i{background:var(--accent);height:64px;margin-top:-32px}.split.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.split.dragging .pane{pointer-events:none}.split>.pane .editor{animation:none}.split>.pane:not(.active) .toolbar{opacity:.72;transition:opacity .2s}.split-close{display:none!important}.split .split-close{display:flex!important}@container pane (width<=600px){.aipanel{width:auto;height:70%;animation-name:sheetIn;top:auto;left:10px;right:10px}.home{padding-left:18px;padding-right:18px}.home-head h1{font-size:28px}}@container pane (width<=1060px){.nbtitle{display:none}.toolset .icon{width:42px;height:42px}.toolset .icon svg{width:23px;height:23px}}@container pane (width<=860px){.toolbar .group.tools [data-act=ai],.presence{display:none}}@container pane (width<=900px){.home{padding-left:max(var(--s6), env(safe-area-inset-left));padding-right:max(var(--s6), env(safe-area-inset-right))}.home-head{flex-direction:column;align-items:stretch}.head-actions{justify-content:flex-start}.head-actions .primary{margin-left:auto}}@container pane (width<=600px){.home{padding-left:var(--s4);padding-right:var(--s4)}.home-head h1{font-size:28px}.grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@container pane (width<=1060px){.nbtitle{display:none}}@container pane (width<=960px){.editor:not(.focus) .toolbar{justify-content:space-between;column-gap:var(--s2);display:flex}.toolbar .group.lead,.toolbar .group.trail{flex:0 auto}.toolset .icon{width:var(--h-md);height:var(--h-md)}.toolset .icon svg{width:var(--ic);height:var(--ic)}.toolbar .group.tools{gap:var(--s1);height:48px}.toolbar .group.trail [data-act=fullscreen]:not(.fsx){display:none}}@container pane (width<=860px){.toolbar .style{grid-template-columns:124px var(--h-sm)}.toolbar .style .colors,.toolbar .style .sizes{gap:2px;width:124px}.toolbar .style .size{width:24px}.pager>button:not(.pagelabel){display:none}.pager .pagelabel{min-width:60px}}@container pane (width<=600px){.aipanel{top:auto;left:var(--s2);right:var(--s2)}}@container pane (width<=1060px){.toolset .icon{width:var(--h-md);height:var(--h-md)}.toolset .icon svg{width:var(--ic);height:var(--ic)}}@container pane (width<=960px){.editor:not(.focus) .toolbar{overflow-x:auto}.editor:not(.focus) .toolbar .group.tools{height:48px;padding:var(--s1)}.toolbar .group.lead,.toolbar .group.trail{gap:var(--s1)}.fs-row{display:flex!important}}@container pane (width<=600px){.aipanel{height:min(70%, calc(var(--vvh,100vh) - 24px));max-height:calc(100% - var(--tb-h) - env(safe-area-inset-top) - 16px)}}@container pane (width<=1140px){.toolbar .group.trail [data-act=fullscreen]:not(.fsx){display:none}.fs-row{display:flex!important}}@container pane (width<=1023px){.editor:not(.focus) .toolbar{column-gap:var(--s3);grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);display:grid;overflow-x:auto}.toolbar .group.lead,.toolbar .group.trail{gap:var(--s1)}.toolbar .group.tools [data-act=ai]{display:grid}.toolbar .style{grid-template-columns:var(--h-md);grid-template-rows:var(--h-md);height:var(--h-md);gap:0;padding:0!important}.toolbar .style .colors,.toolbar .style .sizes{display:none}.toolbar .style .more-c{width:var(--h-md);height:var(--h-md);background:radial-gradient(circle,#fff 0 13px,#0000 13.5px);border-radius:12px;grid-area:1/1}.toolbar .style .more-c svg{display:none}.toolbar .style .more-c .cur{width:var(--d,12px);height:var(--d,12px);background:var(--c,#18181b);border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #00000024}.toolbar .style .more-c .cur.ring{background:0 0;box-shadow:inset 0 0 0 2px #52525b}.toolbar .group.tools>.style:before{top:10px;bottom:10px}.toolbar .style.hidden:after{content:none!important}.pop .popsizes{display:block}.pop .psz{padding:var(--s1) 0;justify-content:space-around;display:flex}.pop .psz .size{width:var(--h-lg);height:var(--h-md);border-radius:var(--r-sm);padding:0}.pop .psz .size b{color:#3f3f46;line-height:1}.pop .psz .size.active b{color:var(--accent)}}@container pane (width<=960px){.editor:not(.focus) .toolbar{justify-content:stretch;display:grid}}@container pane (width<=740px){.toolbar .group.tools [data-act=ai]{display:none}}@container pane (width<=700px) and (height>=501px){:root{--tb-h:108px}.editor:not(.focus) .toolbar{row-gap:var(--s1);column-gap:var(--s2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lead trail""tools tools";overflow:visible}.editor:not(.focus) .toolbar .group.lead{height:var(--h-lg);grid-area:lead}.editor:not(.focus) .toolbar .group.trail{height:var(--h-lg);grid-area:trail}.editor:not(.focus) .toolbar .group.tools{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:tools;justify-self:center;max-width:100%;overflow:auto hidden}.editor:not(.focus) .toolbar .group.tools::-webkit-scrollbar{display:none}.toolbar .group.tools [data-act=ai]{display:grid}}@container pane (width<=480px){.editor:not(.focus) .toolbar{padding-left:max(var(--s1), env(safe-area-inset-left));padding-right:max(var(--s1), env(safe-area-inset-right))}.toolbar .group.tools [data-act=ai]{display:none}.toolbar .group.tools{gap:2px!important}.toolset{gap:0}.toolbar .group.tools>.style,.toolbar .group.tools>[data-act=insert]{margin-left:6px}.toolbar .group.tools>.style:before,.toolbar .group.tools>[data-act=insert]:before{left:-4.5px}}@container pane (width<=400px){.toolset .icon{width:36px}}@container pane (width<=480px){.pagenav-grid{gap:var(--s4) var(--s3);padding:var(--s4) max(var(--s4), env(safe-area-inset-right)) calc(var(--s4) + env(safe-area-inset-bottom)) max(var(--s4), env(safe-area-inset-left));grid-template-columns:repeat(auto-fit,136px)}.pthumb,.padd{width:136px}.pthumb canvas{width:120px;height:170px}.pagenav-head{padding-left:max(var(--s4), env(safe-area-inset-left));padding-right:max(var(--s4), env(safe-area-inset-right))}.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.home-head h1{font-size:26px}}@container pane (width<=1023px){.toolbar .group.tools>.style.hidden:before{visibility:hidden}}@container pane (width<=480px){.home-head{gap:var(--s3)}.head-actions{margin:0 calc(-1 * var(--s4));padding:2px var(--s4);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.head-actions::-webkit-scrollbar{display:none}.head-actions>*{flex:none}.head-actions .primary{order:-1;margin-left:0}}@container pane (width<=350px) and (height>=501px){.toolset [data-tool=laser]{display:none}.toolset .icon{width:34px}}@container pane (width<=700px) and (height<=500px){.editor:not(.focus) .toolbar{column-gap:var(--s2);padding-left:max(var(--s1), env(safe-area-inset-left));padding-right:max(var(--s1), env(safe-area-inset-right))}.toolbar .group.lead,.toolbar .group.trail{gap:2px}.toolbar .group.tools{gap:2px!important}.toolset{gap:0}}@container pane (width<=900px){.home-head{flex-wrap:nowrap}.home-head>*{min-width:0;max-width:100%}.head-actions{max-width:calc(100% + 2 * var(--s4))}}@container pane (width>=481px) and (width<=900px){.head-actions{max-width:100%}}@container pane (width>=1600px){.pagenav-grid{width:100%;max-width:1600px;margin:0 auto}}@container pane (width<=480px){.head-actions .joinbtn{order:-2}.head-actions .primary{order:-1}}@container pane (width<=360px){.aip-jump{gap:5px;padding:0 6px;font-size:13px}.aip-jump svg{display:none}}@container pane (width<=700px){.banner.move{flex-wrap:wrap}.banner.move span{flex-basis:100%}}.home .card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.home .card .cover{transition:transform .3s var(--spring), box-shadow .3s var(--out), opacity .2s}.home .card.lifted .cover{box-shadow:var(--sh-3), 0 18px 40px -12px #00000047;transform:scale(1.06)}.home .card.folder.lifted .cover{box-shadow:none;transform:scale(1.08)}.home .card.dragsrc{opacity:.32}.home .card.droptarget .cover{transform:scale(1.12)}.home .card.droptarget .fsvg{filter:drop-shadow(0 0 #fff)drop-shadow(0 8px 18px #2b59e873)brightness(1.06)}.home [data-act=root].droptarget{background:var(--accent-soft);border-radius:var(--r-pill)}body.homedrag,body.homedrag *{-webkit-user-select:none;user-select:none;cursor:grabbing}.pin{color:var(--accent);font-weight:600}.selmark{display:none}.home.selmode .card .selmark{z-index:3;pointer-events:none;background:#ffffffe0;border-radius:50%;width:24px;height:24px;transition:background .15s,box-shadow .15s;display:block;position:absolute;top:8px;left:8px;box-shadow:inset 0 0 0 1.5px #18181b47,0 1px 3px #00000026}.home.selmode .card.sel .selmark{background:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent), 0 1px 3px #0003}.home.selmode .card.sel .selmark:after{content:"";border:2.2px solid #fff;border-width:0 2.2px 2.2px 0;width:6px;height:11px;position:absolute;top:4px;left:8px;transform:rotate(45deg)}.home.selmode .card.sel .cover{transform:scale(.94)}.home.selmode .cardmore{visibility:hidden}.selbar{z-index:30;left:50%;bottom:calc(env(safe-area-inset-bottom) + 14px);border-radius:var(--r-pill);-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px);max-width:calc(100vw - 20px);box-shadow:var(--sh-3), inset 0 0 0 1px #ffffffb3;animation:fadeUp .3s var(--spring);background:#ffffffdb;align-items:center;gap:6px;padding:6px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%)}.selbar .selcount{white-space:nowrap;color:#3f3f46;padding:0 10px 0 12px;font-size:14px;font-weight:600}.selbar button{border-radius:var(--r-pill);white-space:nowrap;height:38px;padding:0 14px;font-size:14.5px}.selbar button.danger{color:#d93025}.home.selmode .home-foot{display:none}.ctx-veil{z-index:60;animation:fadeIn .2s var(--out);background:#14141814;position:fixed;inset:0}.ctxmenu{z-index:61;-webkit-backdrop-filter:saturate(1.7)blur(22px);backdrop-filter:saturate(1.7)blur(22px);transform-origin:0 0;min-width:200px;animation:ctxIn .22s var(--spring);background:#fafafce6;border-radius:16px;flex-direction:column;padding:6px;display:flex;position:fixed;box-shadow:0 18px 50px -10px #0000004d,inset 0 0 0 1px #ffffffbf}@keyframes ctxIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.ctxmenu button{text-align:left;background:0 0;border-radius:10px;height:42px;padding:0 14px;font-size:15.5px}.ctxmenu button:active,.ctxmenu button:hover{background:#18181b12}.ctxmenu button.danger{color:#d93025}.ctxmenu button+button{box-shadow:0 -1px #18181b0f}.dragghost{z-index:70;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.dragghost .gstack{width:92px;height:120px;position:absolute;top:-60px;left:-46px}.dragghost .gcard{aspect-ratio:210/297;width:92px;height:auto;transform:rotate(calc(var(--i) * 4deg - 2deg)) translate(calc(var(--i) * 3px), calc(var(--i) * -3px));animation:ghostIn .25s var(--spring) both;border-radius:6px 10px 10px 6px;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 34px -8px #00000059}.dragghost .gcard.cover-folder{box-shadow:none;background:0 0}@keyframes ghostIn{0%{opacity:.4;transform:scale(.7)}}.dragghost .gcount{color:#fff;background:#ff3b30;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 7px;font:600 14px/26px -apple-system,sans-serif;display:grid;position:absolute;top:-72px;left:30px;box-shadow:0 2px 6px #00000040}.dragghost .gcount:empty{display:none}.dragghost.gone{opacity:0;transition:opacity .2s}.flycard{z-index:69;pointer-events:none;transition:transform .34s var(--spring), opacity .34s ease-in;border-radius:8px;margin:0;position:fixed;overflow:hidden}.home-head h1:has(.crumbs){flex-direction:column;align-items:flex-start;gap:2px;line-height:1.15;display:flex}.home-head h1 .crumbs{flex-wrap:wrap;align-items:center;gap:0;min-height:22px;font-size:15px;line-height:22px;display:flex}.home-head h1 .crumbs .crumb{height:22px;color:var(--accent);align-items:center;margin:0;padding:0;font-size:15px;font-weight:500;line-height:22px;display:inline-flex}.home-head h1 .crumbs .crumbsep{color:var(--muted);text-align:center;width:18px;font-size:15px;font-style:normal;font-weight:400;line-height:22px}.home-head h1 .ctitle{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.ctxmenu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.home .card{transition:opacity .28s cubic-bezier(.4,0,.2,1)}.home .card .cover{will-change:transform}.dragghost .gcard{transform-origin:0 0}.home.selmode .card{position:relative}.home.selmode .card:before{content:"";opacity:0;pointer-events:none;z-index:0;background:#2b59e81a;border-radius:14px;transition:opacity .22s,transform .32s cubic-bezier(.2,.9,.3,1);position:absolute;inset:-6px -6px -4px;transform:scale(.96)}.home.selmode .card>*{z-index:1;position:relative}.home.selmode .card>.selmark{z-index:3;position:absolute}.home.selmode .card.sel:before{opacity:1;transform:none}.home.selmode .card .cover,.home.selmode .card.sel .cover{transform:none}.home.selmode .card .cover,.home.selmode .card .title,.home.selmode .card .sub{transition:opacity .22s cubic-bezier(.25,.1,.25,1), transform .3s var(--spring), box-shadow .3s}.home.selmode .card.sel .cover{opacity:.62}.home.selmode .card.sel .title,.home.selmode .card.sel .sub{opacity:.7}.home.selmode .card .selmark{transition:background .18s,box-shadow .18s,transform .18s;animation:.28s cubic-bezier(.2,.9,.3,1.2) both selIn}.home.selmode .card.sel .selmark{animation:.32s cubic-bezier(.2,.9,.3,1.3) selPop}.home.selmode .card .selmark:after{content:"";opacity:0;border:2.2px solid #fff;border-width:0 2.2px 2.2px 0;width:6px;height:11px;transition:transform .22s cubic-bezier(.2,.9,.3,1.4),opacity .12s;position:absolute;top:4px;left:8px;transform:rotate(45deg)scale(0)}.home.selmode .card.sel .selmark:after{opacity:1;transform:rotate(45deg)scale(1)}@keyframes selIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes selPop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.home.selmode .card .selmark,.home.selmode .card.sel .selmark{animation:none}}.home .card:active .cover{transition-duration:.3s;transform:none}.editor.sizing canvas,.editor.sizing .world{visibility:hidden}.dlg.nbpick{border-radius:var(--r-lg,18px);background:var(--bg,#fafaf8);flex-direction:column;width:min(860px,94vw);height:min(720px,88vh);max-height:88vh;padding:0;display:flex;overflow:hidden}.dlg.nbpick:not([open]){display:none}.nbp-head{grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 16px 6px;display:grid}.nbp-cancel{color:var(--accent);justify-self:start;padding:6px 4px;font-size:16px}.nbp-title{font-size:16px;font-weight:600}.nbp-q{-webkit-user-select:text;user-select:text;background:#7676801f;border:0;border-radius:10px;margin:6px 16px 4px;padding:9px 12px;font-size:15px}.nbp-crumbs{min-height:30px;color:var(--muted,#8b8b93);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 18px 2px;font-size:14px;display:flex}.nbp-crumbs button{color:var(--accent);padding:2px;font-size:14px}.nbp-crumbs button:last-child{color:var(--ink);font-weight:600}.nbp-grid{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:20px 16px;max-width:none;margin:0;padding:10px 18px 28px;overflow-y:auto}.nbp-grid .card{text-align:left;animation:fadeUp .3s var(--spring) both;padding:0}.nbp-grid .card:active .cover{transform:scale(.97)}.nbp-grid .cover{transition:transform .18s}.nbp-this{background:var(--accent-soft,#2b59e81f);color:var(--accent);vertical-align:1px;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.chrome{display:contents}.split{grid-template-columns:calc((100% - 12px) * var(--split)) 12px minmax(0, 1fr);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative}.split>.sbar{grid-area:1/1/auto/-1;min-width:0}.split>.sbar.editor{background:0 0;height:auto;animation:none;display:block;position:static}.split>.pane,.split>.divider{grid-row:2}.split>.pane.left{grid-column:1}.split>.divider{grid-column:2}.split>.pane.right{grid-column:3}.split>.pane .editor>.chrome{display:none}.split>.pane.active{box-shadow:inset 0 2px 0 var(--accent)}html,body{width:100%;max-width:100%;overflow:hidden}#app{width:100%;max-width:100vw;overflow:hidden}.dlg:has(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]):not([type=file]),textarea){margin-top:calc(env(safe-area-inset-top) + max(24px, 6vh));margin-bottom:auto}.home .appver{right:calc(env(safe-area-inset-right) + 14px);bottom:calc(env(safe-area-inset-bottom) + 10px);z-index:4;color:#a1a1aa;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-size:11px;position:fixed}.home.selmode .appver{display:none}html.lang-en .editor:has(.stage[data-tool=lasso]) .toolbar .style.hidden:after{content:"Lasso: move, resize, ask AI"}html.lang-en .editor:has(.stage[data-tool=laser]) .toolbar .style.hidden:after{content:"Laser: point things out, leaves no ink"}@media (width>=481px) and (width<=1100px){html.lang-en .home-head{gap:var(--s3);flex-wrap:wrap}html.lang-en .home-head h1{flex:1 0 100%}html.lang-en .head-actions{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:1 0 100%;justify-content:flex-start;max-width:100%;padding:2px 0;overflow-x:auto}html.lang-en .head-actions::-webkit-scrollbar{display:none}html.lang-en .head-actions>*{flex:none}html.lang-en .head-actions .primary{order:-1;margin-left:0}}@container pane (width>=481px) and (width<=1100px){html.lang-en .home-head{gap:var(--s3);flex-wrap:wrap}html.lang-en .home-head h1{flex:1 0 100%}html.lang-en .head-actions{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:1 0 100%;justify-content:flex-start;max-width:100%;padding:2px 0;overflow-x:auto}html.lang-en .head-actions::-webkit-scrollbar{display:none}html.lang-en .head-actions>*{flex:none}html.lang-en .head-actions .primary{order:-1;margin-left:0}}.home.norepeat,.home.norepeat .card,.home.norepeat .banner,.selbar.noanim{animation:none}.loading.bootfail{text-align:center;padding:0 var(--s6);line-height:1.7}.loading.bootfail b{color:var(--ink,#18181b);font-size:18px}.loading.bootfail button{margin-top:var(--s4)}.save-banner:not(.has-nb) .save-banner-export{display:none}.save-banner .save-banner-export{color:#fff;background:0 0;box-shadow:inset 0 0 0 1.5px #ffffffbf}.loading.joinwait{text-align:center;padding:0 var(--s6);line-height:1.7}.loading.joinwait b{color:var(--ink);font-size:18px}.joinwait-acts{gap:var(--s3);margin-top:var(--s4);justify-content:center;display:flex}.joinwait-acts button{height:var(--h-md);padding:0 var(--s4);border-radius:var(--r-pill)}.joinwait-acts button:not(.primary){background:var(--accent-soft);color:var(--accent)}.home.opening{pointer-events:none}.home .card.opening .cover{position:relative}.home .card.opening .cover:after{content:"";border:2.5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.8s linear infinite openspin;position:absolute;top:50%;left:50%}@keyframes openspin{to{transform:rotate(360deg)}}body:has(.editor) .save-banner{top:calc(env(safe-area-inset-top,0px) + var(--tb-h) + 8px)}.selbar{animation-name:selIn}.selbar.noanim{animation:none}.sat-probe{visibility:hidden;pointer-events:none;width:0;height:0;padding-top:env(safe-area-inset-top,0px);position:fixed;top:0;left:0}.home .cover{will-change:auto}.home .card.lifted .cover,.home .card:active .cover{will-change:transform}.split>.divider:before{content:"";position:absolute;inset:0 -16px}.toolbar .style .swatch,.toolbar .style .size{position:relative}.toolbar .style .colors .swatch:before,.toolbar .style .sizes .size:before{content:"";position:absolute}.toolbar .style .colors .swatch:before{inset:-6px -2px -2px}.toolbar .style .sizes .size:before{inset:-2px -2px -6px}dialog.ig{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);overscroll-behavior:contain;padding:0;padding:max(56px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(56px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:0 0;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0;overflow:auto}dialog.ig:not([open]){display:none}dialog.ig::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14141857;animation:.25s fadeIn}.ig-card{gap:var(--s3);width:min(440px,100%);padding:var(--s6) var(--s6) var(--s4);background:var(--surface);-webkit-backdrop-filter:saturate(1.8)blur(24px);backdrop-filter:saturate(1.8)blur(24px);box-shadow:var(--sh-3), inset 0 0 0 .5px #ffffffb3;animation:igIn .42s var(--spring) both;will-change:transform;border:1px solid #18181b0f;border-radius:24px;flex-direction:column;display:flex;position:relative}@keyframes igIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.ig-card:focus{outline:none}.ig-card h2{letter-spacing:-.015em;margin:0;padding-right:36px;font-size:20px;line-height:26px}.ig-why{color:var(--muted);margin:-6px 0 0;font-size:14px;line-height:1.5}.ig-x{background:var(--fill,#18181b0d);color:#52525b;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:14px;right:14px}.ig-x svg{width:18px;height:18px;transform:rotate(45deg)}.ig-actions{margin-top:var(--s1)}.ig-actions>button{white-space:nowrap}.ig-stagebox{border-radius:var(--r-md);width:100%;box-shadow:inset 0 0 0 1px var(--line);contain:layout paint;background:linear-gradient(#eef1f8,#e6e9f2);position:relative;overflow:hidden}.ig-wide{aspect-ratio:392/270;max-height:42dvh}.ig-tall{height:min(330px,40dvh)}.ig-stage{transform-origin:0 0;color:#1c1c1e;-webkit-font-smoothing:antialiased;pointer-events:none;font-size:8px;line-height:1.2;position:absolute;top:0;left:0}.ig-stage *{box-sizing:border-box}.ig-stage [style*=left\:],.ig-stage .ig-in>*,.ig-dim,.ig-home,.ig-finger,.ig-ripple{position:absolute}.ig-stage svg{width:100%;height:100%;display:block}.ig-dev{background:#1d1d1f;position:absolute;inset:0;box-shadow:0 10px 30px -10px #10101473,inset 0 0 0 1.5px #3a3a3c}.ig-scr{background:#fbfbfa;overflow:hidden;transform:translateZ(0)}.ig-in{will-change:opacity;position:absolute;inset:0}.ig-ic{width:14px;height:14px;display:block}.ig-btn .ig-ic{position:absolute;top:3px;left:3px}.ig-sys{color:#007aff}.ig-grey{color:#8e8e93}.ig-faint{color:#c7c7cc}.ig-ink{color:#1c1c1e}.ig-hl{border-radius:inherit;opacity:0;will-change:opacity;background:#007aff29;position:absolute;inset:0}.ig-btn,.ig-glass,.ig-addbtn{border-radius:7px}.ig-bar{background:#f6f6f7;box-shadow:inset 0 -1px #00000012}.ig-url{color:#6e6e73;background:#e9e9ec;border-radius:8px;justify-content:center;align-items:center;font-size:7.5px;display:flex}.ig-tbar{background:#f6f6f7;box-shadow:inset 0 1px #00000012}.ig-bbar{background:linear-gradient(#fbfbfa00,#f0f0f4f2 40%)}.ig-glass{background:#ffffffeb;border-radius:12px;box-shadow:0 2px 8px #0000001f,inset 0 0 0 .5px #0000000f}.ig-glass .ig-ic{position:absolute;top:5px;left:5px}.ig-url2{color:#3a3a3c;justify-content:center;align-items:center;font-size:7.5px;display:flex}.ig-time{font-size:7px}.ig-island{background:#000;border-radius:6px}.ig-ptitle{letter-spacing:-.01em;font-size:11px}.ig-cover{background:#fff;border-radius:3px 6px 6px 3px;box-shadow:0 1px 2px #00000014,0 4px 10px -4px #00000029}.ig-cv0{background-image:repeating-linear-gradient(#fff 0 6px,#d7e0ee 6px 7px)}.ig-cv1{background-image:linear-gradient(#e3e8f1 1px,#0000 1px),linear-gradient(90deg,#e3e8f1 1px,#0000 1px);background-size:6px 6px}.ig-cv2{background-image:radial-gradient(#cdd4df .8px,#0000 .9px);background-size:6px 6px}.ig-pop,.ig-sheet,.ig-menu{will-change:transform, opacity;background:#f4f4f7fa;box-shadow:0 10px 28px -6px #0000004d,inset 0 0 0 .5px #00000014}.ig-pop{border-radius:12px}.ig-popwrap{will-change:transform, opacity;filter:drop-shadow(0 6px 12px #00000038)}.ig-clip{border-radius:12px;overflow:hidden}.ig-popbg,.ig-poptop{background:#f4f4f7;border-radius:12px}.ig-popbg{will-change:transform}.ig-acts{box-shadow:none}.ig-poptop{overflow:hidden}.ig-act{flex-direction:column;align-items:center;gap:2px;display:flex;top:0}.ig-act>i{color:#1c1c1e;background:#e3e3e8;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;display:flex;position:relative}.ig-act>i svg{width:10px;height:10px;position:relative}.ig-act .ig-hl{border-radius:50%}.ig-sw{will-change:opacity;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ig-act small{color:#3a3a3c;text-align:center;word-break:break-all;width:22px;font-size:4.2px;line-height:1.15}.ig-ip-t{font-size:6px;font-weight:700}.ig-ip-u{color:#8e8e93;white-space:nowrap;text-overflow:ellipsis;font-size:4.6px;overflow:hidden}.ig-ip-opt{color:#1c1c1e;background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:4.4px;display:flex;box-shadow:inset 0 0 0 .5px #0000001f}.ig-ip-div{background:#00000014;display:block}.ig-ip-apps span{flex-direction:column;align-items:center;gap:2px;display:flex}.ig-ip-apps i{border-radius:23%;width:19px;height:19px;display:block}.ig-ip-apps small{color:#3a3a3c;white-space:nowrap;font-size:4.2px}.ig-ip-list{border-radius:7px}.ig-sw2{display:grid;position:relative}.ig-sw2>span{will-change:opacity;grid-area:1/1}.ig-row.ig-row-s{justify-content:flex-start;gap:4px;padding:0 5px;font-size:5.6px}.ig-row.ig-row-s svg{width:7.5px;height:7.5px}.ig-sheet{border-radius:14px 14px 0 0}.ig-menu{background:#fafafcf7;border-radius:12px}.ig-sh-head b{font-size:8.5px}.ig-sh-head small{color:#8e8e93;font-size:6.5px}.ig-appicon{border-radius:22%;display:block;overflow:hidden;box-shadow:0 1px 2px #00000026}.ig-circles{box-shadow:inset 0 1px #0000000f}.ig-circles span{flex-direction:column;align-items:center;gap:2px;width:30px;display:flex;top:6px}.ig-circles i{border-radius:50%;width:20px;height:20px;display:block}.ig-circles small{color:#3a3a3c;white-space:nowrap;font-size:5.5px}.ig-listbox{background:#fff;border-radius:8px;overflow:hidden}.ig-list{will-change:transform;position:absolute;top:0;left:0;right:0}.ig-row,.ig-mrow{justify-content:space-between;align-items:center;padding:0 8px;font-size:7.5px;display:flex;box-shadow:inset 0 -.5px #0000001a}.ig-mrow{box-shadow:none;border-radius:7px}.ig-row svg,.ig-mrow svg{color:#1c1c1e;width:11px;height:11px;position:relative}.ig-row span,.ig-mrow span{position:relative}.ig-target span{font-weight:700}.ig-row .ig-hl,.ig-mrow .ig-hl{background:#007aff2e;border-radius:0}.ig-mrow .ig-hl{border-radius:7px}.ig-dim{opacity:0;will-change:opacity;background:#00000038;inset:0}.ig-add{will-change:transform, opacity;background:#f2f2f7;border-radius:12px;box-shadow:0 14px 36px -8px #0006}.ig-add-full{border-radius:14px 14px 0 0}.ig-add-head{justify-content:center;align-items:center;height:30px;font-size:8px;display:flex;position:absolute;top:0;left:0;right:0}.ig-add-head>b{font-size:8.5px}.ig-blue{color:#007aff;font-size:8px}.ig-addbtn{justify-content:center;align-items:center;display:flex}.ig-addbtn b{font-size:9px;position:relative}.ig-grp{background:#fff;border-radius:8px;font-size:7.5px}.ig-grp b{font-size:8.5px}.ig-grp small{color:#8e8e93;font-size:6.5px}.ig-line{background:#0000001a;display:block}.ig-toggle{background:#34c759;border-radius:7px;display:block}.ig-toggle:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:1.5px;right:1.5px;box-shadow:0 1px 2px #0003}.ig-home{will-change:transform, opacity;background:linear-gradient(160deg,#6f95ff 0%,#a98bff 55%,#ffaecb 100%);inset:0}.ig-hicon{flex-direction:column;align-items:center;gap:2px;width:30px;display:flex}.ig-hicon>i{opacity:.92;border-radius:7px;width:28px;height:28px;display:block;overflow:hidden;box-shadow:0 1px 3px #0000002e}.ig-hicon small{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #00000059;font-size:5.5px;font-weight:600}.ig-myapp{will-change:transform, opacity}.ig-myapp>i{opacity:1;box-shadow:0 0 0 2px #ffffffd9,0 4px 10px #00000040}.ig-dock{background:#ffffff52;border-radius:12px}.ig-dock i{opacity:.9;border-radius:6px;width:22px;height:22px;display:block;position:absolute;top:5px}.ig-finger,.ig-ripple{will-change:transform, opacity;border-radius:50%;width:20px;height:20px;top:-10px;left:-10px}.ig-finger{z-index:5;background:#1c1c1e52;box-shadow:0 0 0 2px #fffffff2,0 3px 8px #0000004d}.ig-ripple{z-index:4;border:2px solid #2b59e8e6}.ig-cap{gap:var(--s3);align-items:flex-start;min-height:58px;display:flex}.ig-num{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;margin-top:1px;font-size:14px;font-weight:700;display:grid}.ig-cap b{font-size:16px;line-height:1.4;display:block}.ig-cap small{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.45;display:block}.ig-dots{justify-content:center;gap:2px;margin:-4px 0 -6px;display:flex}.ig-dots button{border-radius:12px;width:28px;height:24px;padding:0;position:relative}.ig-dots button:after{content:"";width:7px;height:7px;transition:transform .3s var(--spring), background-color .2s;background:#18181b2e;border-radius:4px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.ig-dots button[aria-current]:after{background:var(--accent);transform:scaleX(2.4)}.ig-hero{gap:var(--s4);align-items:flex-start;display:flex}.ig-bigicon{width:64px;height:64px;box-shadow:var(--sh-2);border-radius:15px;flex:none;display:block;overflow:hidden}.ig-bigicon svg{width:100%;height:100%;display:block}.ig-hero p{margin:4px 0 0;font-size:15px;line-height:1.55}.ig-list-steps{flex-direction:column;gap:4px;margin:0;padding-left:1.3em;font-size:15px;line-height:1.55;display:flex}.ig-note{color:var(--muted);background:var(--fill,#18181b0d);padding:var(--s2) var(--s3);border-radius:var(--r-sm);margin:0;font-size:13px;line-height:1.5}.ig-done{margin:0;font-size:15px}.ig-arrow{z-index:1;color:#fff;pointer-events:none;will-change:transform;flex-direction:column;align-items:center;gap:4px;animation:1.4s ease-in-out infinite igBob;display:flex;position:fixed}.ig-arrow i{filter:drop-shadow(0 2px 6px #00000059);width:34px;height:34px;display:block}.ig-arrow span{background:var(--accent);box-shadow:var(--sh-2);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.ig-arrow-top{top:calc(env(safe-area-inset-top,0px) + 4px);right:clamp(30px,6.5vw,104px)}.ig-arrow-br,.ig-arrow-bc{bottom:calc(env(safe-area-inset-bottom,0px) + 4px);flex-direction:column-reverse}.ig-arrow-br{right:8px}.ig-arrow-br i,.ig-arrow-bc i{transform:rotate(180deg)}.ig-arrow-bc{width:120px;margin-left:-60px;left:50%}@keyframes igBob{0%,to{transform:translate(0,0)}50%{transform:translateY(-7px)}}.ig-arrow-br,.ig-arrow-bc{animation-name:igBobDown}@keyframes igBobDown{0%,to{transform:translate(0,0)}50%{transform:translateY(7px)}}.head-actions>.ig-entry{gap:6px}.ig-entry svg{flex:none;width:16px;height:16px}@media (width<=700px){.ig-card{padding:var(--s4) var(--s4) var(--s3);gap:var(--s2);border-radius:22px}.ig-card h2{font-size:18px;line-height:24px}.ig-x{top:10px;right:10px}.ig-cap b{font-size:15px}.ig-tall{height:min(300px,36dvh)}}dialog.ig.ig-ab{padding-bottom:max(72px, calc(env(safe-area-inset-bottom) + 64px))}@media (height<=640px) and (height>=501px){.ig-tall{height:30dvh}.ig-cap{min-height:0}}@media (width<=380px){.ig-actions>button{padding:0 var(--s2);font-size:14px}}@media (height<=500px){dialog.ig{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.ig-card{column-gap:var(--s4);row-gap:var(--s2);width:min(720px,100%);padding:var(--s4);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;display:grid}.ig-card>h2,.ig-card>.ig-why,.ig-card>.ig-cap,.ig-card>.ig-dots,.ig-card>.ig-actions,.ig-card>.ig-hero,.ig-card>.ig-note,.ig-card>.ig-done{grid-column:2}.ig-card>.ig-stagebox{aspect-ratio:auto;grid-area:1/1/span 6;align-self:stretch;height:calc(100dvh - 48px);max-height:380px}.ig-card>.ig-hero,.ig-card>.ig-note{grid-column:1/-1}.ig-cap{min-height:0}.ig-arrow span{display:none}.ig-arrow i{width:28px;height:28px}dialog.ig.ig-ab{padding-bottom:max(40px, env(safe-area-inset-bottom))}dialog.ig.ig-at{padding-top:max(40px, env(safe-area-inset-top))}dialog.ig.ig-ab .ig-card>.ig-stagebox,dialog.ig.ig-at .ig-card>.ig-stagebox{height:calc(100dvh - 88px)}}@media (prefers-reduced-motion:reduce){.ig-card,.ig-arrow{animation:none!important}.ig-dots button:after{transition:none}}