.logo-tool-module__aIJrrq__grid{grid-template-columns:minmax(0,360px) minmax(0,1fr);display:grid}.logo-tool-module__aIJrrq__form{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;min-width:0;padding:20px 20px 22px;display:grid}.logo-tool-module__aIJrrq__output{border-left:1px solid var(--line);background:var(--tint-2);border-radius:0 20px 20px 0;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;min-width:0;padding:20px;display:grid}.logo-tool-module__aIJrrq__output>*{min-width:0}.logo-tool-module__aIJrrq__field{gap:6px;min-width:0;display:grid}.logo-tool-module__aIJrrq__field>span,.logo-tool-module__aIJrrq__field>label{display:block}.logo-tool-module__aIJrrq__field input{width:100%;min-width:0}.logo-tool-module__aIJrrq__glyphs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.logo-tool-module__aIJrrq__glyphs button{aspect-ratio:1;border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:10px;place-items:center;padding:0;font-size:16px;font-weight:700;display:grid}.logo-tool-module__aIJrrq__glyphs button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:#fff}.logo-tool-module__aIJrrq__glyphs button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.logo-tool-module__aIJrrq__dots{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.logo-tool-module__aIJrrq__dots button{width:30px;height:30px;box-shadow:0 0 0 1px var(--line-2);border:2px solid #fff;border-radius:50%;padding:0}.logo-tool-module__aIJrrq__dots button[aria-pressed=true]{box-shadow:0 0 0 2px var(--navy)}.logo-tool-module__aIJrrq__stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.logo-tool-module__aIJrrq__stage>div{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;min-height:190px;padding:22px 16px;display:grid}.logo-tool-module__aIJrrq__stage>div.logo-tool-module__aIJrrq__dark{background:#0b1026;border-color:#0b1026}.logo-tool-module__aIJrrq__stage img{max-width:100%;height:auto;max-height:150px;display:block}.logo-tool-module__aIJrrq__uses{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;display:grid}.logo-tool-module__aIJrrq__use{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:14px}.logo-tool-module__aIJrrq__use>span{margin-bottom:10px;display:block}.logo-tool-module__aIJrrq__tabbar{background:#dfe5ee;border-radius:10px 10px 0 0;align-items:flex-end;height:38px;padding:0 10px;display:flex}.logo-tool-module__aIJrrq__tabbar .logo-tool-module__aIJrrq__tab{background:#fff;border-radius:9px 9px 0 0;align-items:center;gap:8px;min-width:0;max-width:100%;height:30px;padding:0 12px;font-size:13px;display:flex}.logo-tool-module__aIJrrq__tabbar .logo-tool-module__aIJrrq__tab img{flex-shrink:0;width:16px;height:16px}.logo-tool-module__aIJrrq__tabbar .logo-tool-module__aIJrrq__tab span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.logo-tool-module__aIJrrq__urlbar{height:34px;color:var(--ink-3);border:1px solid #dfe5ee;border-top:0;border-radius:0 0 10px 10px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.logo-tool-module__aIJrrq__phone{background:linear-gradient(160deg,#1b2a6b,#0b1026);border-radius:12px;align-items:flex-start;gap:16px;padding:14px 12px;display:flex}.logo-tool-module__aIJrrq__phone .logo-tool-module__aIJrrq__app{color:#fff;justify-items:center;gap:6px;width:64px;font-size:11px;display:grid}.logo-tool-module__aIJrrq__phone .logo-tool-module__aIJrrq__app img{border-radius:13px;width:54px;height:54px}.logo-tool-module__aIJrrq__phone .logo-tool-module__aIJrrq__app span{white-space:nowrap;text-overflow:ellipsis;max-width:64px;overflow:hidden}.logo-tool-module__aIJrrq__phone .logo-tool-module__aIJrrq__app.logo-tool-module__aIJrrq__ghost i{background:#ffffff24;border-radius:13px;width:54px;height:54px;display:block}.logo-tool-module__aIJrrq__files{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.logo-tool-module__aIJrrq__files>div{flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px 10px 14px;display:flex}.logo-tool-module__aIJrrq__files>div+div{border-top:1px solid var(--line)}.logo-tool-module__aIJrrq__files>div b{font-size:14px}.logo-tool-module__aIJrrq__files>div span{color:var(--ink-3);font-size:13px}.logo-tool-module__aIJrrq__files>div button{height:32px;margin-left:auto}.logo-tool-module__aIJrrq__snippet{border:1px solid var(--line);background:#fff;border-radius:14px;position:relative}.logo-tool-module__aIJrrq__snippet pre{font-family:var(--font-mono);color:var(--ink);margin:0;padding:14px 52px 14px 14px;font-size:12.5px;line-height:1.7;overflow-x:auto}.logo-tool-module__aIJrrq__snippet button{position:absolute;top:8px;right:8px}.logo-tool-module__aIJrrq__info{background:var(--tint);color:var(--ink-2);border-radius:10px;gap:8px;padding:10px 12px;font-size:13.5px;line-height:1.6;display:flex}.logo-tool-module__aIJrrq__info svg{width:17px;height:17px;color:var(--link);margin-top:2px}@media (max-width:980px){.logo-tool-module__aIJrrq__grid{grid-template-columns:minmax(0,1fr)}.logo-tool-module__aIJrrq__output{border-left:0;border-top:1px solid var(--line);border-radius:0 0 20px 20px}}@media (max-width:560px){.logo-tool-module__aIJrrq__stage,.logo-tool-module__aIJrrq__uses{grid-template-columns:minmax(0,1fr)}.logo-tool-module__aIJrrq__form,.logo-tool-module__aIJrrq__output{padding:16px}}.logo-tool-module__aIJrrq__glyphs{scrollbar-gutter:stable;max-height:150px;padding:2px;overflow-y:auto}.logo-tool-module__aIJrrq__glyphs button{min-height:40px}.logo-tool-module__aIJrrq__hint{color:var(--ink-3);font-size:12px;line-height:1.6}.logo-tool-module__aIJrrq__upload{border-top:1px solid var(--line);gap:8px;padding-top:16px;display:grid}.logo-tool-module__aIJrrq__file{opacity:0;width:1px;height:1px;position:absolute}.logo-tool-module__aIJrrq__upload label:focus-within{outline:2px solid var(--blue);outline-offset:3px}.logo-tool-module__aIJrrq__custom{align-items:center;gap:5px;font-size:13px;display:flex}.logo-tool-module__aIJrrq__custom input{border:1px solid var(--line);cursor:pointer;width:30px;height:30px;padding:0}.logo-tool-module__aIJrrq__placeholder{color:var(--ink-3);font-size:12px}.logo-tool-module__aIJrrq__status{min-height:26px;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.logo-tool-module__aIJrrq__status [role=alert]{color:var(--err)}.logo-tool-module__aIJrrq__files{margin-top:8px}.logo-tool-module__aIJrrq__files>div span{flex:160px;min-width:0}.logo-tool-module__aIJrrq__snippet{margin-top:8px}.logo-tool-module__aIJrrq__snippet pre{max-width:100%}.logo-tool-module__aIJrrq__filename{overflow-wrap:anywhere}.logo-tool-module__aIJrrq__tab img{flex-shrink:0;width:16px;height:16px}.logo-tool-module__aIJrrq__app img{object-fit:contain;width:54px;height:54px}.logo-tool-module__aIJrrq__stage img{object-fit:contain;width:auto;max-width:100%}.logo-tool-module__aIJrrq__dots button[data-color=\#0b6e4f]{background:#0b6e4f}.logo-tool-module__aIJrrq__dots button[data-color=\#0072bc]{background:#0072bc}.logo-tool-module__aIJrrq__dots button[data-color=\#031242]{background:#031242}.logo-tool-module__aIJrrq__dots button[data-color=\#c2410c]{background:#c2410c}.logo-tool-module__aIJrrq__dots button[data-color=\#be123c]{background:#be123c}.logo-tool-module__aIJrrq__dots button[data-color=\#6d28d9]{background:#6d28d9}.logo-tool-module__aIJrrq__dots button[data-color=\#111827]{background:#111827}
