.shell[data-v-60bbf9d9]{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar[data-v-60bbf9d9]{height:52px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#101013;border-bottom:1px solid #1f1f24}.brand[data-v-60bbf9d9]{display:flex;align-items:baseline;gap:3px;text-decoration:none;color:#f5f3ee}.brand__big[data-v-60bbf9d9]{font-size:20px;font-weight:800;letter-spacing:.02em}.brand__small[data-v-60bbf9d9]{font-size:10px;letter-spacing:.12em;color:#8b8b96}.brand__en[data-v-60bbf9d9]{margin-left:10px;font-size:10px;letter-spacing:.18em;color:#5c5c66}.nav[data-v-60bbf9d9]{display:flex;gap:10px}.nav__link[data-v-60bbf9d9]{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;color:#b8b6b0;transition:all .18s}.nav__link[data-v-60bbf9d9]:hover,.nav__link--on[data-v-60bbf9d9]{color:#f5f3ee;background:#1b1b20}.nav__link--accent[data-v-60bbf9d9]{color:#fff;background:#ff4d00}.nav__link--accent[data-v-60bbf9d9]:hover,.nav__link--accent.nav__link--on[data-v-60bbf9d9]{background:#ff5c14}.card[data-v-7277d6a3]{position:relative;display:flex;flex-direction:column;padding:5%;overflow:hidden;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none}.card__head[data-v-7277d6a3]{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em}.card__tick[data-v-7277d6a3]{width:34px;border-top:1.5px solid;opacity:.55}.card__url[data-v-7277d6a3]{margin-left:auto;font-size:11px;letter-spacing:.03em;opacity:.85;white-space:nowrap}.card__body[data-v-7277d6a3]{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.card__big[data-v-7277d6a3]{word-break:break-all;letter-spacing:.02em;max-height:60%;overflow:hidden}.card__smallwrap[data-v-7277d6a3]{margin-top:24px;max-width:88%}.card__rule[data-v-7277d6a3]{height:2px;width:44px;margin-bottom:14px;opacity:.85}.card__small[data-v-7277d6a3]{font-size:13px;line-height:1.8;letter-spacing:.04em;word-break:break-word}.card__foot[data-v-7277d6a3]{display:flex;align-items:flex-end;justify-content:space-between}.card__author[data-v-7277d6a3]{font-size:12px;letter-spacing:.05em}.card__brand[data-v-7277d6a3]{display:flex;align-items:baseline;gap:2px}.card__brand-big[data-v-7277d6a3]{font-weight:800;font-size:18px;letter-spacing:.02em}.card__brand-small[data-v-7277d6a3]{font-size:10px;font-weight:400;letter-spacing:.1em}.app[data-v-e1fcfcaa]{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;background:#0d0d0f}.side[data-v-e1fcfcaa]{width:340px;flex:none;padding:32px 24px;overflow-y:auto;border-right:1px solid #1f1f24;display:flex;flex-direction:column;gap:22px}.side__head[data-v-e1fcfcaa]{padding-bottom:18px;border-bottom:1px solid #1f1f24}.logo[data-v-e1fcfcaa]{display:flex;align-items:baseline;gap:4px;color:#f5f3ee}.logo__big[data-v-e1fcfcaa]{font-size:30px;font-weight:800;letter-spacing:.02em}.logo__small[data-v-e1fcfcaa]{font-size:13px;font-weight:400;letter-spacing:.12em}.logo__en[data-v-e1fcfcaa]{margin-left:auto;font-size:11px;letter-spacing:.18em;color:#8b8b96}.tagline[data-v-e1fcfcaa]{margin-top:12px;font-size:13px;line-height:1.9;color:#8b8b96}.field[data-v-e1fcfcaa]{position:relative}.field__label[data-v-e1fcfcaa]{display:block;font-size:11px;letter-spacing:.14em;color:#6d6d78;margin-bottom:8px}.field__count[data-v-e1fcfcaa]{position:absolute;right:8px;bottom:8px;font-size:10px;color:#6d6d78;pointer-events:none}.input[data-v-e1fcfcaa]{width:100%;background:#17171b;border:1px solid #24242b;border-radius:10px;color:#f0eeea;padding:12px 14px;font-size:14px;line-height:1.7;resize:vertical;transition:border-color .2s}.input--big[data-v-e1fcfcaa]{font-size:17px;font-weight:700}.input[data-v-e1fcfcaa]:focus{border-color:#ff4d00}.themes[data-v-e1fcfcaa]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme[data-v-e1fcfcaa]{display:flex;align-items:center;gap:10px;padding:10px;background:#17171b;border:1px solid #24242b;border-radius:10px;color:#e8e6e3;text-align:left;transition:all .18s}.theme[data-v-e1fcfcaa]:hover{border-color:#3a3a44}.theme--on[data-v-e1fcfcaa]{border-color:#ff4d00;box-shadow:0 0 0 1px #ff4d00}.theme__swatch[data-v-e1fcfcaa]{width:30px;height:30px;border-radius:8px;flex:none;border:1px solid rgba(255,255,255,.14)}.theme__meta[data-v-e1fcfcaa]{display:flex;flex-direction:column}.theme__name[data-v-e1fcfcaa]{font-size:13px;font-weight:600}.theme__desc[data-v-e1fcfcaa]{font-size:10px;color:#8b8b96;margin-top:2px}.ratios[data-v-e1fcfcaa]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ratio[data-v-e1fcfcaa]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:#17171b;border:1px solid #24242b;border-radius:10px;color:#e8e6e3;transition:all .18s}.ratio[data-v-e1fcfcaa]:hover{border-color:#3a3a44}.ratio--on[data-v-e1fcfcaa]{border-color:#ff4d00;box-shadow:0 0 0 1px #ff4d00}.ratio__shape[data-v-e1fcfcaa]{border:2px solid currentColor;color:#7a7a85}.ratio--on .ratio__shape[data-v-e1fcfcaa]{color:#ff4d00}.ratio__shape--square[data-v-e1fcfcaa]{width:16px;height:16px}.ratio__shape--portrait[data-v-e1fcfcaa]{width:13px;height:19px}.ratio__shape--landscape[data-v-e1fcfcaa]{width:20px;height:13px}.ratio__name[data-v-e1fcfcaa]{font-size:12px;font-weight:600}.ratio__hint[data-v-e1fcfcaa]{font-size:9px;color:#6d6d78;white-space:nowrap}.actions[data-v-e1fcfcaa]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}.btn[data-v-e1fcfcaa]{padding:12px;border-radius:10px;font-size:13px;font-weight:600;transition:all .18s;border:1px solid transparent}.btn--primary[data-v-e1fcfcaa]{grid-column:1 / -1;background:#ff4d00;color:#fff}.btn--primary[data-v-e1fcfcaa]:hover{background:#ff5c14}.btn--primary[data-v-e1fcfcaa]:disabled{opacity:.6;cursor:wait}.btn--ghost[data-v-e1fcfcaa]{background:#17171b;border-color:#24242b;color:#d8d6d1}.btn--ghost[data-v-e1fcfcaa]:hover{border-color:#3a3a44}.btn--gallery[data-v-e1fcfcaa]{grid-column:1 / -1;background:#1f1f27;border-color:#33333d;color:#ff8a4d}.btn--gallery[data-v-e1fcfcaa]:hover{border-color:#ff4d00}.stage[data-v-e1fcfcaa]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;overflow:auto;padding:40px;background:radial-gradient(circle at 50% 40%,#191920,#0d0d0f 70%)}.preview-frame[data-v-e1fcfcaa]{flex:none;border-radius:6px;box-shadow:0 24px 80px #0000008c;overflow:hidden;transition:width .25s ease,height .25s ease}.preview-card[data-v-e1fcfcaa]{transform-origin:top left;transition:transform .25s ease}.stage__tip[data-v-e1fcfcaa]{font-size:12px;color:#5c5c66;letter-spacing:.04em}.toast[data-v-e1fcfcaa]{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background:#1f1f27;color:#f0eeea;border:1px solid #33333d;padding:12px 22px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 12px 40px #00000080;z-index:50}.toast-enter-active[data-v-e1fcfcaa],.toast-leave-active[data-v-e1fcfcaa]{transition:opacity .25s,transform .25s}.toast-enter-from[data-v-e1fcfcaa],.toast-leave-to[data-v-e1fcfcaa]{opacity:0;transform:translate(-50%) translateY(12px)}@media(max-width:900px){.app[data-v-e1fcfcaa]{flex-direction:column;overflow:auto}.side[data-v-e1fcfcaa]{width:100%;border-right:none;border-bottom:1px solid #1f1f24}.stage[data-v-e1fcfcaa]{min-height:60vh;padding:30px 20px}}.gallery[data-v-0ade8d62]{flex:1;overflow-y:auto;padding:36px 44px 80px;background:radial-gradient(circle at 15% 10%,#191920,#0d0d0f 55%)}.gallery__head[data-v-0ade8d62]{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}.gallery__title[data-v-0ade8d62]{font-size:28px;font-weight:800;color:#f5f3ee;letter-spacing:.02em}.gallery__sub[data-v-0ade8d62]{margin-top:8px;font-size:13px;color:#8b8b96}.filters[data-v-0ade8d62]{display:flex;gap:8px;flex-wrap:wrap}.chip[data-v-0ade8d62]{padding:7px 16px;border-radius:999px;font-size:12px;font-weight:600;background:#17171b;border:1px solid #24242b;color:#b8b6b0;transition:all .18s}.chip[data-v-0ade8d62]:hover{border-color:#3a3a44}.chip--on[data-v-0ade8d62]{background:#ff4d00;border-color:#ff4d00;color:#fff}.chip--create[data-v-0ade8d62]{background:#1f1f27;border-color:#33333d;color:#ff8a4d}.chip--create[data-v-0ade8d62]:hover{border-color:#ff4d00;color:#ffa06b}.state[data-v-0ade8d62]{display:flex;flex-direction:column;align-items:center;gap:14px;padding:90px 0;color:#8b8b96;font-size:14px}.state__big[data-v-0ade8d62]{font-size:22px;font-weight:700;color:#d8d6d1}.spinner[data-v-0ade8d62]{width:34px;height:34px;border:3px solid #24242b;border-top-color:#ff4d00;border-radius:50%;animation:spin-0ade8d62 .9s linear infinite}@keyframes spin-0ade8d62{to{transform:rotate(360deg)}}.retry[data-v-0ade8d62]{padding:9px 22px;border-radius:999px;background:#ff4d00;color:#fff;font-size:13px;font-weight:600;border:none}.grid[data-v-0ade8d62]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.card[data-v-0ade8d62]{position:relative;display:block;border-radius:12px;overflow:hidden;background:#17171b;box-shadow:0 12px 40px #00000059;text-decoration:none}.card img[data-v-0ade8d62]{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:700px){.gallery[data-v-0ade8d62]{padding:24px 18px 60px}.gallery__head[data-v-0ade8d62]{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;background:#0d0d0f;color:#e8e6e3;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;outline:none}::selection{background:#ff4d0059}