.cl-wrap,.cl-pic{--paper: #FFFFFF;--ink: #2B2B2B}:root[data-theme=dark] :is(.cl-wrap,.cl-pic){--paper: #303030;--ink: #E8E4DA}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.cl-wrap,.cl-pic){--paper: #303030;--ink: #E8E4DA}}.cl-wrap{max-width:min(860px,calc((100svh - 230px) * 4 / 3));min-width:min(100%,320px);margin:0 auto;border-radius:20px;overflow:hidden;background:var(--paper);box-shadow:0 24px 50px -30px #000000e6}.cl-scroll{overflow:auto;max-height:calc(100svh - 200px);-webkit-overflow-scrolling:touch}.cl-wrap{position:relative}.cl-canvas{display:block;width:100%;height:auto;cursor:pointer;image-rendering:auto}.cl-open{position:absolute;right:14px;bottom:14px;box-shadow:0 10px 24px -10px #000000b3}.ed{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#171b2e;color:var(--light);overflow:hidden}.ed::backdrop{background:#0009}.ed-shell{display:flex;flex-direction:column;height:100%}.ed-shell>*{flex:none}.ed-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#11142a;border-bottom:1px solid rgba(255,255,255,.08)}.ed-title{font:800 17px var(--f-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.ed-cur{width:30px;height:30px;border-radius:50%;background:var(--c, #FF3B30);border:3px solid #fff;flex:none;box-shadow:0 0 0 2px #0000004d}.ed-cur.erase{background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0 0 / 10px 10px}.ed-tools{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.ed-ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;border:0;background:#ffffff14;color:var(--light);font:900 22px var(--f-title);cursor:pointer}.ed-ic:hover{background:#ffffff29}.ed-ic[aria-pressed=true]{background:var(--peach);color:#2a1606}.ed-ic:disabled{opacity:.35;cursor:default}.ed-flip svg{transform:scaleX(-1)}.ed-z100{height:42px;padding:0 10px;border-radius:12px;border:0;background:#ffffff14;color:var(--light);font:800 15px var(--f-body);cursor:pointer;min-width:64px;flex:none}.ed-sep{width:1px;height:26px;background:#ffffff24;flex:none}.ed-save{flex:none;min-width:112px}.ed-save.ok{--bg: #6BCB77;--fg: #0B2A10}.ed-login{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:8px 14px;background:#ffbc8324;font-size:14px}.ed-login[hidden]{display:none}.ed-galbtn{flex:none;--fg: var(--light);border-color:#ffffff4d}.edg-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.edg-form label{font-weight:700}.edg-form input{min-height:40px;width:180px;border-radius:12px;border:2px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--light);font:600 16px var(--f-body);padding:0 12px}.edg-form[hidden],.edg-login[hidden],.edg-nick[hidden]{display:none}.edg-login{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.edg-form #edg-title{width:240px}.edg-msg:empty{display:none}.ed-galbox #edg-x{margin-left:auto}.ed-row{display:flex;gap:6px;padding:7px 10px;overflow-x:auto;scrollbar-width:thin;background:#1c2138}.ed-row>:first-child{margin-left:auto}.ed-row>:last-child{margin-right:auto}.ed-mid{flex:1 1 auto!important;display:grid;grid-template-columns:56px minmax(0,1fr) 66px;min-height:0}.ed-col{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;overflow-y:auto;background:#1c2138;scrollbar-width:thin}.ed-sw{width:36px;height:36px;flex:none;border-radius:50%;padding:0;border:3px solid rgba(255,255,255,.16);background:var(--c);cursor:pointer;transition:transform .12s}.ed-sw:hover{transform:scale(1.1)}.ed-sw[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 3px var(--peach);transform:scale(1.12)}.ed-sw.empty{background:transparent;border:2px dashed rgba(255,255,255,.25)}.ed-mine-t{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:center;color:var(--light-2);line-height:1.2}.ed-mine{display:flex;flex-direction:column;gap:6px;align-items:center}.ed-add{position:relative;display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;cursor:pointer;background:conic-gradient(#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#9b5de5,#ff6b6b);color:#fff;font:900 22px var(--f-title);text-shadow:0 1px 3px rgba(0,0,0,.6)}.ed-add input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.ed-edit{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ed-stage{position:relative;overflow:auto;background:#0e1120;touch-action:pan-x pan-y;overscroll-behavior:contain}.ed-stage.grab{cursor:grabbing}.ed-pad{display:grid;place-items:center;min-width:100%;min-height:100%;width:max-content;padding:14px;box-sizing:border-box}.ed-pad .cl-canvas{cursor:crosshair;border-radius:10px;box-shadow:0 18px 40px -20px #000000e6;max-width:none}.ed[data-tool=erase] .ed-pad .cl-canvas,.ed[data-tool=pick] .ed-pad .cl-canvas{cursor:cell}@media(max-width:700px){.ed-title{display:none}.ed-bar{gap:6px;padding:6px 8px}.ed-ic,.ed-z100{width:38px;height:38px}.ed-z100{width:auto;min-width:54px}.ed-save{min-width:0;padding:0 12px}.ed-mid{grid-template-columns:42px minmax(0,1fr) 46px}.ed-bar{flex-wrap:wrap}.ed-tools{flex-wrap:wrap;overflow:visible;flex:1 1 auto;row-gap:6px}.ed-sep{display:none}.ed-sw,.ed-add{width:30px;height:30px}.ed-mine-t{font-size:9px}}.cl-gal-link{display:inline-block;font-weight:700;color:var(--peach)}.cl-pic img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.cl-pics{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.cl-pic{padding:0;border:3px solid transparent;border-radius:12px;overflow:hidden;background:var(--paper);cursor:pointer;aspect-ratio:4 / 3}.cl-pic[aria-pressed=true]{border-color:var(--peach)}.cl-pic{position:relative}.cl-pic.painted:after{content:"";position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--peach);box-shadow:0 0 0 2px #fff}.cl-mine{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:10px 14px;border-radius:14px;border:2px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--light);font:700 15px var(--f-body);cursor:pointer}.cl-mine[aria-pressed=true]{border-color:var(--peach);background:#ffbc8329}.cl-mine-n{margin-left:auto;min-width:26px;padding:2px 8px;border-radius:999px;background:var(--peach);color:#2a1606;font-size:13px;text-align:center}.cl-mine-n:empty{display:none}.cl-keep-msg{margin-top:10px}.cl-keep-login{margin-top:10px;display:grid;gap:10px;justify-items:start}.cl-keep-login[hidden]{display:none}