.base-button[data-v-5cfa846f]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:8px;font:inherit;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.base-button[data-v-5cfa846f]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.base-button[data-v-5cfa846f]:disabled{cursor:not-allowed;opacity:.55;transform:none}.base-button[data-v-5cfa846f]:not(:disabled):active{transform:translateY(1px)}.base-button--sm[data-v-5cfa846f]{min-height:32px;padding:0 12px;font-size:12px}.base-button--md[data-v-5cfa846f]{min-height:38px;padding:0 16px;font-size:13px}.base-button--icon[data-v-5cfa846f]{width:36px;height:36px;padding:0}.base-button--primary[data-v-5cfa846f]{border-color:var(--primary-strong);background:var(--primary);color:var(--bg-page)}.base-button--primary[data-v-5cfa846f]:not(:disabled):hover{background:var(--primary-strong)}.base-button--secondary[data-v-5cfa846f]{background:var(--surface-elevated);color:var(--ink)}.base-button--secondary[data-v-5cfa846f]:not(:disabled):hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--ink-strong)}.base-button--ghost[data-v-5cfa846f]{border-color:transparent;background:transparent;color:var(--ink)}.base-button--ghost[data-v-5cfa846f]:not(:disabled):hover{background:var(--surface-hover);color:var(--ink-strong)}.base-button--danger[data-v-5cfa846f]{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:var(--danger-soft);color:var(--danger)}.base-button--danger[data-v-5cfa846f]:not(:disabled):hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 72%,var(--danger))}.base-field[data-v-0f56cae8]{display:grid;gap:7px;color:var(--ink)}.base-field__label[data-v-0f56cae8]{color:var(--ink-strong);font-size:12px;font-weight:800;line-height:1.35}.base-field__control[data-v-0f56cae8]{min-width:0}.base-field__message[data-v-0f56cae8]{color:var(--muted);font-size:12px;line-height:1.45}.base-field__message--error[data-v-0f56cae8],.base-field--invalid .base-field__label[data-v-0f56cae8]{color:var(--danger)}.base-icon-button[data-v-e2b759f5]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border);border-radius:8px;font:inherit;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.base-icon-button[data-v-e2b759f5] svg{width:16px;height:16px;stroke-width:2}.base-icon-button[data-v-e2b759f5]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.base-icon-button[data-v-e2b759f5]:disabled{cursor:not-allowed;opacity:.55;transform:none}.base-icon-button[data-v-e2b759f5]:not(:disabled):active{transform:translateY(1px)}.base-icon-button--sm[data-v-e2b759f5]{width:32px;height:32px}.base-icon-button--md[data-v-e2b759f5]{width:36px;height:36px}.base-icon-button--primary[data-v-e2b759f5]{border-color:var(--primary-strong);background:var(--primary);color:var(--bg-page)}.base-icon-button--primary[data-v-e2b759f5]:not(:disabled):hover{background:var(--primary-strong)}.base-icon-button--secondary[data-v-e2b759f5]{background:var(--surface-elevated);color:var(--ink)}.base-icon-button--secondary[data-v-e2b759f5]:not(:disabled):hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--ink-strong)}.base-icon-button--ghost[data-v-e2b759f5]{border-color:transparent;background:transparent;color:var(--ink)}.base-icon-button--ghost[data-v-e2b759f5]:not(:disabled):hover{background:var(--surface-hover);color:var(--ink-strong)}.base-icon-button--danger[data-v-e2b759f5]{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:var(--danger-soft);color:var(--danger)}.base-icon-button--danger[data-v-e2b759f5]:not(:disabled):hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 72%,var(--danger))}.base-menu[data-v-e98a57fe]{min-width:180px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);box-shadow:var(--shadow-menu)}.base-menu[data-v-e98a57fe] button,.base-menu[data-v-e98a57fe] a{width:100%}.base-modal[data-v-6c630e88]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px}.base-modal__backdrop[data-v-6c630e88]{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:var(--overlay-strong);cursor:default}.base-modal__dialog[data-v-6c630e88]{position:relative;z-index:1;display:flex;flex-direction:column;width:min(560px,100%);max-height:min(720px,calc(100vh - 48px));overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);box-shadow:var(--shadow-menu)}.base-modal__dialog--danger[data-v-6c630e88]{border-color:color-mix(in srgb,var(--danger) 42%,var(--border))}.base-modal__header[data-v-6c630e88],.base-modal__footer[data-v-6c630e88]{flex:0 0 auto;padding:16px 18px}.base-modal__header[data-v-6c630e88]{border-bottom:1px solid var(--border)}.base-modal__title[data-v-6c630e88]{margin:0;color:var(--ink-strong);font-size:16px;font-weight:800;line-height:1.35}.base-modal__body[data-v-6c630e88]{flex:1 1 auto;min-height:0;overflow:auto;padding:18px}.base-modal__footer[data-v-6c630e88]{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);background:var(--surface-soft)}.base-panel[data-v-66d35cdf]{border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);box-shadow:var(--shadow-soft)}.base-panel__header[data-v-66d35cdf]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--border)}.base-panel__heading[data-v-66d35cdf]{min-width:0}.base-panel__title[data-v-66d35cdf]{margin:0;color:var(--ink-strong);font-size:14px;font-weight:800;line-height:1.35}.base-panel__description[data-v-66d35cdf]{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.base-panel__actions[data-v-66d35cdf]{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px}.base-panel__body[data-v-66d35cdf]{padding:16px}.message-confirm-card[data-v-da5a70e5]{margin-top:10px;padding:10px;border:1px solid rgba(102,82,54,.16);border-radius:14px;background:#fffcf6d1}.message-confirm-card header[data-v-da5a70e5]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px}.message-confirm-card header span[data-v-da5a70e5]{color:var(--muted)}.confirm-image-grid[data-v-da5a70e5]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.confirm-image-grid figure[data-v-da5a70e5]{min-width:0;margin:0}.confirm-image-grid img[data-v-da5a70e5]{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#1917140f}.confirm-image-grid figcaption[data-v-da5a70e5]{margin-top:4px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.message-confirm-card footer[data-v-da5a70e5]{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.message-confirm-card footer button[data-v-da5a70e5]{height:30px;padding:0 10px;border-radius:999px;font-size:12px}.message-confirm-card footer .secondary[data-v-da5a70e5]{border:1px solid rgba(102,82,54,.18);color:var(--muted)}.message-confirm-card footer .primary[data-v-da5a70e5]{background:#191714;color:#fffaf2}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111;background:#fff;font-synthesis:none;text-rendering:geometricPrecision}:root{--surface: #ffffff;--surface-soft: #f6f7fa;--border: #e4e7ec;--border-strong: #d8dde6;--ink: #15171c;--muted: #667085;--blue: #2f80ed;--shadow-soft: 0 14px 34px rgb(16 24 40 / 10%)}:root{--bg-app: #f7f8fb;--bg-page: #ffffff;--text-primary: #111827;--text-secondary: #344054;--text-muted: #667085;--text-subtle: #98a2b3;--text-on-strong: #ffffff;--surface: #ffffff;--surface-panel: #ffffff;--surface-card: #ffffff;--surface-menu: rgb(255 255 255 / 98%);--surface-modal: rgb(255 255 255 / 97%);--surface-glass: rgb(255 255 255 / 86%);--surface-glass-strong: rgb(255 255 255 / 94%);--surface-elevated: #ffffff;--surface-soft: #f6f7fa;--surface-subtle: #eef4ff;--surface-hover: #f2f4f7;--surface-inset: #fbfcfe;--ink: #15171c;--ink-strong: #111827;--muted: #667085;--muted-weak: #98a2b3;--border: #e4e7ec;--border-subtle: #edf1f6;--border-strong: #d8dde6;--border-inverse-alpha: rgb(255 255 255 / 76%);--primary: #175cd3;--primary-strong: #174ea6;--primary-soft: #eef4ff;--primary-tint: #f3f7ff;--primary-ring: rgb(23 92 211 / 14%);--danger: #dc2626;--danger-strong: #b42318;--danger-soft: #fef2f2;--success: #16a34a;--success-soft: #e9f8ef;--warning: #f59e0b;--warning-soft: #fff5df;--info: #2f80ed;--info-soft: #eaf3ff;--accent-teal: #14b8a6;--overlay-backdrop: rgb(17 24 39 / 28%);--overlay-strong: rgb(15 23 42 / 42%);--shadow-soft: 0 14px 34px rgb(16 24 40 / 10%);--shadow-card: 0 16px 38px rgb(15 23 42 / 13%);--shadow-popover: 0 18px 45px rgb(15 23 42 / 18%);--shadow-menu: 0 18px 48px rgb(15 23 42 / 16%);--shadow-modal: 0 30px 70px rgb(15 23 42 / 22%);--field-bg: #ffffff;--canvas-shell-bg: radial-gradient(circle at 25% 16%, rgb(47 128 237 / 8%), transparent 30%), linear-gradient(135deg, #f7f8fb, #f2f5fb)}:root[data-theme=dark]{--bg-app: #0f1117;--bg-page: #11141b;--text-primary: #ffffff;--text-secondary: #d9e2ef;--text-muted: #a5adba;--text-subtle: #7d8796;--text-on-strong: #07111f;--surface: #171a22;--surface-panel: #171a22;--surface-card: #1d212b;--surface-menu: rgb(29 33 43 / 98%);--surface-modal: rgb(29 33 43 / 97%);--surface-glass: rgb(29 33 43 / 86%);--surface-glass-strong: rgb(29 33 43 / 94%);--surface-elevated: #1d212b;--surface-soft: #222733;--surface-subtle: #1b2a42;--surface-hover: #283142;--surface-inset: #121720;--ink: #f4f7fb;--ink-strong: #ffffff;--muted: #a5adba;--muted-weak: #7d8796;--border: #303746;--border-subtle: #252d3a;--border-strong: #414b5f;--border-inverse-alpha: rgb(255 255 255 / 14%);--primary: #6aa6ff;--primary-strong: #9bc3ff;--primary-soft: #18304f;--primary-tint: #172844;--primary-ring: rgb(106 166 255 / 22%);--danger: #ff6b6b;--danger-strong: #ff8b8b;--danger-soft: #3b1d24;--success: #5bd48b;--success-soft: #153523;--warning: #f7bf4f;--warning-soft: #392b12;--info: #7db7ff;--info-soft: #162b45;--accent-teal: #54d7c8;--overlay-backdrop: rgb(0 0 0 / 44%);--overlay-strong: rgb(0 0 0 / 58%);--shadow-soft: 0 18px 42px rgb(0 0 0 / 34%);--shadow-card: 0 18px 46px rgb(0 0 0 / 34%);--shadow-popover: 0 18px 54px rgb(0 0 0 / 40%);--shadow-menu: 0 20px 60px rgb(0 0 0 / 42%);--shadow-modal: 0 32px 90px rgb(0 0 0 / 48%);--field-bg: #121720;--canvas-shell-bg: radial-gradient(circle at 26% 18%, rgb(106 166 255 / 14%), transparent 32%), linear-gradient(135deg, #10131a, #171b25)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button,textarea{font:inherit}button{border:0;background:transparent;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hidden-input{display:none}.context-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;border:0;background:transparent}.context-menu{position:fixed;z-index:999;min-width:190px;max-height:calc(100vh - 24px);overflow:visible;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface-menu);box-shadow:var(--shadow-popover)}.context-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;border:0;border-radius:8px;background:transparent;color:var(--ink-strong);padding:9px 10px;font-size:13px;font-weight:400;text-align:left;cursor:pointer}.context-menu hr{height:1px;border:0;margin:6px 4px;background:var(--border-subtle)}.context-menu kbd{color:var(--muted-weak);font-family:inherit;font-size:12px;font-weight:500}.context-menu .danger{color:var(--danger-strong)}.context-menu button:hover:not(:disabled){background:var(--surface-hover)}.context-menu button:disabled{color:var(--muted-weak);cursor:not-allowed}.context-submenu{position:relative}.context-submenu-panel{position:absolute;top:auto;bottom:0;left:calc(100% + 8px);display:none;min-width:112px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface-menu);box-shadow:var(--shadow-popover)}.context-submenu:hover .context-submenu-panel,.context-submenu:focus-within .context-submenu-panel{display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:grid;place-items:center;background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-modal{position:relative;width:min(420px,calc(100vw - 32px));border:1px solid var(--border);border-radius:18px;background:var(--surface-elevated);box-shadow:var(--shadow-modal);padding:26px}.modal-close{position:absolute;top:14px;right:14px;display:inline-grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated)}.login-modal p{margin:18px 0;color:var(--text-secondary);line-height:1.7}.login-modal label{display:grid;gap:8px;color:var(--text-secondary);font-size:13px}.login-modal input{height:42px;border:1px solid var(--border-strong);border-radius:10px;padding:0 12px;outline:none}.login-modal input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.app-dialog-backdrop{z-index:320;align-items:start;padding-top:min(13vh,88px);background:radial-gradient(circle at 50% 0%,var(--primary-ring),transparent 34%),var(--overlay-strong)}.app-dialog{position:relative;width:min(448px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--border-inverse-alpha);border-radius:18px;background:var(--surface-modal);box-shadow:var(--shadow-modal);color:var(--ink-strong)}.app-dialog:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent-teal),var(--warning))}.app-dialog header{display:flex;align-items:center;gap:13px;padding:24px 54px 12px 24px}.app-dialog-mark{display:inline-grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.app-dialog-mark.danger{background:var(--danger-soft);color:var(--danger)}.app-dialog header strong{display:block;font-size:17px;line-height:1.3}.app-dialog header small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.app-dialog p{margin:2px 24px 18px;color:var(--text-secondary);line-height:1.7}.app-dialog-field{display:grid;gap:8px;margin:8px 24px 20px;color:var(--text-secondary);font-size:13px}.app-dialog-field input{width:100%;height:44px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-elevated);padding:0 13px;color:var(--ink-strong);outline:none}.app-dialog-field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.app-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 24px}.app-dialog-secondary,.app-dialog-primary{display:inline-flex;min-width:82px;height:40px;align-items:center;justify-content:center;border-radius:11px;padding:0 16px;font-weight:700}.app-dialog-secondary{border:1px solid var(--border-strong);background:var(--surface-elevated);color:var(--text-secondary)}.app-dialog-primary{border:1px solid var(--ink-strong);background:var(--ink-strong);color:var(--text-on-strong)}.app-dialog-primary.danger{border-color:var(--danger);background:var(--danger)}.login-submit{display:inline-flex;width:100%;height:42px;align-items:center;justify-content:center;gap:8px;margin-top:16px;border:0;border-radius:11px;background:var(--ink-strong);color:var(--text-on-strong);font-weight:700}.login-submit:disabled,.login-secondary:disabled{opacity:.55;cursor:not-allowed}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.login-tabs button,.login-secondary{height:36px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary);font-weight:700}.login-tabs button.active,.login-secondary{border-color:var(--border-strong);background:var(--surface-elevated);color:var(--ink-strong);box-shadow:var(--shadow-soft)}.qr-login-box,.phone-login-box{display:grid;gap:12px}.qr-loading-mask{display:grid;width:min(220px,64vw);aspect-ratio:1;place-items:center;align-content:center;gap:12px;margin:4px auto;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 88%,transparent);color:var(--muted)}.qr-loading-spinner{width:28px;height:28px;border:3px solid color-mix(in srgb,var(--primary) 18%,transparent);border-top-color:var(--primary);border-radius:999px;animation:qr-loading-spin .8s linear infinite}.qr-login-retry{display:grid;gap:12px}.qr-login-retry .login-submit{margin-top:0}.qr-login-box img,.payment-qr{display:block;width:min(220px,64vw);aspect-ratio:1;object-fit:contain;margin:4px auto;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);padding:10px}.qr-login-box small,.recharge-modal small{display:block;color:var(--muted);text-align:center}@keyframes qr-loading-spin{to{transform:rotate(360deg)}}.login-row-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.login-row-actions .login-submit,.login-row-actions .login-secondary{flex:1;margin-top:0}.export-modal{position:relative;width:min(380px,calc(100vw - 32px));border:1px solid var(--border);border-radius:18px;background:var(--surface-elevated);box-shadow:var(--shadow-modal);padding:24px}.export-modal header{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--ink-strong)}.export-modal label{display:grid;gap:8px;margin:12px 0;color:var(--text-secondary);font-size:13px}.export-modal select{height:40px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-elevated);padding:0 10px;outline:none}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmented button{height:36px;border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);background:var(--surface-soft)}.segmented button.active{border-color:var(--ink-strong);background:var(--ink-strong);color:var(--text-on-strong)}.toolbar-popover-menu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:220;display:grid;gap:4px;width:150px;padding:7px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-popover)}.toolbar-popover-menu button{display:flex;justify-content:flex-start;width:100%;height:30px;gap:8px;padding:0 8px;border-radius:8px}.selection-download-menu{position:absolute;top:46px;right:0;z-index:95;display:grid;gap:2px;width:204px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:var(--shadow-menu)}.selection-download-menu.image-download-menu{top:40px;right:6px}.selection-download-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;padding:0 8px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:400;text-align:left}.selection-download-menu button:hover{background:var(--surface-hover)}.selection-download-menu small{color:var(--muted-weak);font-size:12px;font-weight:500}.selection-download-menu i{width:4px;height:4px;border-radius:50%;background:var(--danger)}.topbar-more{position:relative;display:inline-flex}.topbar-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:220;display:grid;gap:4px;width:168px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.topbar-menu button{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:34px;padding:0 10px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:400;text-align:left}.topbar-menu button:hover:not(:disabled){background:var(--surface-hover)}.topbar-menu button.danger{color:var(--danger)}.project-menu-trigger{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:var(--ink)}.project-menu-trigger:hover{background:var(--surface-hover)}.project-menu{position:absolute;top:calc(100% + 8px);left:-2px;z-index:280;display:grid;gap:2px;width:214px;max-height:calc(100vh - 70px);overflow:auto;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-menu);box-shadow:0 18px 48px var(--shadow-menu)}.project-menu button{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;padding:0 10px;color:var(--ink-strong);font-size:13px;text-align:left}.project-menu button:hover:not(:disabled){background:var(--surface-hover)}.project-menu button:disabled{color:var(--muted-weak);cursor:not-allowed}.project-menu button.danger{color:var(--danger-strong)}.project-menu kbd{color:var(--muted-weak);font-family:inherit;font-size:12px}.project-menu hr{width:100%;height:1px;border:0;margin:6px 0;background:var(--border-subtle)}.home-brand,.login-brand{display:inline-flex;align-items:center;gap:10px}.brand-symbol{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--ink-strong);color:var(--text-on-strong);font-weight:800;box-shadow:var(--shadow-card)}.home-brand strong,.login-brand strong{display:block;color:var(--ink-strong);font-size:15px}.home-brand small,.login-brand small{display:block;color:var(--muted);font-size:12px}.project-domain{color:var(--muted);font-size:12px;font-weight:500}.brand-mark,.brand-dot{font-family:inherit;font-weight:800}.agent-references{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 8px}.agent-input .reference-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid var(--border);background:var(--primary-soft);color:var(--primary);border-radius:9px;padding:6px 9px;font-size:12px}.reference-thumb{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:6px;background:var(--surface-elevated)}.frame-fullscreen-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:520;display:grid;place-items:center;padding:24px;background:var(--overlay-strong)}.frame-fullscreen-viewer img{display:block;max-width:100%;max-height:100%;object-fit:contain;background:var(--surface-elevated);box-shadow:var(--shadow-modal)}.frame-fullscreen-viewer button{position:fixed;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:var(--surface-glass-strong);color:var(--ink-strong)}.recharge-modal{width:min(860px,calc(100vw - 32px));padding:0;overflow:hidden}.membership-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--border);background:var(--surface-elevated)}.membership-modal-head div{display:grid;gap:4px}.membership-modal-head strong{color:var(--ink-strong);font-size:18px}.membership-modal-head small,.membership-modal-head span{color:var(--muted);font-size:13px}.membership-modal-head b{color:var(--warning)}.membership-modal-body{display:grid;gap:14px;padding:14px 20px 6px}.recharge-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.recharge-package-grid button{position:relative;display:grid;gap:8px;min-height:126px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);padding:14px;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.recharge-package-grid button.active{border-color:var(--primary);background:var(--primary-tint);box-shadow:0 0 0 3px var(--primary-ring)}.membership-check{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:var(--primary);color:var(--text-on-strong);font-size:12px}.recharge-package-grid strong{color:var(--ink-strong);font-size:14px}.recharge-package-grid em{display:flex;align-items:baseline;gap:8px;color:var(--danger);font-style:normal}.recharge-package-grid em b{font-size:24px}.recharge-package-grid em s{color:var(--muted-weak);font-size:12px}.recharge-package-grid small{color:var(--muted);font-size:12px}.membership-payment-panel{display:grid;grid-template-columns:160px minmax(0,1fr) 168px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated)}.membership-qr-section,.membership-order-info,.membership-price-panel{padding:16px}.membership-qr-section{display:grid;justify-items:center;gap:8px;border-right:1px solid var(--border-subtle)}.membership-qr-box{display:grid;place-items:center;width:122px;height:122px;padding:6px;border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated);color:var(--muted-weak);font-size:12px}.membership-qr-box img{width:100%;height:100%;object-fit:contain}.membership-qr-section small{color:var(--muted);font-size:12px}.membership-order-info{display:grid;align-content:center;gap:10px;border-right:1px solid var(--border-subtle)}.membership-order-info strong{color:var(--text-secondary);font-size:13px}.membership-order-info p{display:flex;justify-content:space-between;gap:12px;margin:0;color:var(--muted);font-size:13px}.membership-order-info b{color:var(--ink-strong);font-weight:500}.membership-price-panel{display:grid;align-content:center;justify-items:center;gap:5px;background:var(--primary-tint);text-align:center}.membership-price-panel span,.membership-price-panel small{color:var(--muted);font-size:12px}.membership-price-panel strong{color:var(--primary);font-size:36px;line-height:1}.membership-price-panel em{padding:4px 10px;border:1px solid var(--success-soft);border-radius:999px;background:var(--success-soft);color:var(--success);font-size:11px;font-style:normal}.membership-payment-status{display:block;padding:4px 20px;color:var(--muted);text-align:center}.membership-modal-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:8px 20px 16px;color:var(--muted);font-size:12px}.membership-modal-foot a{color:var(--primary);text-decoration:none}.membership-modal-foot a:hover{text-decoration:underline}.agent-panel{min-width:0;overflow:hidden;background:var(--surface-elevated)}.agent-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;z-index:60;overflow:visible;border-left:1px solid var(--border);pointer-events:auto}.agent-header{position:relative;justify-content:space-between;gap:12px;min-height:52px;padding:0 12px 0 16px;border-bottom:1px solid var(--border)}.agent-title{flex:1 1 0;min-width:0;max-width:calc(100% - 128px)}.agent-header strong{font-size:15px}.agent-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-header-actions{flex:0 0 auto;gap:6px}.agent-history-wrap{position:relative;display:inline-flex}.agent-history-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:270;display:grid;gap:8px;width:min(280px,calc(100vw - 32px));padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);box-shadow:0 18px 44px var(--shadow-menu)}.agent-history-popover strong{color:var(--ink-strong);font-size:14px}.agent-history-popover label{display:grid;gap:6px;color:var(--muted);font-size:12px}.agent-history-popover input{width:100%;height:34px;border:1px solid var(--border);border-radius:8px;padding:0 10px;outline:none}.agent-history-popover input:focus{border-color:var(--info);box-shadow:0 0 0 3px var(--primary-ring)}.agent-history-item,.agent-history-link{justify-content:flex-start!important;min-height:34px!important;border-radius:8px;padding:0 10px;color:var(--ink)!important;font-size:13px!important;text-align:left}.agent-history-item:hover:not(:disabled),.agent-history-link:hover{background:var(--surface-hover)}.agent-history-item.muted{color:var(--muted-weak)!important;cursor:default}.agent-history-link{border-top:1px solid var(--border-subtle)!important;border-radius:0;color:var(--primary)!important;font-weight:700}.agent-thread{overflow:auto;padding:22px 18px 18px;scrollbar-gutter:stable;color:var(--ink);font-size:14px;line-height:1.65}.agent-thread p{margin:0 0 16px}.agent-feedback{display:flex;gap:10px}.agent-feedback button{color:var(--muted-weak);font-size:16px}.agent-input{position:relative;display:grid;gap:8px;margin:10px 14px 14px;padding:10px 12px 12px;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-elevated);box-shadow:none}.agent-input textarea{width:100%;min-height:54px;max-height:142px;border:0;outline:0;resize:none;color:var(--ink);font-size:14px;line-height:1.45}.agent-input-status{margin:-2px 2px 0;color:var(--muted);font-size:12px;line-height:1.35}.agent-input-status.error{color:var(--danger)}.agent-input-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;overflow:visible}.agent-title{display:grid;gap:2px;min-width:0}.agent-title span{overflow:hidden;color:var(--muted-weak);font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.agent-empty-state{display:grid;gap:7px;padding:0 2px}.agent-empty-state strong{color:var(--surface-soft);font-size:14px;line-height:1.3}.agent-empty-state p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.agent-starter-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.agent-starter-list button{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-elevated);color:var(--text-secondary);text-align:left}.agent-starter-list button:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border-subtle));background:var(--primary-soft);color:var(--primary)}.agent-starter-list span{color:currentColor;font-size:12px;font-weight:700}.agent-starter-list small{display:none}.agent-upload-start{display:inline-flex!important;justify-self:start;align-items:center;gap:5px;height:26px!important;min-width:auto!important;margin-top:2px;padding:0 8px;border:1px dashed var(--border-subtle);border-radius:999px;background:transparent;color:var(--text-secondary)!important;font-size:12px!important;font-weight:700}.agent-upload-start:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--border-subtle));background:var(--primary-soft);color:var(--primary)!important}.agent-action-left,.agent-action-right{display:flex;align-items:center;gap:8px;min-width:0}.agent-action-left{flex:1 1 auto;flex-wrap:wrap}.agent-action-right{flex:0 0 auto;margin-left:auto}.agent-icon-button{width:30px;min-width:30px!important;height:30px!important;border-radius:9px;background:var(--surface-hover);color:var(--text-secondary)!important}.agent-mode-wrap{position:relative;display:inline-flex}.agent-mode-trigger{display:inline-flex!important;align-items:center;gap:6px;min-width:auto!important;padding:0 10px;border-radius:999px;background:var(--surface-hover);color:var(--surface-soft);font-size:13px!important}.agent-send-button{display:inline-flex!important;align-items:center;gap:6px;width:auto;min-width:72px!important;height:32px!important;padding:0 12px;border-radius:999px;background:var(--ink-strong);color:var(--text-on-strong)!important;font-size:13px!important;font-weight:760}.agent-send-button:disabled{background:var(--surface-soft);color:var(--muted-weak)!important;cursor:not-allowed}.agent-mode-menu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:190;display:grid;gap:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:0 22px 54px var(--shadow-menu)}.agent-mode-menu{right:calc(100% + 60px);width:200px;padding:8px}.agent-mode-menu button{display:grid!important;justify-items:start;width:100%;height:auto!important;min-height:44px;padding:7px 10px;border-radius:10px;color:var(--surface-soft);font-size:13px!important}.agent-mode-menu button.active,.agent-mode-menu button:hover{background:var(--primary-tint);color:var(--primary)}.agent-mode-menu small{color:var(--muted);font-size:11px}@media (max-width: 860px){.agent-panel{position:fixed;right:16px;top:72px;bottom:16px;z-index:140;width:min(360px,calc(100vw - 112px));border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px var(--shadow-menu);pointer-events:auto}}.agent-context-chips{display:flex;flex-wrap:wrap;gap:6px}.agent-chat-restore{width:auto;max-width:none;min-width:68px;padding-inline:10px;border-color:transparent;border-radius:14px;background:var(--surface-soft);color:var(--ink-strong);font-weight:720}.agent-chat-restore span{overflow:visible;text-overflow:clip}.agent-chat-restore:hover:not(:disabled){border-color:transparent;background:var(--border-subtle);color:var(--ink-strong)}.drop-overlay{position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:64;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed var(--primary);border-radius:18px;background:var(--primary-soft);color:var(--primary);pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drop-overlay strong{font-size:15px}.app-shell{display:grid;grid-template-columns:56px minmax(0,1fr);width:100%;height:100vh;background:var(--surface-elevated)}.rail{display:flex;flex-direction:column;align-items:center;gap:18px;padding:14px 8px;border-right:1px solid var(--border);background:var(--surface-elevated)}.brand-mark,.brand-dot,.round-action{display:grid;place-items:center;border-radius:50%;background:var(--ink-strong);color:var(--text-on-strong);font-weight:800}.brand-mark{width:26px;height:26px;font-size:13px}.brand-dot{width:24px;height:24px;font-size:12px}.rail-nav{display:grid;gap:12px}.rail-button,.rail-help,.plain-icon{display:grid;place-items:center;color:var(--ink-strong)}.rail-button{width:36px;height:36px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:500}.rail-button:hover,.rail-button.active{background:var(--surface-soft)}.rail-help{width:24px;height:24px;margin-top:auto;border:1px solid var(--border);border-radius:50%;font-size:13px;font-weight:800}.home-view{display:grid;grid-template-rows:auto auto auto auto;gap:0;overflow-y:auto;overflow-x:hidden;padding:0;background:var(--bg-app);min-height:100%}.home-topbar,.account-actions,.prompt-footer,.prompt-left-actions,.prompt-right-actions,.project-topbar,.project-title,.project-actions,.agent-header,.agent-header-actions,.drawer-header,.drawer-switch{display:flex;align-items:center}.home-topbar{justify-content:space-between;gap:18px;padding:14px clamp(20px,5vw,80px);border-bottom:1px solid var(--border)}.home-topbar>p{min-width:0;margin:0 auto 0 4px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.home-status{width:min(730px,100%);margin:8px auto 0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--muted);font-size:13px;font-weight:700}.home-status.error{border-color:var(--danger-soft);color:var(--danger)}.home-status.offline{border-color:var(--border);background:var(--surface-elevated);color:var(--muted)}.home-view button:disabled{cursor:not-allowed;opacity:.58}.account-actions,.project-actions{gap:10px}.credit-button,.upgrade-button{min-height:30px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);font-size:12px;font-weight:700}.credit-button.danger{border-color:var(--danger-soft);color:var(--danger)}.round-action{width:30px;height:30px;background:var(--info);font-size:11px}.home-hero{display:grid;justify-items:center;gap:14px;padding:48px clamp(20px,5vw,80px) 36px}.home-hero-title{margin:0;font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--ink-strong);letter-spacing:-.02em;text-align:center;line-height:1.15}.home-hero-sub{margin:0;color:var(--muted);font-size:15px}.home-hero p{margin:0;color:var(--muted-weak);font-size:16px}.prompt-box{display:grid;width:min(730px,100%);min-height:122px;padding:18px;border:1px solid var(--border);border-radius:22px;background:var(--surface-elevated);box-shadow:0 10px 28px var(--shadow-soft)}.prompt-box:focus-within{border-color:var(--border);outline:none}.prompt-box textarea{width:100%;min-height:58px;border:0;outline:0;resize:none;color:var(--ink);font-size:15px;line-height:1.45}.prompt-box textarea:focus{border-color:transparent;box-shadow:none;outline:none}.prompt-box textarea::placeholder{color:var(--muted-weak)}.prompt-footer{justify-content:space-between;gap:16px}.prompt-left-actions,.prompt-right-actions{gap:12px}.prompt-footer button,.agent-input button,.agent-header button{display:grid;place-items:center;min-width:26px;height:26px;color:var(--ink);font-size:17px}.prompt-footer .generate-button{display:flex!important;align-items:center;gap:6px;height:36px!important;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--text-on-strong)!important}.prompt-footer .generate-button.loading{opacity:.75;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.generate-button .spin{animation:spin .8s linear infinite}.send-button{border-radius:50%;background:var(--surface-soft);color:var(--muted-weak)!important}.model-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px}.model-chips button{min-height:32px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-elevated);color:var(--ink);font-size:13px}.model-chips button.selected{border-color:var(--primary);color:var(--primary)}.recent-section{display:grid;gap:20px;padding:32px clamp(20px,5vw,80px) 60px}.recent-header{display:flex;align-items:center;justify-content:space-between}.view-all-link{color:var(--muted);font-size:13px;font-weight:500}.view-all-link:hover{color:var(--ink)}.recent-section h2{margin:0;font-size:18px;font-weight:760}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:stretch}.new-project-card,.project-card{min-width:0;border-radius:12px;color:var(--ink-strong);text-align:left}.new-project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1.5px dashed var(--border-strong);background:var(--surface-inset);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.new-project-card:hover{border-color:var(--primary);background:var(--primary-soft)}.new-project-icon{color:var(--muted-weak);font-size:28px;line-height:1}.new-project-card strong{color:var(--ink-strong);font-size:14px;font-weight:600}.project-card{position:relative;display:flex;flex-direction:column;gap:0;cursor:pointer;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--surface-elevated);transition:box-shadow .18s ease,transform .18s ease}.project-card:hover{box-shadow:0 6px 24px var(--shadow-soft);transform:translateY(-2px)}.project-cover{width:100%;aspect-ratio:4 / 3;background-color:var(--surface-soft);background-position:center;background-size:cover;background-repeat:no-repeat;flex-shrink:0;position:relative}.project-cover-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--border-strong)}.project-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.project-title-text{font-size:14px;font-weight:600;color:var(--ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-delete{position:absolute;top:8px;right:8px;z-index:2;display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--muted);opacity:0;box-shadow:var(--shadow-soft);transition:opacity .16s ease,background .16s ease,color .16s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover .project-card-delete,.project-card:focus-within .project-card-delete{opacity:1}.project-card-delete:hover{background:var(--danger-soft);color:var(--danger)}.project-preview{display:block;width:100%;aspect-ratio:4 / 3;background-position:center;background-size:cover;background-color:var(--surface-soft)}.project-card strong{padding:0;font-size:14px}.project-card small{padding:0;color:var(--muted);font-size:12px}.project-card-skeleton{width:100%;aspect-ratio:4 / 3;border-radius:12px;background:linear-gradient(90deg,var(--surface-soft) 25%,var(--surface-elevated) 50%,var(--surface-soft) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-projects-error{display:flex;align-items:center;gap:12px;padding:16px;color:var(--muted);font-size:14px}.home-projects-error button{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-elevated);color:var(--ink);font-size:13px;cursor:pointer}.scene-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px}.scene-chips button{min-height:30px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-elevated);color:var(--ink);font-size:13px;transition:border-color .15s,background .15s}.scene-chips button:hover{border-color:var(--primary);color:var(--primary)}.projects-empty{grid-column:1 / -1;padding:32px 0;color:var(--muted);font-size:14px;text-align:center}.projects-empty p{margin:0}.projects-error{display:flex;align-items:center;gap:12px;padding:16px;color:var(--muted);font-size:14px}.retry-button{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-elevated);color:var(--ink);font-size:13px;cursor:pointer}.project-view{display:grid;grid-template-columns:268px minmax(0,1fr) 400px;height:100vh;min-width:0}.left-drawer{min-width:0;overflow:hidden;background:var(--surface-elevated)}.left-drawer{display:grid;grid-template-rows:auto auto minmax(0,1fr);border-right:1px solid var(--border)}.drawer-header{justify-content:space-between;padding:18px 16px 12px}.drawer-header h2{margin:0;font-size:17px}.drawer-header button{color:var(--muted);font-size:20px}.drawer-switch{gap:6px;padding:0 16px 12px}.drawer-switch button{min-height:30px;padding:0 12px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700}.drawer-switch button.active{background:var(--surface-hover);color:var(--ink-strong)}.drawer-section,.generated-list{min-height:0;padding:12px 16px 18px}.drawer-section{display:flex;flex-direction:column;gap:8px;overflow:hidden}.drawer-section h3{margin:4px 0 14px;font-size:14px}.empty-history{display:grid;justify-items:center;gap:12px;padding:34px 0 28px;color:var(--muted-weak);font-size:13px}.layer-empty-state small{display:inline-flex;gap:8px}.layer-empty-state small button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid var(--border, var(--border));border-radius:9px;background:var(--surface-elevated);color:var(--text-secondary);font-size:12px;font-weight:700}.empty-history div{width:64px;height:46px;background:linear-gradient(135deg,var(--border) 48%,transparent 49%),var(--surface-soft);clip-path:polygon(0 100%,34% 35%,50% 62%,72% 18%,100% 100%)}.layer-list,.generated-list{display:grid;gap:8px}.generated-list{overflow:auto;overflow-x:hidden}.layer-list{flex:1 1 auto;align-content:start;min-height:220px;overflow:auto;padding-right:2px}.layer-row,.generated-file-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;color:var(--ink);text-align:left}.layer-row.is-group{border-color:var(--border);background:var(--surface-elevated)}.layer-row.is-group .layer-thumb-fallback{border-color:var(--primary-ring);background:var(--primary-soft);color:var(--primary)}.layer-row.is-group-child{margin-left:18px;width:calc(100% - 18px);background:var(--surface-soft)}.layer-row.is-group-child:before{content:"";position:absolute;left:-10px;top:-8px;bottom:50%;width:10px;border-bottom:1px solid var(--border-strong);border-left:1px solid var(--border-strong);border-bottom-left-radius:6px;pointer-events:none}.layer-row .layer-thumb-fallback,.smart-thumb{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:11px;font-weight:800}.smart-thumb{overflow:hidden;background:var(--surface-soft)}.smart-thumb img{width:100%;height:100%;object-fit:cover}.smart-thumb span{display:grid;place-items:center;width:100%;height:100%}.layer-thumb{width:34px;height:34px}.layer-main{display:grid;min-width:0;gap:3px}.layer-main em{overflow:hidden;color:var(--muted-weak);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.layer-row strong,.generated-list strong,.generated-file-row strong{overflow:hidden;font-size:14px;font-weight:520;text-overflow:ellipsis;white-space:nowrap}.generated-file-main{display:grid;min-width:0;gap:3px}.generated-file-main em{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.file-thumb{width:48px;height:48px;border-radius:8px}.generated-list small{display:flex;gap:4px;color:var(--muted);font-size:15px}.generated-list small button{min-width:24px;min-height:24px;border-radius:6px;background:var(--border-subtle);color:var(--muted);font-size:11px}.canvas-area{display:grid;grid-template-rows:52px minmax(0,1fr);position:relative;z-index:1;min-width:0;background:var(--surface-soft)}.project-topbar{justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--border);background:var(--surface-elevated)}.project-title{gap:10px;min-width:0;flex:0 1 auto}.project-title strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.cloud-sync-wrap{position:relative;display:inline-flex;flex:0 0 auto}.cloud-sync-trigger{display:inline-flex;height:26px;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.cloud-sync-trigger:hover{transform:translateY(-1px)}.cloud-sync-trigger.is-synced{border-color:#22c55e52;color:#15803d}.cloud-sync-trigger.is-syncing{border-color:#2563eb57;color:#2563eb}.cloud-sync-trigger.is-failed,.cloud-sync-trigger.is-conflict{border-color:#dc262652;color:var(--danger)}.cloud-sync-trigger.is-login,.cloud-sync-trigger.is-local{border-color:#f59e0b61;color:#b45309}.cloud-sync-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:420;width:236px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface-elevated);box-shadow:var(--shadow-strong)}.cloud-sync-popover:before{position:absolute;top:-6px;left:22px;width:10px;height:10px;border-top:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface-elevated);content:"";transform:rotate(45deg)}.cloud-sync-popover header{display:flex;align-items:center;gap:8px;color:var(--text)}.cloud-sync-popover p{margin:8px 0;color:var(--muted);font-size:12px;line-height:1.55}.cloud-sync-popover small{display:block;margin-bottom:10px;color:var(--danger);font-size:12px}.cloud-sync-popover button{width:100%;height:30px;border:0;border-radius:10px;background:var(--text);color:var(--surface-elevated);font-weight:800;cursor:pointer}.plain-icon{width:22px;height:22px;color:var(--muted);font-size:14px}.canvas-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 44%,var(--surface-glass),transparent 36%),var(--surface-inset)}.leafer-host{width:100%;height:100%;position:relative;overflow:hidden}.canvas-wheel-guide{position:absolute;top:14px;left:50%;z-index:20;max-width:min(360px,calc(100% - 32px));padding:7px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-glass-strong);color:var(--text-secondary);font-size:12px;font-weight:760;line-height:1.2;text-align:center;box-shadow:var(--shadow-soft);opacity:.78;pointer-events:none;transform:translate(-50%);transition:border-color .16s ease,color .16s ease,opacity .16s ease}.canvas-wheel-guide.active{border-color:var(--primary-ring);color:var(--primary-strong);opacity:1}.canvas-drawing-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;width:100%;height:100%;overflow:visible;pointer-events:none}.canvas-drawing-preview rect{fill-opacity:.34}.canvas-text-inline-editor{position:absolute;z-index:12;box-sizing:border-box;padding:0;border:0;outline:0;background:transparent;box-shadow:none;font-family:Arial,Microsoft YaHei,sans-serif;font-weight:600;line-height:1.2;overflow:hidden;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;caret-color:var(--primary);pointer-events:auto}.canvas-text-inline-editor:focus{box-shadow:none}.pending-image-preview{position:absolute;z-index:68;display:grid;place-items:center;align-content:center;gap:8px;min-width:120px;min-height:90px;overflow:hidden;border:1px solid var(--primary);border-radius:8px;background:linear-gradient(135deg,var(--surface-glass),var(--primary-soft)),repeating-linear-gradient(45deg,var(--primary-ring) 0 10px,var(--primary-ring) 10px 20px);color:var(--primary);text-align:center;box-shadow:0 16px 40px var(--shadow-menu);pointer-events:none}.pending-image-preview:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(90deg,transparent,var(--surface-glass),transparent);animation:pending-image-sweep 1.35s linear infinite}.pending-image-preview span{position:relative;width:34px;height:34px;border:3px solid var(--primary-ring);border-top-color:var(--info);border-radius:50%;animation:pending-image-spin .9s linear infinite}.pending-image-preview strong,.pending-image-preview small{position:relative;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-image-preview strong{font-size:13px;font-weight:800}.pending-image-preview small{color:var(--text-secondary);font-size:12px}@keyframes pending-image-spin{to{transform:rotate(360deg)}}@keyframes pending-image-sweep{0%{transform:translate(-55%) rotate(12deg)}to{transform:translate(55%) rotate(12deg)}}.canvas-empty-guide{position:absolute;right:0;left:0;top:47%;z-index:8;display:grid;justify-items:center;gap:10px;width:min(380px,calc(100% - 64px));margin:0 auto;padding:20px 22px 18px;border:none;border-radius:0;background:none;box-shadow:none;transform:translateY(-50%);color:var(--ink);text-align:center;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none}.empty-canvas-frame{display:none}.canvas-empty-guide:before{content:"";width:34px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--primary) 62%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-soft) 74%,transparent)}.canvas-empty-guide strong{color:var(--ink-strong);font-size:15px;font-weight:720;letter-spacing:0}.canvas-empty-guide p{max-width:300px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.canvas-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.canvas-empty-guide button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--ink);font-size:12px;font-weight:620;box-shadow:none;pointer-events:auto}.canvas-empty-guide button:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:var(--primary-tint);color:var(--primary)}.canvas-empty-guide button:focus{outline:none}.canvas-empty-guide button:focus-visible{border-color:color-mix(in srgb,var(--primary) 46%,var(--border));box-shadow:0 0 0 3px var(--primary-ring)}@media (min-width: 1181px){.canvas-empty-guide{right:400px}}.floating-toolbar{position:absolute;z-index:240;left:50%;bottom:20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;min-height:48px;max-width:calc(100% - 28px);overflow:visible;padding:6px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:0 10px 28px var(--shadow-card);transform:translate(-50%)}.floating-toolbar::-webkit-scrollbar{display:none}.floating-toolbar button{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--ink);font-size:14px;font-weight:740}.floating-toolbar button:hover,.floating-toolbar button.active{background:var(--ink-strong);color:var(--text-on-strong)}.toolbar-more-details,.drawing-options{position:relative}.drawing-options>button{position:relative}.drawing-color-dot{position:absolute;right:5px;bottom:5px;width:8px;height:8px;border:1px solid var(--border-inverse-alpha);border-radius:50%;box-shadow:0 0 0 1px var(--shadow-popover);pointer-events:none}.drawing-options-popover{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:260;display:grid;gap:10px;width:248px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-popover);transform:translate(-50%)}.drawing-options-popover>label{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;font-weight:760}.drawing-options-popover input[type=range]{width:100%}.drawing-options-popover em{min-width:18px;color:var(--muted);font-size:12px;font-style:normal;text-align:right}.drawing-swatch-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.drawing-swatch-row button{width:24px;height:24px;border:1px solid var(--border-strong);border-radius:50%}.drawing-swatch-row button.active{outline:2px solid var(--primary);outline-offset:2px}.toolbar-more-summary{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--ink-strong);cursor:pointer;list-style:none}.toolbar-more-summary.active,.toolbar-more-summary:hover{background:var(--ink-strong);color:var(--text-on-strong)}.project-menu-wrap{position:relative;display:inline-flex}.voice-button{border-radius:50%;background:var(--ink-strong);color:var(--text-on-strong)!important}.selected-image-meta{position:absolute;z-index:284;display:inline-flex;gap:18px;align-items:center;color:var(--info);font-size:12px;font-weight:700;pointer-events:none}.selected-image-meta em{font-style:normal;font-weight:600}.selected-image-follow-toolbar{position:absolute;z-index:285;display:flex;flex-wrap:nowrap;align-items:center;gap:2px;max-width:min(620px,calc(100% - 24px));min-height:40px;padding:4px 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface-modal);box-shadow:var(--shadow-card);transform:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.selected-image-follow-toolbar>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:3px;height:30px;padding:0 8px;border-radius:8px;color:var(--ink-strong);font-size:13px;font-weight:500;white-space:nowrap}.selected-image-follow-toolbar>button svg{flex:0 0 auto}.selected-image-follow-toolbar>button:disabled{color:var(--muted-weak);cursor:not-allowed;opacity:.48}.selected-image-follow-toolbar>button:hover,.toolbar-more-button{background:var(--surface-hover)}.selected-image-follow-toolbar small{color:var(--muted-weak);font-size:10px;font-weight:500}.selection-action-toolbar{position:absolute;z-index:286;display:inline-flex;flex-wrap:nowrap;align-items:center;gap:2px;min-height:40px;max-width:min(680px,calc(100% - 24px));padding:4px 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface-modal);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.selection-action-toolbar>button,.selected-image-follow-toolbar>button.download-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;height:30px;padding:0 9px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:500;line-height:1;white-space:nowrap}.selection-action-toolbar>button:hover,.selected-image-follow-toolbar>button.download-trigger:hover{background:var(--surface-hover)}.selection-action-toolbar>button:disabled{color:var(--muted-weak);cursor:not-allowed;opacity:.52}.selection-action-toolbar .icon-only{width:32px;padding:0}.selection-toolbar-divider{width:1px;height:32px;margin:0 4px;background:var(--border-subtle)}.selection-action-toolbar .download-trigger,.selected-image-follow-toolbar>button.download-trigger{gap:2px;min-width:44px;padding:0 7px}.selected-object-follow-toolbar{position:absolute;z-index:285;display:inline-flex;align-items:center;gap:4px;max-width:min(460px,calc(100% - 24px));min-height:40px;padding:4px 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface-modal);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.selected-object-follow-toolbar .color-picker-control{flex:0 0 auto}.selected-object-follow-toolbar .color-picker-icon-trigger{width:32px;height:32px;border-radius:8px;box-shadow:none}.text-toolbar-divider{width:1px;height:32px;margin:0 4px;background:var(--border-subtle)}.text-toolbar-select,.text-toolbar-number{position:relative;display:inline-flex;height:32px;align-items:center;gap:8px;padding:0 8px 0 12px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:500;white-space:nowrap}.text-toolbar-select:hover,.text-toolbar-number:hover{background:var(--surface-hover)}.text-toolbar-select select,.text-toolbar-number input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.text-toolbar-select span{display:block;max-width:126px;overflow:hidden;text-overflow:ellipsis}.text-toolbar-select.is-weight span{max-width:72px}.text-toolbar-number{min-width:62px}.text-toolbar-number input{cursor:text}.text-toolbar-number input+svg{margin-left:auto}.selected-object-follow-toolbar strong{display:inline-flex;max-width:148px;height:30px;align-items:center;gap:6px;overflow:hidden;padding:0 9px 0 6px;color:var(--text-secondary);font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.selected-object-follow-toolbar button{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:var(--ink);font-size:13px;font-weight:500}.selected-object-follow-toolbar.is-text{max-width:min(560px,calc(100% - 24px))}.selected-object-follow-toolbar button.text-primary{display:inline-flex;width:auto;min-width:82px;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:var(--ink-strong)}.selected-object-follow-toolbar button:hover{background:var(--surface-hover)}.selected-object-follow-toolbar button.danger{color:var(--danger)}.image-quick-edit-box{position:absolute;top:42px;left:0;z-index:92;display:grid;grid-template-columns:minmax(180px,1fr) minmax(148px,auto) auto;align-items:center;gap:6px;width:min(520px,calc(100vw - 48px));padding:7px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);box-shadow:0 22px 54px var(--shadow-popover)}.image-quick-edit-box input{min-width:0;height:32px;border:1px solid var(--border);border-radius:8px;padding:0 10px;font-size:13px}.image-quick-edit-box select{height:32px;max-width:176px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--text-secondary);font-size:12px;font-weight:600}.image-quick-edit-box button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:8px;background:var(--ink-strong);color:var(--text-on-strong);font-size:12px;font-weight:700}.image-quick-edit-box button:disabled{background:var(--border);color:var(--muted-weak);cursor:not-allowed}.image-bounds-box{position:absolute;z-index:286;min-width:18px;min-height:18px;border:2px solid var(--info);background:var(--primary-ring);box-shadow:0 0 0 9999px var(--shadow-popover)}.image-bounds-box.is-expand{border-style:dashed;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--info) 12%,transparent) 0 8px,transparent 8px 16px),var(--surface-glass);box-shadow:0 16px 42px var(--shadow-menu)}.image-bounds-source{position:absolute;border:1px solid color-mix(in srgb,var(--info) 58%,transparent);background:color-mix(in srgb,var(--surface-elevated) 28%,transparent);box-shadow:0 0 0 1px var(--border-inverse-alpha);pointer-events:none}.image-bounds-move{position:absolute;top:14px;right:14px;bottom:14px;left:14px;cursor:move;background:transparent}.image-bounds-handle{position:absolute;z-index:2;width:14px;height:14px;border:2px solid var(--border-inverse-alpha);border-radius:50%;background:var(--info);box-shadow:var(--shadow-modal)}.image-bounds-box.is-expand .image-bounds-handle{border-color:var(--surface-elevated);background:var(--info)}.image-bounds-box.is-expand .image-bounds-handle.is-n,.image-bounds-box.is-expand .image-bounds-handle.is-s{width:min(72px,36%);height:10px;border-radius:999px}.image-bounds-box.is-expand .image-bounds-handle.is-e,.image-bounds-box.is-expand .image-bounds-handle.is-w{width:10px;height:min(72px,36%);border-radius:999px}.image-bounds-box.is-expand .image-bounds-handle.is-nw,.image-bounds-box.is-expand .image-bounds-handle.is-ne,.image-bounds-box.is-expand .image-bounds-handle.is-sw,.image-bounds-box.is-expand .image-bounds-handle.is-se{width:16px;height:16px;border-radius:5px}.image-bounds-handle.is-n,.image-bounds-handle.is-s{left:50%;transform:translate(-50%);cursor:ns-resize}.image-bounds-handle.is-e,.image-bounds-handle.is-w{top:50%;transform:translateY(-50%);cursor:ew-resize}.image-bounds-handle.is-n{top:-8px}.image-bounds-handle.is-s{bottom:-8px}.image-bounds-handle.is-e{right:-8px}.image-bounds-handle.is-w{left:-8px}.image-bounds-handle.is-nw,.image-bounds-handle.is-ne,.image-bounds-handle.is-sw,.image-bounds-handle.is-se{width:16px;height:16px}.image-bounds-handle.is-nw{top:-9px;left:-9px;cursor:nwse-resize}.image-bounds-handle.is-ne{top:-9px;right:-9px;cursor:nesw-resize}.image-bounds-handle.is-sw{bottom:-9px;left:-9px;cursor:nesw-resize}.image-bounds-handle.is-se{right:-9px;bottom:-9px;cursor:nwse-resize}.image-bounds-panel{position:absolute;z-index:287;display:flex;align-items:center;gap:6px;max-width:min(680px,calc(100% - 24px));min-height:40px;padding:6px;border:1px solid var(--border);border-radius:9px;background:var(--surface-menu);box-shadow:var(--shadow-popover)}.image-bounds-panel strong{padding:0 6px;color:var(--ink-strong);font-size:13px;white-space:nowrap}.image-bounds-panel input,.image-bounds-panel select{height:30px;min-width:0;border:1px solid var(--border);border-radius:7px;background:var(--surface-elevated);color:var(--text-secondary);font-size:12px}.image-bounds-panel input{width:238px;padding:0 9px}.image-bounds-panel select{max-width:172px}.image-bounds-panel button{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap}.image-bounds-panel button.primary{background:var(--ink-strong);color:var(--text-on-strong)}.image-bounds-panel button:disabled{color:var(--muted-weak);cursor:not-allowed}.image-bounds-panel.is-expand{display:grid;grid-template-columns:auto minmax(190px,1fr) minmax(132px,auto) auto auto;width:min(540px,calc(100% - 24px));min-height:44px;padding:7px;border-radius:10px;background:var(--surface-elevated);box-shadow:0 22px 54px var(--shadow-popover)}.image-bounds-panel.is-expand input{width:auto;height:32px;padding:0 10px;font-size:13px}.image-bounds-panel.is-expand select{height:32px;max-width:160px}.image-bounds-panel.is-expand button{height:32px}.image-bounds-panel.is-expand button.primary{gap:4px}.image-toolbar-menu{position:absolute;top:40px;right:16px;z-index:85;display:grid;gap:3px;width:154px;padding:7px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.image-toolbar-menu button{display:flex;align-items:center;gap:9px;min-height:32px;padding:0 8px;border-radius:7px;color:var(--ink-strong);font-size:13px;font-weight:400;text-align:left}.image-toolbar-menu button:hover{background:var(--surface-hover)}.image-toolbar-menu i{height:1px;margin:4px 2px;background:var(--border)}.toolbar-customizer{position:absolute;top:52px;right:0;z-index:90;width:min(700px,calc(100vw - 48px));padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-elevated);box-shadow:0 28px 72px var(--shadow-modal)}.toolbar-customizer header,.toolbar-customizer footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.toolbar-customizer header strong{font-size:18px}.toolbar-customizer header p{margin:4px 0 0;color:var(--muted);font-size:13px}.toolbar-customizer-preview{display:flex;gap:8px;overflow:hidden;margin:18px 0 16px;padding:20px;border-radius:12px;background:linear-gradient(135deg,var(--info-soft),var(--primary-soft))}.toolbar-customizer-preview span{display:inline-flex;height:34px;align-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface-glass-strong);padding:0 10px;white-space:nowrap;font-size:13px}.toolbar-customizer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toolbar-customizer-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 9px;border:1px solid var(--border);border-radius:8px;font-size:13px}.toolbar-customizer-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-customizer-item small{display:flex;gap:2px}.toolbar-customizer-item button,.toolbar-customizer footer button{min-width:24px;height:24px;border:1px solid var(--border);border-radius:6px;background:var(--surface-elevated)}.toolbar-customizer-item button.pinned{border-color:var(--primary-ring);background:var(--primary-soft);color:var(--primary)}.toolbar-customizer footer{margin-top:16px}.toolbar-customizer footer label{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.toolbar-customizer footer button{height:34px;padding:0 14px}.toolbar-customizer footer button.primary{border-color:var(--ink-strong);background:var(--ink-strong);color:var(--text-on-strong)}.model-pref-trigger{width:30px;min-width:30px!important;height:30px!important;border-radius:9px;background:var(--surface-hover);color:var(--text-secondary)!important}.model-pref-wrap{position:relative;display:inline-flex}.model-pref-trigger{display:inline-flex!important;align-items:center;gap:6px;min-width:auto!important;padding:0 10px;border-radius:999px;background:var(--surface-hover);color:var(--surface-soft);font-size:13px!important}.model-pref-trigger{width:30px;min-width:30px!important;padding:0}.model-pref-popover{position:absolute;right:0;bottom:calc(100% + 10px);z-index:190;display:grid;gap:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:0 22px 54px var(--shadow-menu)}.model-pref-popover{position:fixed;right:22px;bottom:92px;width:340px;max-width:calc(100vw - 112px);max-height:min(430px,calc(100vh - 170px));overflow:auto;padding:14px}.model-pref-popover header{display:flex;align-items:center;justify-content:space-between}.model-pref-popover header label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.model-pref-popover header label button{position:relative;width:42px;height:24px;border-radius:999px;background:var(--border)}.model-pref-popover header label button span{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:var(--surface-elevated);transition:left .16s ease}.model-pref-popover header label button.active{background:var(--ink-strong)}.model-pref-popover header label button.active span{left:22px}.model-pref-popover nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:12px 0;padding:4px;border-radius:11px;background:var(--surface-hover)}.model-pref-popover nav button{height:32px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700}.model-pref-popover nav button.active{background:var(--surface-elevated);color:var(--ink-strong);box-shadow:var(--shadow-soft)}.model-pref-option{display:flex!important;justify-content:space-between;align-items:flex-start;width:100%;height:auto!important;min-height:70px;padding:10px;border-radius:12px;text-align:left}.model-pref-option:hover,.model-pref-option.selected{background:var(--primary-soft)}.model-pref-option span{display:grid;gap:3px}.model-pref-option strong{font-size:13px}.model-pref-option small{color:var(--muted);font-size:12px}.model-pref-option em{width:max-content;border-radius:5px;background:var(--surface-hover);color:var(--muted);padding:2px 6px;font-size:11px;font-style:normal}.model-pref-option:not(.selected) b{visibility:hidden}.video-ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.video-ratio-grid button{height:34px;border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);font-size:12px}.video-ratio-grid button.active{border-color:var(--primary-ring);background:var(--primary-soft);color:var(--primary)}.generated-list-lovart{align-content:start;gap:8px;padding-right:10px}.lovart-file-row{grid-template-columns:48px minmax(0,1fr) auto;min-height:62px;border-radius:10px;align-items:center}.lovart-file-row .file-thumb{width:48px;height:48px}.lovart-file-row small{grid-column:auto;align-items:center;justify-content:flex-end;margin-top:0}.lovart-file-row small button{width:26px;height:26px;min-width:26px;min-height:26px}@media (max-width: 1500px){.project-topbar{min-width:0}.project-actions{min-width:0;overflow:hidden}.status-pill{max-width:128px}}@media (max-width: 860px){.project-view{grid-template-columns:240px minmax(0,1fr)}.project-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 760px){body{overflow:hidden}.app-shell{grid-template-columns:48px minmax(0,1fr);min-height:100vh;height:100vh}.home-view{padding:0}.home-hero{padding:32px 18px 28px}.recent-section{padding:24px 18px 40px}.home-topbar{display:grid;grid-template-columns:minmax(72px,1fr) auto;align-items:start;gap:10px 12px;padding:12px 18px}.home-topbar>p{grid-column:1 / -1;margin:0;font-size:12px;line-height:1.5;white-space:normal}.home-brand{min-width:72px}.account-actions{justify-content:end;gap:6px}.home-topbar .credit-button,.home-topbar .upgrade-button{width:34px;min-width:34px;padding:0;overflow:hidden;font-size:0}.home-topbar .credit-button svg,.home-topbar .upgrade-button svg{flex:0 0 auto}.prompt-box{border-radius:18px}.project-grid{grid-template-columns:repeat(2,1fr)}.project-view{grid-template-columns:232px minmax(0,1fr);height:100vh}.left-drawer{display:grid}.drawer-header,.drawer-section,.generated-list,.history-list,.drawer-switch{padding-inline:12px}.drawer-switch button{padding-inline:4px}.floating-toolbar{bottom:12px;max-width:calc(100vw - 96px);overflow-x:auto}}.new-project-card strong{color:var(--ink-strong);font-size:14px}.status-pill{max-width:360px;overflow:hidden;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-pill.error{border-color:var(--danger-soft);color:var(--danger)}.drawer-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.drawer-actions button{min-height:30px;padding:0 10px;border:1px solid var(--border);border-radius:8px;color:var(--ink);font-size:12px;font-weight:700}.drawer-search{display:grid;gap:4px;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:700}.drawer-search input{height:32px;border:1px solid var(--border);border-radius:9px;background:var(--surface-inset);color:var(--ink-strong);padding:0 10px;outline:none}.drawer-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.inspector-panel{flex:0 1 36vh;display:grid;gap:10px;max-height:36vh;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated)}.inspector-panel header{display:flex;align-items:center;justify-content:space-between}.inspector-panel header strong{color:var(--ink-strong);font-size:13px}.inspector-panel header small{color:var(--muted);font-size:11px}.field-grid,.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field-grid label,.style-grid label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.field-grid input,.style-grid input,.style-grid select{width:100%;min-width:0;height:32px;border:1px solid var(--border);border-radius:7px;background:var(--surface-inset);color:var(--ink-strong);padding:0 8px;outline:none}.style-grid input[type=color]{padding:3px}.color-picker-control{position:relative;min-width:0}.color-picker-field{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.drawing-options-popover .color-picker-field{grid-template-columns:42px minmax(0,1fr) 78px;align-items:center;gap:8px;font-size:12px;font-weight:760}.color-picker-trigger{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px;width:100%;min-width:0;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface-inset);color:var(--text-secondary)}.color-picker-trigger b,.color-picker-icon-trigger span{width:14px;height:14px;border:1px solid var(--surface-glass-strong);border-radius:50%;box-shadow:0 0 0 1px var(--shadow-popover)}.color-picker-trigger em{overflow:hidden;color:var(--ink-strong);font-size:11px;font-style:normal;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.color-picker-inline-input{width:100%;min-width:0;height:32px;border:1px solid var(--border);border-radius:7px;background:var(--surface-inset);color:var(--ink-strong);padding:0 8px;font:inherit;outline:none}.style-grid .color-picker-control{min-width:0}.history-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto;padding:12px 16px 18px}.history-list>button{display:grid;gap:4px;width:100%;min-height:44px;padding:10px;border-radius:8px;background:var(--surface-soft);color:var(--ink);text-align:left}.history-list small{color:var(--muted-weak);font-size:12px}.layer-row.selected{background:var(--primary-soft)}.layer-row small{display:flex;gap:4px}.layer-row small button{min-width:24px;min-height:24px;border-radius:6px;background:var(--border-subtle);color:var(--muted);font-size:11px}.file-thumb{background:linear-gradient(135deg,var(--primary-soft),var(--danger-soft)),var(--border-subtle)}.message{max-width:92%;min-width:0;margin-bottom:12px}.message p{max-width:100%;margin:0;padding:10px 12px;border-radius:12px;background:var(--surface-soft);overflow-wrap:anywhere;white-space:pre-wrap}.message.user{max-width:calc(100% - 28px);margin-left:auto;margin-right:4px}.message.user p{background:var(--ink-strong);color:var(--text-on-strong)}.message.system p{color:var(--muted);font-size:13px}body,.app-shell{background:var(--bg-app)}.rail{border-right-color:var(--border);background:var(--surface-modal);box-shadow:1px 0 0 var(--border-subtle)}.rail-button{border-radius:10px;color:var(--text-secondary);transition:background .16s ease,color .16s ease,transform .16s ease}.rail-button:hover,.rail-button.active{background:var(--primary-soft);color:var(--primary);transform:translateY(-1px)}.credit-button,.upgrade-button,.topbar-command{display:inline-flex;align-items:center;justify-content:center;gap:6px}.project-view{grid-template-columns:292px minmax(0,1fr) 400px}.project-view.drawer-collapsed{grid-template-columns:minmax(0,1fr) 400px}.project-view.agent-collapsed{grid-template-columns:292px minmax(0,1fr)}.project-view.drawer-collapsed.agent-collapsed{grid-template-columns:minmax(0,1fr)}.drawer-restore{position:fixed;z-index:170;left:60px;top:64px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);color:var(--ink);box-shadow:var(--shadow-soft)}.left-drawer{border-right-color:var(--border);box-shadow:1px 0 0 var(--border-subtle)}.drawer-header h2{color:var(--ink);font-size:17px;font-weight:780}.drawer-header button,.plain-icon{width:30px;height:30px;border-radius:9px}.drawer-header button:hover,.plain-icon:hover{background:var(--surface-soft);color:var(--ink-strong)}.drawer-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.drawer-switch button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:30px;padding-inline:6px;border-radius:9px;font-size:12px;line-height:1;white-space:nowrap}.drawer-switch button svg{width:13px;height:13px;flex:0 0 auto}.drawer-switch button.active{background:var(--ink-strong);color:var(--text-on-strong)}.layer-createbar,.layer-quickbar{display:flex;flex-wrap:wrap;gap:6px}.layer-createbar{padding-bottom:2px}.layer-quickbar{position:sticky;top:0;z-index:4;flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:2px;padding:4px;border:1px solid var(--border);border-radius:9px;background:var(--surface-glass-strong);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:thin}.layer-order-tools{display:inline-flex;gap:1px;padding:1px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft)}.drawer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-color:var(--border);border-radius:9px;background:var(--surface-elevated);transition:background .16s ease,border-color .16s ease,transform .16s ease}.drawer-actions button:hover:not(:disabled){border-color:var(--primary-ring);background:var(--primary-tint);transform:translateY(-1px)}.layer-quickbar button{flex:0 0 auto;width:22px;min-width:22px;min-height:24px;padding:0;font-size:12px}.layer-quickbar .danger{color:var(--danger)}.layer-row,.generated-file-row{min-height:48px;padding:6px;border:1px solid transparent;border-radius:10px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.layer-row:hover,.generated-file-row:hover{border-color:var(--border);background:var(--surface-inset)}.layer-row .layer-thumb-fallback{border-color:var(--border);border-radius:8px;background:var(--surface-soft)}.layer-row.selected{border-color:var(--primary-ring);background:var(--primary-soft)}.layer-row small button,.generated-list small button{display:grid;place-items:center}.inspector-group{display:grid;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.inspector-group summary{cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:780;list-style-position:outside}.project-topbar{padding:0 16px;border-bottom-color:var(--border);background:var(--surface-modal);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.project-actions{flex:0 1 auto;min-width:0;gap:6px;overflow:visible}.topbar-command{min-height:32px;max-width:74px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);color:var(--ink);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease}.topbar-command.icon-only{width:32px;padding:0}.theme-toggle-button{flex:0 0 auto}.topbar-command.theme-toggle-button,.credit-button.theme-toggle-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:10px}.theme-toggle-button svg{flex:0 0 auto}.points-command{max-width:88px}.points-command svg{color:var(--primary)}.membership-command{max-width:104px;min-width:78px;border-color:var(--primary);background:var(--primary);color:var(--text-on-strong)}.topbar-command.membership-command:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong);color:var(--text-on-strong)}.account-command{max-width:78px}.topbar-command:hover:not(:disabled){border-color:var(--primary-ring);background:var(--primary-tint);transform:translateY(-1px)}.topbar-menu{z-index:360;width:190px}.topbar-menu hr{width:100%;height:1px;margin:4px 0;border:0}.topbar-menu button svg,.project-actions>.status-pill svg{flex:0 0 auto}.generated-file-row{grid-template-columns:48px minmax(0,1fr) 58px;align-items:center;min-height:64px}.generated-file-row small{grid-column:3;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(2,26px);gap:6px;align-self:center;justify-content:end;margin-top:0}.generated-file-row .generated-file-main{min-width:0;align-self:center}.row-meta{display:block;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.row-meta.error-text{color:var(--danger)}.mention-wrap{position:relative}.mention-popover,.skill-book-panel,.brand-kit-panel{position:absolute;right:0;bottom:52px;z-index:50;display:grid;width:min(360px,calc(100vw - 32px));max-height:420px;overflow:auto;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:0 18px 48px var(--shadow-popover)}.mention-popover button,.skill-book-panel button,.brand-kit-panel button{justify-content:flex-start;width:100%;min-height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated);color:var(--ink);text-align:left}.mention-popover button,.skill-book-panel button{display:grid;gap:2px}.mention-popover small,.skill-book-panel small,.skill-book-panel span,.brand-kit-panel small{color:var(--muted);font-size:11px}.skill-book-panel,.brand-kit-panel{left:12px;right:12px;width:auto}.skill-book-panel header,.brand-kit-panel header{display:flex;align-items:center;justify-content:space-between}.brand-kit-panel label{display:grid;gap:4px;color:var(--muted);font-size:12px}.brand-kit-panel input,.brand-kit-panel textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;color:var(--ink)}.brand-kit-panel textarea{min-height:72px;resize:vertical}.asset-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.asset-panel-head div{display:grid;min-width:0;gap:3px}.asset-panel-head strong{color:var(--ink);font-size:13px;font-weight:760}.asset-panel-head span,.asset-panel-hint{color:var(--muted);font-size:12px}.asset-panel-head button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated);color:var(--ink);font-size:12px;font-weight:760}.asset-panel-head button:hover{border-color:var(--primary-ring);background:var(--primary-tint)}.asset-panel-hint{margin:0 0 12px;line-height:1.55}.topbar-command.danger{border-color:var(--danger-soft);color:var(--danger)}.canvas-shell{background:radial-gradient(circle at 50% 44%,var(--surface-glass),transparent 34%),linear-gradient(var(--surface-soft) 1px,transparent 1px),linear-gradient(90deg,var(--surface-soft) 1px,transparent 1px),var(--surface-inset);background-size:auto,28px 28px,28px 28px,auto}.floating-toolbar{gap:6px;border-color:var(--border);border-radius:16px;box-shadow:var(--shadow-soft)}.floating-toolbar button{border-radius:11px;transition:background .16s ease,color .16s ease,transform .16s ease}.floating-toolbar button:hover,.floating-toolbar button.active{transform:translateY(-1px)}.status-pill{border-color:var(--border);background:var(--surface-elevated)}.history-list{gap:7px}.history-list>button{position:relative;min-height:54px;padding:11px 12px 11px 34px;border:1px solid transparent;border-radius:12px;background:var(--surface-soft);transition:background .16s ease,border-color .16s ease,transform .16s ease}.history-list>button:before{position:absolute;top:14px;left:12px;width:10px;height:10px;border:3px solid var(--border);border-radius:50%;background:var(--info);content:""}.history-list>button:hover{border-color:var(--border);background:var(--primary-tint);transform:translateY(-1px)}.history-list strong{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:13px;font-weight:720;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (max-width: 860px){.project-view{grid-template-columns:292px minmax(0,1fr)}.project-actions{min-width:0}}@media (max-width: 760px){.project-view{grid-template-columns:250px minmax(0,1fr)}.project-topbar{gap:8px;padding:0 10px}.project-title{min-width:0;gap:6px}.project-title strong{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-actions{gap:5px;overflow:hidden}.topbar-command{width:32px;min-width:32px;padding:0;font-size:0}.topbar-command svg{flex:0 0 auto}.status-pill{max-width:112px;padding-inline:8px}}@media (max-width: 1500px){.project-actions{min-width:0;gap:6px;overflow:visible}.status-pill{max-width:120px}}.project-actions{min-width:0;overflow:visible}@media (max-width: 1280px){.project-mode .project-view.drawer-collapsed:not(.agent-collapsed) .project-actions{left:288px;right:416px;width:auto;min-width:0}.project-mode .project-view:not(.drawer-collapsed):not(.agent-collapsed) .project-actions{left:552px;right:416px;width:auto;min-width:0}.project-mode .project-view:not(.drawer-collapsed):not(.agent-collapsed) .status-pill{display:none}.project-mode .selected-image-follow-toolbar>button{width:28px;padding:0}.project-mode .selected-image-follow-toolbar>button span,.project-mode .selected-image-follow-toolbar small{display:none}}.history-list>.history-row{grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:54px;padding-left:10px}.history-list>.history-row:before{display:none}.history-dot{width:10px;height:10px;border:3px solid var(--border);border-radius:50%;background:var(--info)}.history-thumb{width:32px;height:32px}.history-main{display:grid;gap:3px;min-width:0}.history-row .history-main strong{display:block;overflow:hidden;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:unset}.history-row .history-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 860px){.project-view.drawer-collapsed,.project-view.drawer-collapsed.agent-collapsed{grid-template-columns:minmax(0,1fr)}.project-view.agent-collapsed:not(.drawer-collapsed){grid-template-columns:240px minmax(0,1fr)}.floating-toolbar{position:fixed;left:64px;bottom:16px;width:128px;max-width:calc(100vw - 88px);transform:none}}@media (max-width: 760px){.project-view.drawer-collapsed,.project-view.drawer-collapsed.agent-collapsed{grid-template-columns:minmax(0,1fr)}.project-view.agent-collapsed:not(.drawer-collapsed){grid-template-columns:232px minmax(0,1fr)}}.app-shell.project-mode{grid-template-columns:minmax(0,1fr)}.project-mode .rail{display:none}.project-mode .project-view,.project-mode .project-view.drawer-collapsed,.project-mode .project-view.agent-collapsed,.project-mode .project-view.drawer-collapsed.agent-collapsed{display:block;position:relative;width:100%;height:100vh;min-width:0;overflow:hidden}.project-mode .canvas-area{display:block;width:100%;height:100%;background:transparent}.project-mode .canvas-shell{width:100%;height:100%;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 64%,var(--surface-elevated)) 0 0,transparent 32%),radial-gradient(circle at 84% 14%,var(--surface-glass) 0 0,transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 86%,var(--surface-elevated)),color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 72%,var(--surface-soft)));background-size:auto}.project-mode.canvas-grid-enabled .canvas-shell{background:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 64%,var(--surface-elevated)) 0 0,transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 86%,var(--surface-elevated)),color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 72%,var(--surface-soft)));background-size:32px 32px,32px 32px,auto,auto}.project-mode .canvas-wheel-guide{top:58px}.project-mode .project-topbar{position:fixed;inset:12px auto auto 12px;z-index:230;display:contents;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.project-mode .project-title{position:fixed;top:12px;left:12px;z-index:240;display:inline-flex;min-height:40px;max-width:min(360px,calc(100vw - 480px));align-items:center;gap:8px;padding:0 12px 0 8px;border:1px solid var(--border);border-radius:18px;background:var(--surface-elevated);box-shadow:var(--shadow-soft);pointer-events:none}.project-mode .project-title button,.project-mode .project-title span,.project-mode .project-title strong{pointer-events:auto}.project-mode .project-view:not(.drawer-collapsed) .project-title{left:300px;width:240px;max-width:240px}.project-mode .project-title .plain-icon:nth-of-type(n+4){display:none}.project-mode .project-title [data-testid=crop-quarter-height-top]{display:none}.project-mode .project-actions{position:fixed;top:14px;left:700px;right:416px;z-index:360;display:inline-flex;max-width:none;justify-content:flex-end;gap:6px}.project-mode .project-view.agent-collapsed .project-actions{left:700px;right:16px;max-width:none}@media (max-width: 1280px){.project-mode .project-actions{left:auto;right:max(16px,min(416px,calc(100vw - 610px)));width:max(210px,min(360px,calc(100vw - 660px)));min-width:210px}.project-mode .project-view.agent-collapsed .project-actions{left:auto;right:16px;width:min(420px,calc(100vw - 330px))}}.project-mode .status-pill{max-width:210px;background:var(--surface-glass-strong)}.project-mode .left-drawer{position:fixed;inset:0 auto 0 0;z-index:300;width:min(286px,calc(100vw - 72px));border-right:1px solid var(--border);background:var(--surface-elevated);box-shadow:1px 0 0 var(--border-subtle);-webkit-backdrop-filter:none;backdrop-filter:none}.project-mode .agent-panel{position:fixed;inset:0 0 0 auto;z-index:220;width:min(400px,calc(100vw - 80px));border-left:1px solid var(--border);background:var(--surface-elevated);box-shadow:-1px 0 0 var(--shadow-soft)}.project-mode .floating-toolbar{z-index:280;bottom:20px;left:50%;min-height:44px;border-radius:14px;border-color:var(--border);background:var(--surface-glass-strong);box-shadow:0 10px 28px var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.project-mode .canvas-empty-guide{right:400px;top:48%;width:min(380px,calc(100% - 72px))}.project-mode .project-view.agent-collapsed .canvas-empty-guide{right:0}.canvas-corner-panel{position:absolute;left:12px;bottom:14px;z-index:245;display:grid;gap:10px;width:208px;color:var(--text-secondary);pointer-events:auto}.project-mode .project-view:not(:has(.mini-map)) .canvas-corner-panel{width:auto}.project-mode .project-view:not(.drawer-collapsed) .canvas-corner-panel{left:300px}.mini-map{position:relative;height:132px;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-elevated);box-shadow:none;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.mini-map:before{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid var(--border-strong);content:""}.mini-map span{position:absolute;min-width:5px;min-height:5px;border-radius:2px;background:var(--muted-weak);pointer-events:none}.mini-map span.selected{background:var(--info)}.mini-map b{position:absolute;display:block;min-width:18px;min-height:14px;border:2px solid var(--info);border-radius:3px;background:var(--primary-ring);box-shadow:0 0 0 1px var(--surface-glass-strong);cursor:grab;pointer-events:auto}.mini-map b:active{cursor:grabbing}.canvas-corner-actions{display:flex;align-items:center;gap:7px;min-height:32px;color:var(--text-secondary)}.canvas-corner-actions button{display:grid;width:28px;height:28px;place-items:center;border:1px solid transparent;border-radius:9px;color:currentColor;background:var(--surface-elevated)}.canvas-corner-actions .canvas-bg-button{position:relative;overflow:hidden;border-color:var(--border-strong);border-radius:9px;color:var(--text-secondary)}.canvas-corner-actions .canvas-bg-button span{position:absolute;right:4px;bottom:4px;width:9px;height:9px;border:1px solid var(--surface-glass-strong);border-radius:50%;box-shadow:0 0 0 1px var(--shadow-popover)}.canvas-corner-actions button.active,.canvas-corner-actions button:hover{border-color:var(--primary-ring);background:var(--primary-soft);color:var(--primary)}.canvas-corner-actions i{width:1px;height:18px;background:var(--border-strong)}.canvas-corner-actions em{font-size:12px;font-style:normal;font-weight:700}.canvas-palette-popover{position:absolute;left:44px;bottom:36px;z-index:260;width:260px;padding:14px 16px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:var(--shadow-card)}.color-picker-control.is-field .canvas-palette-popover{left:0;top:calc(100% + 8px);bottom:auto}.drawing-options-popover .color-picker-control.is-field .canvas-palette-popover{left:50%;top:auto;bottom:calc(100% + 8px);transform:translate(-50%)}.canvas-palette-popover header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.canvas-palette-popover header strong{font-size:14px}.canvas-color-area{position:relative;height:128px;margin-bottom:10px;overflow:hidden;border-radius:8px;cursor:crosshair;touch-action:none}.canvas-color-area span{position:absolute;width:14px;height:14px;border:2px solid var(--border-inverse-alpha);border-radius:50%;box-shadow:0 0 0 1px var(--shadow-modal);transform:translate(-50%,-50%)}.canvas-hue-range{width:100%;height:14px;margin:0 0 10px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,var(--danger),#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,var(--danger));cursor:pointer;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.canvas-hue-range::-webkit-slider-thumb{width:14px;height:14px;border:2px solid var(--border-inverse-alpha);border-radius:50%;background:transparent;box-shadow:0 0 0 1px var(--shadow-modal);-webkit-appearance:none;-moz-appearance:none;appearance:none}.canvas-hue-range::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--border-inverse-alpha);border-radius:50%;background:transparent;box-shadow:0 0 0 1px var(--shadow-modal)}.canvas-color-grid{display:flex;gap:9px;margin-bottom:12px}.canvas-color-grid button{width:30px;height:30px;border:1px solid var(--border-strong);border-radius:50%}.canvas-corner-actions .color-picker-popover button{display:grid;width:auto;height:auto;place-items:center;border-color:var(--border-strong);border-radius:50%;background:var(--surface-elevated);color:var(--text-secondary)}.canvas-corner-actions .color-picker-popover header button{width:28px;height:28px;border-color:transparent}.canvas-corner-actions .color-picker-popover .canvas-color-grid button{width:30px;height:30px}.canvas-color-grid button.active{outline:2px solid var(--info);outline-offset:2px}.canvas-palette-popover label{display:flex;align-items:center;gap:8px;height:34px;border-radius:9px;background:var(--surface-hover);padding:0 10px;color:var(--muted);font-size:12px}.canvas-palette-popover label input{width:100%;border:0;background:transparent;outline:0;color:var(--ink-strong);font:inherit}.image-task-status{position:absolute;z-index:74;display:grid;align-content:end;justify-items:start;gap:4px;min-width:132px;min-height:84px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,var(--surface-glass),var(--primary-soft)),repeating-linear-gradient(45deg,var(--primary-ring) 0 10px,var(--primary-ring) 10px 20px);box-shadow:0 16px 40px var(--shadow-menu);pointer-events:none}.image-task-status:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--primary);border-radius:inherit;content:""}.image-task-status:after{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(90deg,transparent,var(--surface-glass),transparent);content:"";animation:pending-sweep 1.35s linear infinite}.image-task-status strong,.image-task-status small,.image-task-status span{position:relative;z-index:1;margin-left:8px;max-width:calc(100% - 16px);border-radius:999px;background:var(--overlay-strong);color:var(--text-on-strong);box-shadow:0 10px 26px var(--shadow-menu)}.image-task-status strong{padding:5px 9px;font-size:12px}.image-task-status small{margin-bottom:8px;padding:5px 9px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-task-status span{position:absolute;right:8px;bottom:8px;margin:0;padding:5px 7px;color:var(--border);font-size:11px}.asset-sync-overlay{position:absolute;z-index:18;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--surface-elevated));border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);color:var(--ink-strong);font-size:12px;font-weight:760;box-shadow:0 10px 24px var(--shadow-popover);pointer-events:none}.asset-sync-overlay svg{color:var(--primary);animation:pending-image-spin .9s linear infinite}.asset-sync-overlay.is-failed{border-color:color-mix(in srgb,var(--danger) 44%,var(--surface-elevated));color:var(--danger)}.asset-sync-overlay.is-failed svg{color:var(--danger);animation:none}@keyframes pending-sweep{0%{transform:translate(-55%) rotate(12deg)}to{transform:translate(55%) rotate(12deg)}}@keyframes pending-pulse{50%{filter:brightness(1.08)}}@media (max-width: 900px){.project-mode .project-title{max-width:calc(100vw - 88px)}.project-mode .project-actions{left:auto;right:12px;max-width:184px}.project-mode .canvas-empty-guide{display:none}.project-mode .project-view.agent-collapsed .canvas-empty-guide{right:0;display:grid;width:min(340px,calc(100vw - 88px));padding:18px 16px}.project-mode .floating-toolbar{left:64px;bottom:16px;width:128px;max-width:calc(100vw - 88px);transform:none}.canvas-corner-panel{width:184px}.mini-map{height:112px}}html,body,#app,.app-shell,.home-view,.project-view{background:var(--bg-app);color:var(--ink)}.home-topbar,.project-topbar,.left-drawer,.agent-panel,.modal-backdrop,.login-modal,.recharge-modal,.sync-conflict-modal,.app-dialog,.context-menu,.topbar-menu,.project-menu,.toolbar-popover-menu,.image-toolbar-menu,.selection-download-menu,.canvas-actions-panel,.floating-toolbar,.model-preferences,.toolbar-customizer-panel,.export-modal,.crop-panel,.fullscreen-preview-panel{color:var(--ink)}.home-topbar,.project-topbar,.left-drawer,.agent-panel,.login-modal,.recharge-modal,.sync-conflict-modal,.app-dialog,.context-menu,.topbar-menu,.project-menu,.toolbar-popover-menu,.image-toolbar-menu,.selection-download-menu,.floating-toolbar,.model-preferences,.toolbar-customizer-panel,.export-modal,.crop-panel{border-color:var(--border);background:color-mix(in srgb,var(--surface-elevated) 96%,transparent)}.context-menu,.topbar-menu,.project-menu,.toolbar-popover-menu,.image-toolbar-menu,.selection-download-menu,.floating-toolbar,.model-preferences,.toolbar-customizer-panel,.export-modal,.crop-panel,.login-modal,.recharge-modal,.sync-conflict-modal,.app-dialog{box-shadow:var(--shadow-menu)}.left-drawer{border-right-color:var(--border)}.sync-conflict-modal{position:relative;width:min(520px,calc(100vw - 32px));border:1px solid var(--border);border-radius:12px;padding:22px;background:var(--surface-modal)}.sync-conflict-modal header{display:flex;gap:12px;align-items:flex-start;padding-right:34px}.sync-conflict-modal header strong{display:block;font-size:18px}.sync-conflict-modal header small{display:block;margin-top:6px;color:var(--muted);line-height:1.45;word-break:break-word}.sync-conflict-body{margin-top:18px}.sync-conflict-body p{margin:0;color:var(--ink);line-height:1.55}.sync-conflict-body dl{display:grid;gap:10px;margin:16px 0 0}.sync-conflict-body dl>div{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 72%,transparent)}.sync-conflict-body dt,.sync-conflict-body dd{margin:0}.sync-conflict-body dt{color:var(--muted)}.sync-conflict-body dd{word-break:break-word}.sync-conflict-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.agent-panel{border-left-color:var(--border)}.brand-symbol{background:var(--ink-strong);color:var(--bg-page)}.home-brand strong,.login-brand strong,.project-title strong,.drawer-header h2,.asset-panel-head strong,.generated-file-main strong,.layer-main strong,.membership-modal-head strong,.membership-order-info strong,.membership-price-panel strong{color:var(--ink-strong)}.home-brand small,.login-brand small,.project-domain,.home-hero p,.asset-panel-head span,.asset-panel-hint,.generated-file-main em,.layer-main em,.row-meta,.membership-modal-head small,.membership-modal-head span,.membership-order-info p,.membership-price-panel span,.membership-price-panel small,.empty-history,.status-pill{color:var(--muted)}.credit-button,.upgrade-button,.topbar-command,.project-menu-trigger,.plain-icon,.drawer-header button,.drawer-switch button,.drawer-actions button,.layer-quickbar button,.generated-file-row small button,.context-menu button,.topbar-menu button,.project-menu button,.prompt-left-actions button,.prompt-right-actions button:not(.generate-button),.round-action{border-color:var(--border);background:var(--surface-elevated);color:var(--ink)}.credit-button.icon-only{display:inline-grid;width:30px;padding:0;place-items:center}.credit-button:hover:not(:disabled),.upgrade-button:hover:not(:disabled),.topbar-command:hover:not(:disabled),.project-menu-trigger:hover,.plain-icon:hover,.drawer-header button:hover,.drawer-switch button:hover,.drawer-actions button:hover:not(:disabled),.layer-quickbar button:hover:not(:disabled),.generated-file-row small button:hover:not(:disabled),.context-menu button:hover:not(:disabled),.topbar-menu button:hover:not(:disabled),.project-menu button:hover:not(:disabled),.prompt-left-actions button:hover,.prompt-right-actions button:not(.generate-button):hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--ink-strong)}.drawer-switch button.active,.model-chips button.selected,.rail-button.active,.rail-button:hover{background:var(--primary-soft);color:var(--primary)}.membership-command,.upgrade-button,.login-submit,.generate-button{border-color:var(--primary);background:var(--primary);color:var(--text-on-strong)}.membership-command:hover:not(:disabled),.upgrade-button:hover:not(:disabled),.login-submit:hover:not(:disabled),.generate-button:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong);color:var(--text-on-strong)}.topbar-command.danger,.context-menu .danger,.topbar-menu button.danger,.project-menu button.danger,.credit-button.danger{color:var(--danger)}.topbar-command.danger:hover:not(:disabled),.context-menu .danger:hover:not(:disabled),.topbar-menu button.danger:hover:not(:disabled),.project-menu button.danger:hover:not(:disabled){background:var(--danger-soft)}input,textarea,select,.drawer-search input,.login-modal input,.app-dialog-field input,.prompt-box,.agent-input,.inspector-panel,.inspector-group,.field-grid label,.style-grid label,.layer-row,.generated-file-row,.project-card,.new-project-card,.membership-package,.membership-payment-panel,.membership-qr-section,.membership-order-info,.membership-price-panel,.membership-modal-foot a{border-color:var(--border);background:var(--field-bg);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted-weak)}input:focus,textarea:focus,select:focus,.drawer-search input:focus,.login-modal input:focus,.app-dialog-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);outline:none}.layer-row:hover,.generated-file-row:hover,.project-card:hover,.new-project-card:hover,.membership-package:hover,.membership-package.selected{border-color:var(--border-strong);background:var(--surface-hover)}.layer-row.selected{border-color:var(--primary);background:var(--primary-soft)}.layer-thumb,.file-thumb,.layer-thumb-fallback,.reference-thumb,.membership-qr-box{border-color:var(--border);background:var(--surface-soft);color:var(--ink)}.canvas-shell,.project-mode .canvas-shell{background:var(--canvas-shell-bg)}.canvas-shell:before{opacity:.72}.status-pill{border-color:var(--border);background:var(--surface-soft)}.status-pill.error,.error-text{color:var(--danger)}.project-menu hr,.context-menu hr,.topbar-menu hr{background:var(--border)}.project-menu kbd,.context-menu kbd{color:var(--muted-weak)}:root[data-theme=dark] .project-preview,:root[data-theme=dark] .smart-thumb,:root[data-theme=dark] .bottom-toolbar,:root[data-theme=dark] .mini-map,:root[data-theme=dark] .quick-edit-panel{border-color:var(--border);background-color:var(--surface-soft);color:var(--ink)}.agent-header-actions{padding-right:0}.agent-panel-close{border-color:var(--border);background:var(--surface-elevated);color:var(--ink)}.project-mode .agent-panel,.agent-panel{border-left-color:var(--border);background:var(--surface);color:var(--ink)}.agent-header{border-bottom-color:var(--border);background:var(--surface)}.agent-thread{background:var(--surface);color:var(--ink)}.agent-empty-state strong{color:var(--ink-strong)}.agent-empty-state p,.message.system p{color:var(--muted)}.message p,.agent-input,.agent-starter-list button{border-color:var(--border);background:var(--surface-soft);color:var(--ink)}.agent-empty-state .agent-starter-list button{border-color:var(--border-subtle);background:var(--surface-elevated);color:var(--text-secondary)}.agent-empty-state .agent-starter-list button:hover,.agent-empty-state .agent-upload-start:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--border-subtle));background:var(--primary-soft);color:var(--primary)!important}.agent-empty-state .agent-upload-start{border-color:var(--border-subtle);background:transparent}.message.user p{background:var(--ink-strong);color:var(--bg-page)}.bottom-toolbar,.floating-toolbar,.canvas-corner-panel,.mini-map{border-color:var(--border);background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);color:var(--ink);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .canvas-empty-guide{color:var(--ink)}.bottom-toolbar button,.floating-toolbar button,.canvas-corner-panel button,.agent-header button,.agent-input button{border-color:var(--border);background:var(--surface-elevated);color:var(--ink)}.bottom-toolbar button:hover,.floating-toolbar button:hover,.canvas-corner-panel button:hover,.agent-header button:hover,.agent-input button:hover{background:var(--surface-hover);color:var(--ink-strong)}.floating-toolbar button.active{background:var(--ink-strong);color:var(--bg-page)}.canvas-empty-guide strong{color:var(--ink-strong)}.canvas-empty-guide p{color:var(--muted)}