.tool[data-v-b19609a2]{display:grid;gap:18px}.layout[data-v-b19609a2]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}.controls[data-v-b19609a2]{display:grid;gap:16px}.row2[data-v-b19609a2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.letter[data-v-b19609a2]{font:700 20px/1 var(--font-serif);text-align:center}.bg-row[data-v-b19609a2]{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.label input[type=color][data-v-b19609a2]{width:34px;height:34px}.src[data-v-b19609a2]{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px}.src img[data-v-b19609a2]{width:52px;height:52px;object-fit:contain;border-radius:10px;background:repeating-conic-gradient(#f6eeef 0 25%,#fff 0 50%) 50%/10px 10px;border:1px solid var(--line)}.src-info[data-v-b19609a2]{flex:1;min-width:0}.src-name[data-v-b19609a2]{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.src-meta[data-v-b19609a2]{font-size:13px;color:var(--ink-3)}.warn[data-v-b19609a2]{padding:10px 12px;border-radius:12px;background:#fff7e6;border:1px solid #f4dfb5;color:#6b4a00;font-size:13.5px}.more[data-v-b19609a2]{border:1px solid var(--line);border-radius:14px;background:#fff}.more summary[data-v-b19609a2]{padding:12px 14px;cursor:pointer;font-weight:600;font-size:14.5px}.more-body[data-v-b19609a2]{display:grid;gap:14px;padding:4px 14px 16px}.preview[data-v-b19609a2]{display:grid;gap:14px;padding:16px;border-radius:18px;background:var(--red-50);border:1px solid var(--red-100);position:sticky;top:calc(var(--header-h) + 16px)}.tabs-mock[data-v-b19609a2]{display:grid;gap:6px}.tab[data-v-b19609a2]{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:10px 10px 4px 4px;font-size:13px;max-width:240px}.tab img[data-v-b19609a2]{image-rendering:auto}.tab span[data-v-b19609a2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab--light[data-v-b19609a2]{background:#fff;color:#202124;box-shadow:0 1px 2px #00000014}.tab--dark[data-v-b19609a2]{background:#35363a;color:#e8eaed}.phone-mock[data-v-b19609a2]{display:flex;justify-content:center;padding:18px;border-radius:16px;background:linear-gradient(160deg,#3b2b5c,#1f3b5a)}.app[data-v-b19609a2]{display:grid;justify-items:center;gap:6px;color:#fff;font-size:12px}.app img[data-v-b19609a2]{width:62px;height:62px;border-radius:14px;box-shadow:0 6px 14px #00000059}.sizes[data-v-b19609a2]{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.sizes figure[data-v-b19609a2]{margin:0;display:grid;justify-items:center;gap:4px}.sizes img[data-v-b19609a2]{background:repeating-conic-gradient(#f3e6e8 0 25%,#fff 0 50%) 50%/8px 8px;border:1px solid var(--line)}.sizes img.pixel[data-v-b19609a2]{image-rendering:pixelated}.sizes figcaption[data-v-b19609a2]{font-size:12px;color:var(--ink-3)}.actions[data-v-b19609a2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.code pre[data-v-b19609a2]{margin:6px 0 0;padding:14px 16px;border-radius:14px;background:#1e1416;color:#f8e7ea;overflow-x:auto;font:12.5px/1.6 ui-monospace,Cascadia Mono,Consolas,monospace}.spin[data-v-b19609a2]{animation:spin-b19609a2 .9s linear infinite}@keyframes spin-b19609a2{to{transform:rotate(360deg)}}@media (max-width:860px){.layout[data-v-b19609a2]{grid-template-columns:minmax(0,1fr)}.preview[data-v-b19609a2]{position:static}}@media (max-width:480px){.actions[data-v-b19609a2],.row2[data-v-b19609a2]{grid-template-columns:minmax(0,1fr)}}