.highlight-overlay[data-v-2432bb02]{display:none!important}.highlight-drawer[data-v-2432bb02]{position:fixed;top:20px;bottom:20px;right:20px;width:25vw;min-width:300px;max-width:380px;height:auto;border-radius:16px;background:#ffffffd9!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 40px #0003;z-index:1000;transform:translate(120%);transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column}body[data-theme=dark] .highlight-drawer[data-v-2432bb02]{background:#1e1e1ebf!important;border:1px solid rgba(255,255,255,.1)}.highlight-drawer.is-open[data-v-2432bb02]{transform:translate(0)}.drawer-header[data-v-2432bb02]{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:transparent;border-bottom:1px solid var(--border)}body[data-theme=dark] .drawer-header[data-v-2432bb02]{border-bottom-color:#ffffff14}.drawer-title h2[data-v-2432bb02]{margin:0;font-size:28px;color:var(--text-main);font-weight:800}.highlight-count[data-v-2432bb02]{font-size:13px;color:var(--text-sub);margin-top:8px;display:block}.close-drawer-btn[data-v-2432bb02]{background:none;border:none;color:var(--text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s}.close-drawer-btn[data-v-2432bb02]:hover{color:var(--text-main)}.drawer-content[data-v-2432bb02]{flex:1;overflow-y:auto;padding:12px 16px 20px;min-height:0}.highlight-guest-empty[data-v-2432bb02]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px;text-align:center}.highlight-guest-text[data-v-2432bb02]{color:var(--text-sub);font-size:16px;line-height:1.6;margin:0 0 24px;max-width:280px}.highlight-guest-login-btn[data-v-2432bb02]{padding:14px 32px;background:linear-gradient(135deg,var(--accent) 0%,#7c3aed 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #6366f159;transition:transform .2s,box-shadow .2s}.highlight-guest-login-btn[data-v-2432bb02]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f173}.empty-state[data-v-2432bb02]{text-align:center;color:var(--text-sub);font-size:18px;margin-top:20vh;font-weight:600}.waterfall-grid[data-v-2432bb02]{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.waterfall-item[data-v-2432bb02]{margin-bottom:0!important;position:relative;border-radius:8px!important;overflow:hidden;cursor:pointer;background:var(--bg-sidebar);box-shadow:0 4px 12px #0000000f;transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:1 / 1}.waterfall-item[data-v-2432bb02]:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001f}.waterfall-img[data-v-2432bb02]{width:100%;height:100%;display:block;object-fit:cover;opacity:0;animation:imageFadeIn .6s cubic-bezier(.22,1,.36,1) forwards}@media(max-width:1400px){.waterfall-grid[data-v-2432bb02]{grid-template-columns:repeat(3,1fr)!important}}.waterfall-hover[data-v-2432bb02]{position:absolute;inset:0;background:#00000080;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease}.waterfall-item:hover .waterfall-hover[data-v-2432bb02]{opacity:1}.delete-highlight-btn[data-v-2432bb02]{background:#ef4444e6;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;transition:.2s}.delete-highlight-btn[data-v-2432bb02]:hover{background:red;transform:scale(1.05)}.editor-container[data-v-b9d0f708]{width:90vw;height:85vh;position:relative;display:flex;flex-direction:column;background:var(--bg-body);color:var(--text-main);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-float)}.editor-header[data-v-b9d0f708]{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);z-index:10}.editor-workspace[data-v-b9d0f708]{flex:1;background:var(--bg-body);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px;box-sizing:border-box}.editor-img-wrap[data-v-b9d0f708]{position:relative;box-shadow:0 0 20px #0000001a;display:flex;max-width:100%;max-height:100%}.editor-img-wrap img[data-v-b9d0f708]{max-width:100%;max-height:100%;object-fit:contain;display:block}.editor-toolbar[data-v-b9d0f708]{position:relative;overflow:visible!important}.editor-main-toolbar[data-v-b9d0f708]{overflow:visible!important;position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--bg-surface);padding:10px 16px;border-radius:999px;box-shadow:0 10px 30px #00000026,inset 0 0 0 1px #ffffff1a;z-index:9999;pointer-events:auto!important}.editor-sub-toolbar[data-v-b9d0f708]{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:flex-start;gap:6px;background:var(--bg-surface);padding:8px 12px;border-radius:16px;box-shadow:0 8px 24px #0000001f,inset 0 0 0 1px #ffffff1a;z-index:9998;pointer-events:auto!important;max-width:90vw;overflow-x:auto!important;overflow-y:hidden!important}.editor-sub-toolbar .tool-btn[data-v-b9d0f708],.editor-main-toolbar .tool-btn[data-v-b9d0f708]{height:34px!important;padding:0 14px!important;font-size:13px!important;flex-shrink:0!important;white-space:nowrap!important}.editor-sub-toolbar .tool-group[data-v-b9d0f708],.editor-sub-toolbar .tool-icon-btn[data-v-b9d0f708],.editor-sub-toolbar .color-picker[data-v-b9d0f708]{flex-shrink:0!important}.thumb-preview[data-v-b9d0f708]{position:absolute!important;left:-56px!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;border-radius:10px!important;border:2px solid #ffffff!important;box-shadow:0 6px 16px #0003!important;z-index:10000!important;pointer-events:none!important;object-fit:cover!important}.editor-sub-toolbar[data-v-b9d0f708]::-webkit-scrollbar{display:none}body[data-theme=dark] .thumb-preview[data-v-b9d0f708]{border-color:#2d2d32!important;box-shadow:0 6px 16px #0009!important}body[data-theme=dark] .editor-main-toolbar[data-v-b9d0f708],body[data-theme=dark] .editor-sub-toolbar[data-v-b9d0f708]{background:#222226f2;box-shadow:0 10px 30px #0006,inset 0 0 0 1px #ffffff0d}.auth-modal-mask.modal-mask[data-v-ae0b8bc3]{align-items:center;justify-content:center}.auth-modal-box.modal-box[data-v-ae0b8bc3]{width:min(400px,calc(100vw - 2.5rem));padding:2rem 1.75rem 1.75rem;position:relative;transform:scale(.96);transition:transform .22s ease}.auth-modal-mask.modal-mask.open .auth-modal-box.modal-box[data-v-ae0b8bc3]{transform:scale(1)}.auth-modal-handle[data-v-ae0b8bc3]{display:none}.auth-modal-close[data-v-ae0b8bc3]{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:999px;cursor:pointer;color:#525252;line-height:1;transition:background .15s ease}.auth-modal-close[data-v-ae0b8bc3]:active{background:#0000000f}.auth-modal-header[data-v-ae0b8bc3]{margin-bottom:1.5rem;padding-right:2rem;text-align:left}.auth-modal-header h3[data-v-ae0b8bc3]{margin:0;font-size:1.375rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--text-main)}.auth-modal-header p[data-v-ae0b8bc3]{font-size:.875rem;line-height:1.5;color:var(--text-sub);margin:.625rem 0 0}.auth-field-wrap[data-v-ae0b8bc3]{margin-bottom:1.25rem}.auth-field-label[data-v-ae0b8bc3]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--text-main)}.auth-field-input[data-v-ae0b8bc3]{width:100%;height:3rem;padding:0 1rem;border:1px solid rgba(0,0,0,.1);background:#fafafa;color:var(--text-main);border-radius:.875rem;font-size:1rem;font-family:inherit;outline:none;transition:border-color .15s ease,background .15s ease;box-sizing:border-box;-webkit-appearance:none;appearance:none}.auth-field-input[data-v-ae0b8bc3]:focus{border-color:#171717;background:#fff}.auth-field-input[data-v-ae0b8bc3]::placeholder{color:#a3a3a3}.auth-field-input--code[data-v-ae0b8bc3]{font-family:SFMono-Regular,Cascadia Mono,Liberation Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.auth-field-hint[data-v-ae0b8bc3]{margin:.625rem 0 0;font-size:.75rem;line-height:1.45;color:#a3a3a3}.auth-submit-btn[data-v-ae0b8bc3]{width:100%;min-height:3.25rem;padding:0 1.25rem;border:none;border-radius:999px;background:#171717;color:#fff;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .15s ease,transform .15s ease}.auth-submit-btn[data-v-ae0b8bc3]:active:not(:disabled){transform:scale(.98)}.auth-submit-btn[data-v-ae0b8bc3]:disabled{cursor:default}.auth-submit-btn.is-muted[data-v-ae0b8bc3]:not(:disabled){opacity:.45}.auth-submit-btn__spinner[data-v-ae0b8bc3]{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:auth-spin-ae0b8bc3 .7s linear infinite}@keyframes auth-spin-ae0b8bc3{to{transform:rotate(360deg)}}body[data-theme=dark]{background:#2d2d32;border-color:#ffffff1f;color:var(--text-main)}body[data-theme=dark]{border-color:#ffffff52;background:#333338}body[data-theme=dark]{color:#71717a}body[data-theme=dark]{background:#fafafa;color:#171717}body[data-theme=dark]{background:#ffffff24;color:#ffffff8c;opacity:1}body[data-theme=dark]{border-color:#0000002e;border-top-color:#171717}body[data-theme=dark]{color:var(--text-sub)}body[data-theme=dark]{background:#ffffff14}body[data-theme=dark]{background:#ffffff2e}@media(max-width:1024px),(max-width:1366px)and (pointer:coarse){.auth-modal-mask.modal-mask[data-v-ae0b8bc3]{align-items:flex-end;justify-content:center;padding:0;background:#0000006b}.auth-modal-box.modal-box[data-v-ae0b8bc3]{width:100%;max-width:none;margin:0;border-radius:1.25rem 1.25rem 0 0;padding:.625rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 40px #0000001a}.auth-modal-mask.modal-mask.open .auth-modal-box.modal-box[data-v-ae0b8bc3]{transform:translateY(0)}.auth-modal-handle[data-v-ae0b8bc3]{display:block;width:2.25rem;height:.25rem;margin:.375rem auto .875rem;border-radius:999px;background:#0000001f;flex-shrink:0}.auth-modal-close[data-v-ae0b8bc3]{top:.875rem;right:.75rem;width:2.75rem;height:2.75rem}.auth-modal-header[data-v-ae0b8bc3]{margin-bottom:1.75rem;padding-right:2.75rem;padding-top:0}.auth-modal-header h3[data-v-ae0b8bc3]{font-size:1.625rem}.auth-modal-header p[data-v-ae0b8bc3]{font-size:.9375rem;margin-top:.5rem}.auth-field-label[data-v-ae0b8bc3]{font-size:.9375rem;margin-bottom:.625rem}.auth-field-input[data-v-ae0b8bc3]{height:3.5rem;padding:0 1.125rem;font-size:17px;border-radius:1rem}.auth-field-hint[data-v-ae0b8bc3]{font-size:.8125rem}.auth-submit-btn[data-v-ae0b8bc3]{min-height:3.375rem;font-size:1.0625rem;margin-top:.25rem}.auth-field-wrap[data-v-ae0b8bc3]{margin-bottom:1.5rem}}.text-node-read[data-v-813d771c]{-webkit-user-select:none;user-select:none;cursor:text;width:100%;height:100%;overflow:auto}.text-node-card[data-v-813d771c]{width:320px;height:180px;min-width:220px;min-height:140px;max-width:min(680px,80vw);max-height:70vh;padding:12px 14px;border-radius:14px;border:1px solid #e2e8f0;background:#fff!important;box-shadow:0 2px 8px #0f172a14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box;overflow:auto;resize:both}body[data-theme=dark]{background:#1e1e22eb!important;border-color:#94a3b840!important;box-shadow:0 8px 24px #0000004d}.text-node-content[data-v-813d771c]{white-space:pre-wrap;word-break:break-word;font-size:14px;font-weight:400;line-height:1.6}.text-node-edit[data-v-813d771c]{width:100%;display:block;box-sizing:border-box;min-height:100%!important;height:100%!important;max-height:none!important;resize:none!important;overflow:auto!important;border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:14px;font-weight:400;line-height:1.6;color:inherit;font-family:inherit!important}.canvas-widget-panel[data-v-4eb228ac]{position:fixed;left:20px;top:76px;z-index:var(--z-overlay, 1200);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.canvas-widget-panel__toggle[data-v-4eb228ac]{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--bg-dock, rgba(255, 255, 255, .88));backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-card, 0 4px 16px rgba(0, 0, 0, .06));transition:border-color .2s,transform .2s}.canvas-widget-panel__toggle[data-v-4eb228ac]:hover,.canvas-widget-panel__toggle.is-open[data-v-4eb228ac]{border-color:var(--color-accent, #6366f1);color:var(--color-accent, #6366f1)}.canvas-widget-panel__toggle-label[data-v-4eb228ac]{font-size:13px;font-weight:600}.canvas-widget-panel__body[data-v-4eb228ac]{width:264px;max-height:min(420px,calc(100vh - 140px));overflow-y:auto;padding:10px;border-radius:14px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--bg-dock, rgba(255, 255, 255, .92));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--shadow-float, 0 12px 32px rgba(0, 0, 0, .1))}.canvas-widget-panel__context[data-v-4eb228ac]{display:flex;flex-direction:column;gap:3px;padding:9px 10px;margin-bottom:10px;border-radius:10px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--bg-hover, rgba(0, 0, 0, .035))}.canvas-widget-panel__context.is-ready[data-v-4eb228ac]{border-color:#22c55e47;background:#22c55e14}.canvas-widget-panel__context-kicker[data-v-4eb228ac]{font-size:10px;font-weight:700;color:var(--text-sub)}.canvas-widget-panel__context-text[data-v-4eb228ac]{font-size:12px;font-weight:650;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-widget-panel__section+.canvas-widget-panel__section[data-v-4eb228ac]{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle, rgba(0, 0, 0, .06))}.canvas-widget-panel__section-title[data-v-4eb228ac]{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-sub);padding:0 4px 8px}.canvas-widget-panel__hint[data-v-4eb228ac]{font-size:11px;color:var(--text-sub);padding:0 4px 8px;margin:0}.canvas-widget-panel__item[data-v-4eb228ac]{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-primary);cursor:grab;text-align:left;transition:background .15s,border-color .15s}.canvas-widget-panel__item[data-v-4eb228ac]:active{cursor:grabbing}.canvas-widget-panel__item[data-v-4eb228ac]:hover{background:var(--bg-hover, rgba(0, 0, 0, .04));border-color:var(--border-subtle, rgba(0, 0, 0, .06))}.canvas-widget-panel__item-icon[data-v-4eb228ac]{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;color:var(--color-accent, #6366f1)}.canvas-widget-panel__skill[data-v-4eb228ac]{width:100%;display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-primary);cursor:grab;text-align:left;transition:background .15s,border-color .15s}.canvas-widget-panel__skill[data-v-4eb228ac]:hover{background:var(--bg-hover, rgba(0, 0, 0, .04));border-color:var(--border-subtle, rgba(0, 0, 0, .06))}.canvas-widget-panel__skill-main[data-v-4eb228ac]{display:flex;align-items:center;gap:10px;min-width:0}.canvas-widget-panel__skill-actions[data-v-4eb228ac]{display:grid;grid-template-columns:1fr 32px;gap:6px;align-items:center}.canvas-widget-panel__run[data-v-4eb228ac],.canvas-widget-panel__pin[data-v-4eb228ac]{height:30px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:8px;background:var(--bg-surface, #fff);color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer}.canvas-widget-panel__run[data-v-4eb228ac]{background:var(--color-accent, #6366f1);border-color:var(--color-accent, #6366f1);color:#fff}.canvas-widget-panel__run[data-v-4eb228ac]:disabled{cursor:not-allowed;opacity:.45;background:var(--bg-surface, #fff);color:var(--text-sub);border-color:var(--border-subtle, rgba(0, 0, 0, .08))}.canvas-widget-panel__pin[data-v-4eb228ac]{display:grid;place-items:center;color:var(--text-sub)}.canvas-widget-panel__pin[data-v-4eb228ac]:hover{color:var(--color-accent, #6366f1);border-color:var(--color-accent, #6366f1)}.canvas-widget-panel__pin[data-v-4eb228ac]:disabled{cursor:not-allowed;opacity:.4;color:var(--text-sub);border-color:var(--border-subtle, rgba(0, 0, 0, .08))}.canvas-widget-panel__cover[data-v-4eb228ac]{width:36px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-hover, rgba(0, 0, 0, .04));border:1px solid var(--border-subtle, rgba(0, 0, 0, .06))}.canvas-widget-panel__cover img[data-v-4eb228ac]{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.canvas-widget-panel__item-text[data-v-4eb228ac]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.canvas-widget-panel__item-name[data-v-4eb228ac]{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-widget-panel__item-desc[data-v-4eb228ac]{font-size:10px;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-widget-panel__empty[data-v-4eb228ac]{font-size:11px;color:var(--text-sub);padding:8px 4px;text-align:center}.widget-panel-slide-enter-active[data-v-4eb228ac],.widget-panel-slide-leave-active[data-v-4eb228ac]{transition:opacity .2s ease,transform .2s ease}.widget-panel-slide-enter-from[data-v-4eb228ac],.widget-panel-slide-leave-to[data-v-4eb228ac]{opacity:0;transform:translateY(-6px)}:root{--font-family-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-h1: 800 28px/1.2 var(--font-family-sans);--font-h2: 700 20px/1.3 var(--font-family-sans);--font-body: 500 13px/1.5 var(--font-family-sans);--font-caption: 500 10px/1.4 var(--font-family-sans);--font-size-2xs: 9px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 20px;--font-size-2xl: 28px;--bg-base: linear-gradient(135deg, #f8f9fa 0%, #e5e7eb 100%);--bg-surface: #ffffff;--bg-sidebar: #ffffff;--bg-dock: rgba(255, 255, 255, .85);--bg-hover: #f3f4f6;--border-subtle: rgba(0, 0, 0, .06);--color-primary: #18181b;--color-on-primary: #ffffff;--color-accent: #6366f1;--color-danger: #ef4444;--color-success: #10b981;--text-primary: #27272a;--text-secondary: #71717a;--bg-body: var(--bg-base);--bg-dock-strong: var(--bg-dock);--border: var(--border-subtle);--primary: var(--color-primary);--primary-fg: var(--color-on-primary);--accent: var(--color-accent);--danger: var(--color-danger);--success: var(--color-success);--text-main: var(--text-primary);--text-sub: var(--text-secondary);--bg-main: var(--bg-body);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--radius-circle: 50%;--space-2xs: 2px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 10px;--space-xl: 12px;--space-2xl: 16px;--space-3xl: 20px;--space-4xl: 24px;--space-5xl: 32px;--shadow-float: 0 25px 50px -12px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .03);--shadow-float-soft: 0 4px 24px -4px rgba(0, 0, 0, .04);--shadow-float-strong: 0 30px 60px -12px rgba(0, 0, 0, .3);--z-base: 0;--z-sticky: 10;--z-overlay: 50;--z-modal: 100;--layout-mobile-max: 1024px;--layout-tablet-touch-max: 1366px}body[data-theme=dark]{--bg-base: #121214;--bg-sidebar: #18181b;--bg-surface: #222226;--bg-dock: rgba(34, 34, 38, .85);--bg-hover: #2d2d32;--border-subtle: rgba(255, 255, 255, .08);--color-primary: #fafafa;--color-on-primary: #000000;--text-primary: #fafafa;--text-secondary: #a1a1aa;--bg-body: var(--bg-base);--border: var(--border-subtle);--primary: var(--color-primary);--primary-fg: var(--color-on-primary);--text-main: var(--text-primary);--text-sub: var(--text-secondary);--bg-main: var(--bg-body);--shadow-float: 0 30px 60px -10px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-card: 0 8px 16px -4px rgba(0, 0, 0, .4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ckt-home-layout{--ckt-header-h: 76px;--ckt-content-pad: clamp(24px, 3vw, 40px);--ckt-edge-gap: clamp(12px, 1.6vw, 22px);--ckt-content-max: min(1440px, calc(100vw - var(--ckt-content-pad) * 2));--ckt-input-w: min(1020px, calc(100vw - var(--ckt-content-pad) * 2));--home-rail-workflow-w: clamp(11.5rem, 14vw, 13.5rem);--ckt-template-w: 181px;--ckt-template-h: 293px;--ckt-blue: #0773fc;--ckt-blue-soft: #eff7ff;--ckt-title: #1b2337;--ckt-text: rgba(19, 26, 40, .68);--ckt-border: rgba(15, 23, 42, .08);--ckt-chip-bg: #f3f4f6;--ckt-dot: rgba(82, 70, 64, .16);--ckt-dot-size: 18px;--ckt-page-top: #ece8e4;--ckt-page-mid: #f5f2ef;--ckt-page-bottom: #fbfaf8;--ckt-page-mist: rgba(189, 178, 170, .17);--ckt-page-highlight: rgba(229, 220, 210, .4);--ckt-page-cloud: rgba(205, 199, 194, .22);--ckt-panel-border: rgba(90, 78, 71, .08);--ckt-button-gradient: linear-gradient(135deg, #ff7a59 0%, #ff4d6d 38%, #8a6cff 74%, #4d88ff 100%);--ckt-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;width:100%;min-height:100vh;background:transparent;font-family:var(--ckt-font);color:var(--ckt-text)}.home-dashboard:has(.ckt-home-layout){background:transparent;color:var(--ckt-text)}.home-dashboard:has(.ckt-home-layout):before{display:none}.home-dashboard:has(.ckt-home-layout) .home-main{padding-top:0;padding-bottom:0}.ckt-home-layout__body{background:inherit}.ckt-home-layout__body{display:flex;min-height:100vh;position:relative;isolation:isolate;background:radial-gradient(72rem 28rem at 14% -2%,var(--ckt-page-highlight) 0%,rgba(229,220,210,0) 68%),radial-gradient(54rem 24rem at 82% 3%,var(--ckt-page-mist) 0%,rgba(189,178,170,0) 70%),radial-gradient(44rem 18rem at 52% 8%,var(--ckt-page-cloud) 0%,rgba(205,199,194,0) 72%),linear-gradient(180deg,var(--ckt-page-top) 0%,var(--ckt-page-mid) 22%,var(--ckt-page-bottom) 52%,#ffffff 100%),#fff}.ckt-home-layout__body:before,.ckt-home-layout__body:after{content:"";position:absolute;inset:0;pointer-events:none}.ckt-home-layout__body:before{z-index:0;background-image:var(--ckt-grid-pattern, radial-gradient(circle, var(--ckt-dot) 1px, transparent 1.2px));background-size:var(--ckt-grid-size, var(--ckt-dot-size) var(--ckt-dot-size));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.32) 42%,rgba(0,0,0,.12) 74%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.32) 42%,rgba(0,0,0,.12) 74%,transparent 100%);opacity:.86}.ckt-home-layout__body:after{z-index:0;background:radial-gradient(56rem 18rem at 50% 0%,#ffffff38,#fff0 75%),linear-gradient(180deg,#ffffff14,#ffffff03 18%,#fff0 34%);opacity:1}.ckt-home-layout__main{flex:1;min-width:0;display:flex;flex-direction:column;background:transparent;position:relative;z-index:1}.ckt-home-header{height:var(--ckt-header-h);padding:0 var(--ckt-content-pad);display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:30;background:transparent;border-bottom:none}.ckt-home-header--immersive.is-scrolled{background:transparent;box-shadow:none}.ckt-home-header__brand{display:inline-flex;align-items:center;gap:.75rem;padding:0;border:none;background:transparent;cursor:pointer;color:#121826}.ckt-home-header__brand-mark{position:relative;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center}.ckt-home-header__brand-slice{position:absolute;border-radius:999px;background:#111827;transform:rotate(-28deg)}.ckt-home-header__brand-slice--primary{width:1.55rem;height:.72rem;top:.28rem;left:.12rem}.ckt-home-header__brand-slice--secondary{width:1.55rem;height:.72rem;bottom:.28rem;right:.12rem}.ckt-home-header__brand-text{font-family:"Poppins",var(--font-family-sans);font-size:1.125rem;font-weight:700;line-height:1;letter-spacing:-.03em}.ckt-home-header__login{height:2.5rem;padding:0 1rem;border:none;border-radius:999px;background:transparent;color:#0f172abd;font-size:.92rem;font-weight:500;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.ckt-home-header__login:hover{background:#0f172a0d;color:#111827}.ckt-home-header__actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.ckt-home-header .home-user-menu{display:flex;align-items:center;position:relative;z-index:50}.ckt-home-header .home-avatar-btn,.ckt-home-header .home-avatar-btn--hero{width:2.75rem;height:2.75rem;border:1px solid rgba(15,23,42,.08);background:#ffffffb8;box-shadow:0 10px 20px #0f172a0f}.ckt-home-header .home-avatar-btn:hover,.ckt-home-header .home-user-menu.is-open .home-avatar-btn,.ckt-home-header .home-avatar-btn--hero:hover,.ckt-home-header .home-user-menu.is-open .home-avatar-btn--hero{border-color:#0f172a1f;background:#ffffffeb}.ckt-home-content{width:100%;max-width:var(--ckt-content-max);margin:0 auto;padding:0 var(--ckt-content-pad) 124px;background:transparent;position:relative}.ckt-creation{width:100%;max-width:min(1080px,100%);min-height:calc(100vh - 188px);margin:clamp(26px,4.4vh,58px) auto 0;padding:0;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.ckt-creation__title{margin:0;display:inline-flex;align-items:baseline;justify-content:center;flex-wrap:nowrap;gap:.14em;font-size:clamp(1.72rem,2.7vw,2.55rem);font-weight:250;line-height:1.06;color:#1e2128;letter-spacing:-.056em;white-space:nowrap}.ckt-creation__title-line{display:inline-block}.ckt-creation__title-line--accent{background:linear-gradient(90deg,#857b73,#a6968a 58%,#c2ac98);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:330}.ckt-creation__modes{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.95rem;width:100%;max-width:72rem;margin:1.9rem auto 0}.ckt-creation__mode{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-start;gap:.82rem;min-height:4.3rem;padding:.65rem .82rem .65rem .72rem;border:1px solid rgba(108,93,84,.09);border-radius:999px;background:#ffffffc7;color:#2a231fc2;cursor:pointer;box-shadow:0 14px 30px #94898214,inset 0 1px #ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.ckt-creation__mode:hover{background:#fff;border-color:#6c5d5424;box-shadow:0 18px 36px #9489821f,inset 0 1px #fffffffa;color:#1c1f25;transform:translateY(-1px)}.ckt-creation__mode-thumb{width:3.2rem;height:3.2rem;border-radius:1.1rem;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.72);box-shadow:0 10px 22px #695b541a}.ckt-creation__mode-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.02)}.ckt-creation__mode-copy{display:flex;align-items:center;min-width:0;padding-right:.15rem}.ckt-creation__mode-label{font-size:.95rem;font-weight:540;line-height:1.1;white-space:nowrap}.ckt-creation__mode-arrow{width:2.2rem;height:2.2rem;border-radius:999px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#f4f1eeeb;border:1px solid rgba(108,93,84,.08);color:#594c4699;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.ckt-creation__mode-arrow svg{width:.9rem;height:.9rem}.ckt-creation__mode:hover .ckt-creation__mode-arrow{transform:translate(1px);background:#f1ebe6f0;border-color:#6c5d541f;color:#594c46d6}.ckt-creation__dock{width:100%;max-width:var(--ckt-input-w);margin:2.2rem auto 0;text-align:left}.ckt-creation__dock-inner.input-dock--home,.input-dock.input-dock--home{width:100%;max-width:1020px;background:#fffffffa;border:1px solid rgba(110,95,86,.1);border-radius:1.65rem;box-shadow:0 28px 64px #7f746c14,0 2px 10px #26211f05,inset 0 0 0 1px #ffffffeb,inset 0 -1px #e8e4df57;padding:1.7rem 1.8rem 1.45rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;grid-template-columns:108px 1fr;grid-template-rows:auto auto;column-gap:1.35rem;row-gap:1.2rem;align-items:start}.input-dock--home:focus-within{border-color:#6e5f561c;box-shadow:0 36px 80px #7f746c24,0 2px 10px #26211f08,inset 0 0 0 1px #fffffff0,inset 0 -1px #e8e4df6b}.input-dock--home .thumb-zone{grid-column:1;grid-row:1;align-self:start}.input-dock--home .thumb-zone:not(.empty){grid-column:1 / -1;min-height:auto}.input-dock--home .thumb-zone:not(.empty)~.input-row{grid-column:1 / -1;grid-row:2}.input-dock--home .thumb-zone:not(.empty)~.dock-tools{grid-row:3}.input-dock--home .thumb-strip{width:100%;padding:0;gap:.8rem;align-items:flex-start}.input-dock--home .thumb-unit{width:5.5rem;gap:.45rem}.input-dock--home .thumb-box{width:5.5rem;height:5.5rem;border-radius:1rem;border:1px solid rgba(110,95,86,.08);background:#f6f2ee;box-shadow:0 8px 18px #796d6414}.input-dock--home .thumb-add-btn{width:5.5rem;height:5.5rem;border-radius:1rem;border-color:#6e5f561f;background:linear-gradient(180deg,#fcfaf7fa,#f5f1eceb);color:#5d51499e;font-size:2rem}.input-dock--home .thumb-ctrls{justify-content:center;gap:.35rem;height:auto;background:transparent;border:none;border-radius:0;overflow:visible}.input-dock--home .thumb-ctrls .handle,.input-dock--home .thumb-ctrls .del{width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(110,95,86,.1);background:#fffffff5;box-shadow:0 6px 14px #796d640f}.input-dock--home .thumb-ctrls .handle{flex:0 0 auto;font-size:.72rem}.input-dock--home .thumb-ctrls .del{color:#5d5149b3}.input-dock--home .thumb-zone.empty{width:108px;min-height:108px;height:108px;border:none;border-radius:1.3rem;background:radial-gradient(circle,rgba(111,98,90,.15) 1px,transparent 1.2px),linear-gradient(160deg,#f7f2ee,#ece5df);background-size:14px 14px,auto;box-shadow:inset 0 1px #ffffffeb,0 14px 32px #80756d0f;cursor:pointer;align-items:center;justify-content:center;color:#7f756d}.input-dock--home .thumb-zone.empty:hover{background:radial-gradient(circle,rgba(111,98,90,.16) 1px,transparent 1.2px),linear-gradient(160deg,#f3ece6,#e5dbd2);background-size:14px 14px,auto;transform:none}.input-dock--home .thumb-zone-hint{flex-direction:column;gap:0}.input-dock--home .thumb-zone-hint span{display:none}.input-dock--home .thumb-zone-hint svg{width:26px;height:26px;stroke-width:2.25}.input-dock--home .input-row{grid-column:2;grid-row:1;min-width:0}.input-dock--home .prompt-row{border-radius:1.2rem;background:linear-gradient(180deg,#fff,#faf8f5e6);box-shadow:inset 0 1px #ffffffc2,inset 0 0 0 1px #e4dfd999}.input-dock--home .input-area{min-height:154px;padding:.15rem .1rem .25rem}.input-dock--home .input-area textarea{min-height:142px!important;max-height:204px;font-size:1rem;line-height:1.8;letter-spacing:.002em;padding:.3rem .28rem .18rem;color:#111827;background:transparent;border-radius:1rem;transition:background .2s ease,color .2s ease}.input-dock--home .input-area textarea:focus{min-height:142px!important;padding:.3rem .28rem .18rem;background:#f9f6f2b8}.input-dock--home .input-area textarea::placeholder{color:#0f172a42}.input-dock--home .dock-tools{grid-column:1 / -1;grid-row:2;margin:0;min-height:3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(110,95,86,.08);padding-top:1rem}.input-dock--home .dock-tools__surface{min-height:3rem;display:inline-flex;align-items:center;gap:0;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none}.input-dock--home .dock-tools__divider{width:1px;height:1.7rem;margin:0 .2rem;background:#6e5f561f;flex-shrink:0}.input-dock--home .dock-tools__right{display:inline-flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-shrink:0}.input-dock--home .chip{height:2.8rem!important;padding:0 1rem!important;border-radius:.85rem;background:#fffffff5;border:1px solid rgba(110,95,86,.09);color:#241f1cd1;font-size:.87rem!important;font-weight:480;box-shadow:0 6px 16px #796d640a}.input-dock--home .chip--model{min-width:12.8rem;justify-content:space-between}.input-dock--home .chip--ratio{min-width:11rem;justify-content:space-between}.input-dock--home .chip__label{display:inline-block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-dock--home .chip-caret{opacity:.42;flex-shrink:0}.input-dock--home .chip:hover{background:#fff;color:#1e1a18}.input-dock--home .chip.active{background:#f4efea;color:#221f1d;box-shadow:inset 0 0 0 1px #8d796b24,0 8px 18px #796d640f}.input-dock--home .dock-popover-anchor{position:relative}.input-dock--home .dock-popover{bottom:calc(100% + 18px);left:0;padding:1rem;border-radius:1.3rem;background:#fffffffc;border:1px solid rgba(110,95,86,.1);box-shadow:0 24px 52px #6659521f,inset 0 1px #ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.input-dock--home .dock-popover--model{width:18rem;max-height:min(22rem,calc(100vh - 240px));overflow:auto}.input-dock--home .dock-popover--ratio{width:min(34rem,calc(100vw - 3rem));max-height:min(26rem,calc(100vh - 220px));overflow:auto}.input-dock--home .dock-popover__eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#493e3975;margin-bottom:.8rem}.input-dock--home .dock-popover__split{display:flex;gap:1rem}.input-dock--home .dock-popover__group{flex:1 1 0;min-width:0}.input-dock--home .dock-popover__divider{width:1px;align-self:stretch;background:linear-gradient(180deg,#6e5f5600,#6e5f561f 18% 82%,#6e5f5600)}.input-dock--home .model-list{gap:.38rem}.input-dock--home .model-item{min-height:3rem;padding:.85rem .9rem;border-radius:.9rem;font-size:.87rem;font-weight:470;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.input-dock--home .model-item:hover{background:#f7f4f0d1;border-color:#6e5f5614;transform:translateY(-1px)}.input-dock--home .model-item.active{background:#f7f3eef5;color:#241f1c;border-color:#937d6e24}.input-dock--home .split-list{grid-template-columns:1fr;gap:.42rem}.input-dock--home .split-item{min-height:3rem;padding:.85rem .9rem;border-radius:.9rem;font-size:.87rem;font-weight:470;border:1px solid transparent;background:transparent}.input-dock--home .split-item:hover{background:#f7f4f0d1;border-color:#6e5f5614}.input-dock--home .split-item.active{background:#f7f3eef5;color:#241f1c;border-color:#937d6e24;font-weight:520}.input-dock--home .split-item__label{font-weight:inherit}.input-dock--home .ratio-preview{margin-right:0;flex-shrink:0;color:#493e39b3}.input-dock--home .price-strike{font-size:.78rem;font-weight:500;color:#493e3970}.input-dock--home .btn-send-capsule{position:relative;min-width:4.25rem;height:3rem;padding:0 .3rem 0 .9rem;border-radius:999px;background:linear-gradient(135deg,#ff8b62,#ff6f7a 42%,#a079ff);border:none;box-shadow:0 18px 34px #976a7638;display:inline-flex;align-items:center;justify-content:flex-end;gap:.4rem;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.input-dock--home .btn-send-capsule .capsule-cost{display:inline-flex;align-items:center;gap:.28rem;position:relative;color:#fffffff5;font-size:.77rem;font-weight:600;text-shadow:0 1px 2px rgba(38,33,31,.18)}.input-dock--home .btn-send-capsule .capsule-send-icon{width:2.35rem;height:2.35rem;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:999px;background:#ffffff29;box-shadow:inset 0 1px #fff3,0 6px 14px #6650461a}.input-dock--home .btn-send-capsule:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 40px #976a7647;filter:saturate(1.04)}.input-dock--home .btn-send-capsule:disabled{opacity:.45;background:#d9d8d6;box-shadow:none}.ckt-home-stack{display:flex;flex-direction:column;gap:1.9rem;margin-top:3.2rem}.ckt-home-panel{background:#fffffffa;border:1px solid var(--ckt-panel-border);border-radius:1.5rem;box-shadow:0 20px 44px #85797114,0 1px #ffffffe6 inset;padding:1.5rem 1.5rem 1.6rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ckt-home-showcase{width:calc(100vw - var(--ckt-edge-gap) * 2);margin-left:calc(50% - 50vw + var(--ckt-edge-gap));border-radius:2.2rem;padding:1.9rem 2rem 2rem}.ckt-home-showcase__section--templates{padding-top:.1rem}.ckt-home-showcase__divider{height:1px;margin:1.8rem 0;background:linear-gradient(90deg,#6e5f5600,#6e5f5624 12% 88%,#6e5f5600)}.ckt-home-features-wrap{margin-top:.5rem}.input-dock--home .price-strike{display:none}.ckt-creation-nav{display:flex;justify-content:center;gap:.625rem;width:100%;max-width:min(980px,var(--ckt-content-max));margin:2.4rem auto 2.5rem;padding:0}.ckt-creation-nav__item{flex:1 1 0;max-width:8.5rem;min-width:0;border:none;background:transparent;color:var(--ckt-text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0}.ckt-creation-nav__icon{width:4.25rem;height:4.25rem;border-radius:1.45rem;background:#ffffffc2;border:1px solid rgba(226,232,240,.94);color:#1f2937;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px #0f172a0a;transition:background .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ckt-creation-nav__icon svg{width:1.55rem;height:1.55rem}.ckt-creation-nav__item:hover .ckt-creation-nav__icon{background:#fffffff0;border-color:#4c87ff47;box-shadow:0 16px 28px #4c87ff1f;transform:translateY(-2px)}.ckt-creation-nav__label{font-size:.95rem;font-weight:500;line-height:1.25;text-align:center;color:#0f172ac2}.ckt-workflow-rails{width:100%;margin:0 0 12px}.ckt-workflow-rail.home-rail-section{margin-bottom:32px}.ckt-workflow-rail .home-rail-section__header{margin-bottom:14px}.ckt-workflow-rail__title.home-rail-section__title{font-size:20px;font-weight:600;color:var(--ckt-title)}.ckt-workflow-rail__subtitle.home-rail-section__subtitle{font-size:13px;color:#00000073}.ckt-workflow-rail__empty{min-height:148px;border-radius:12px;background:#ffffffb8;border:1px dashed rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:14px;color:#00000061}.ckt-workflow-rail .home-workflow-card{cursor:default;transition:transform .2s ease,box-shadow .2s ease}.ckt-workflow-rail .home-workflow-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.ckt-home-recommend-rail{margin-bottom:0}.ckt-home-recommend-rail.home-rail-section{width:100%}.ckt-home-recommend-rail .home-rail-section__track{scrollbar-width:none;padding-bottom:0}.ckt-home-recommend-rail .home-rail-section__track::-webkit-scrollbar{display:none}.ckt-home-content .ckt-home-recommend-rail .home-rail-section__title{font-size:1.18rem;font-weight:650;color:var(--ckt-title);letter-spacing:-.02em}.ckt-home-content .ckt-home-recommend-rail .home-rail-section__subtitle{font-size:.84rem;color:#423a3685;margin-top:.3rem}.ckt-home-content .ckt-home-recommend-rail .home-rail-section__more{display:none}.ckt-home-recommend-rail__empty{margin:0;padding:8px 0 4px;font-size:.875rem;color:var(--ckt-text);flex:0 0 auto}.ckt-home-recommend-rail__card{flex:0 0 var(--ckt-recommend-card-w, 15.5rem);width:var(--ckt-recommend-card-w, 15.5rem);scroll-snap-align:start}.ckt-home-recommend-rail__card .home-canvas-card{width:100%}.ckt-home-recommend-rail__card .home-canvas-card--feed{--home-card-radius: 12px}.ckt-home-recommend-rail__card .home-canvas-card--feed .home-canvas-card__meta--overlay{padding:1rem 1.125rem;min-height:4rem;background:linear-gradient(180deg,#15161c05,#15161c38)}.ckt-home-recommend-rail__card .home-canvas-card--feed .home-canvas-card__title{font-size:1.0625rem;font-weight:700}.ckt-home-recommend-rail__card .home-canvas-card--feed .home-canvas-card__subtitle{font-size:.8125rem}.ckt-home-recommend-rail__card .home-canvas-card__cta{padding:.625rem 1rem;background:#ffffffeb;border:1px solid rgba(93,81,73,.08);box-shadow:0 10px 20px #7467601a}.ckt-home-recommend-rail__card .home-canvas-card__cta-label{font-size:.875rem}body[data-theme=dark] .ckt-home-recommend-rail__card .home-canvas-card__meta--overlay{background:#1e293bbf;border-top-color:#ffffff14}body[data-theme=dark] .ckt-home-recommend-rail__card .home-canvas-card--feed .home-canvas-card__title,body[data-theme=dark] .ckt-home-recommend-rail__card .home-canvas-card--feed .home-canvas-card__subtitle,body[data-theme=dark] .ckt-home-recommend-rail__card .home-canvas-card__cta-icon,body[data-theme=dark] .ckt-home-recommend-rail__card .home-canvas-card__cta-label{color:var(--text-main)}body[data-theme=dark] .ckt-home-recommend-rail__card .home-canvas-card__cta{background:#ffffff1f;box-shadow:none}.ckt-home-content .home-template-feed--desktop{display:none}.ckt-home-section{margin-bottom:36px}.ckt-home-section__header{margin-bottom:14px}.ckt-home-section__title{margin:0;font-size:18px;font-weight:600;color:var(--ckt-title)}.ckt-home-section__empty{padding:12px 0 4px;font-size:14px;color:var(--ckt-text)}.ckt-home-section__track{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.ckt-template-card{flex:0 0 var(--ckt-template-w);scroll-snap-align:start;cursor:pointer}.ckt-template-card__media{width:var(--ckt-template-w);height:var(--ckt-template-h);border-radius:12px;overflow:hidden;background:#f3f4f6;position:relative;transition:transform .2s ease,box-shadow .2s ease}.ckt-template-card:hover .ckt-template-card__media{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}body[data-theme=dark] .ckt-template-card:hover .ckt-template-card__media{box-shadow:0 8px 24px #00000059}.ckt-template-card__img{width:100%;height:100%;object-fit:cover;display:block}.ckt-template-card__badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:999px;background:#0000008c;color:#fff;font-size:11px}.ckt-home-boards{margin-top:0;padding-top:0;border-top:none;background:transparent}.ckt-home-boards .home-content__label{font-size:1.18rem;font-weight:650;color:var(--ckt-title)}.ckt-home-boards .home-empty{min-height:8rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(180deg,#faf8f5e6,#f6f2eedb);border:1px dashed rgba(127,113,101,.16);color:#423a3694}.ckt-home-boards.home-boards-section--desktop .board-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;max-width:none}.ckt-home-boards__card{min-width:0;width:100%}.ckt-home-boards__card .home-canvas-card{width:100%;max-width:none;flex:none;--home-card-radius: 12px}.ckt-home-boards__card .home-canvas-card__media{aspect-ratio:4 / 3;border-radius:var(--home-card-radius);overflow:hidden}.ckt-home-boards__card .home-canvas-card__img{object-fit:contain;background:#f3f4f6}.ckt-home-boards__card .home-canvas-card__meta{padding-top:.5rem}.ckt-home-boards__card .home-canvas-card__title{font-size:.875rem;font-weight:600;color:var(--ckt-title)}.ckt-home-boards__card .home-canvas-card__subtitle{font-size:.75rem;color:var(--ckt-muted)}body[data-theme=dark] .ckt-home-boards__card .home-canvas-card__img{background:#25262b}body[data-theme=dark] .ckt-home-boards__card .home-canvas-card__title{color:var(--text-main)}body[data-theme=dark] .ckt-home-boards__card .home-canvas-card__subtitle{color:var(--text-muted)}.ckt-login-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;min-height:72px;padding:14px var(--ckt-content-pad);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#212529eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff}.ckt-login-bar__title{margin:0 0 6px;font-size:16px;font-weight:600}.ckt-login-bar__features{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#ffffffb8}.ckt-login-bar__features li:before{content:"✓ ";color:#86efac}.ckt-login-bar__btn{flex-shrink:0;height:40px;padding:0 28px;border:none;border-radius:10px;background:linear-gradient(90deg,#4f8fff,#0773fc);color:#fff;font-size:15px;font-weight:600;cursor:default;opacity:.92}@media(max-width:1220px){.ckt-home-header{gap:1rem}.ckt-creation{margin-top:2rem}.ckt-creation__modes{max-width:64rem}.ckt-creation__title{font-size:clamp(2.45rem,4.25vw,3.75rem)}.ckt-creation-nav{flex-wrap:wrap}.ckt-creation-nav__item{flex:0 1 calc(33.333% - .5rem);max-width:none}}@media(max-width:1100px){.ckt-home-header{flex-wrap:wrap;justify-content:center;padding-top:1rem;height:auto}.ckt-home-header__brand,.ckt-home-header__actions{flex:0 0 auto}.ckt-creation__title{white-space:normal;flex-wrap:wrap;row-gap:.08em}.ckt-creation__mode{min-width:12rem}.ckt-creation__dock-inner.input-dock--home,.input-dock.input-dock--home{grid-template-columns:1fr}.input-dock--home .thumb-zone,.input-dock--home .thumb-zone.empty,.input-dock--home .input-row{grid-column:1}.input-dock--home .thumb-zone{grid-row:1}.input-dock--home .input-row{grid-row:2}.input-dock--home .dock-tools{grid-row:3;flex-wrap:wrap}.input-dock--home .thumb-zone:not(.empty)~.dock-tools{grid-row:3}.input-dock--home .dock-tools__surface{width:100%;justify-content:space-between}.input-dock--home .dock-tools__right{width:100%;justify-content:flex-end}.ckt-home-showcase{width:100%;margin-left:0;padding-inline:1.35rem}.ckt-home-boards.home-boards-section--desktop .board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}body[data-theme=dark] .home-dashboard:has(.ckt-home-layout){background:#111214}body[data-theme=dark] .ckt-home-layout{--ckt-title: #f3f4f6;--ckt-text: rgba(255, 255, 255, .72);--ckt-border: rgba(255, 255, 255, .12);--ckt-chip-bg: rgba(255, 255, 255, .08);--ckt-blue-soft: rgba(7, 115, 252, .18);--ckt-dot: rgba(255, 255, 255, .12);--ckt-page-top: #3f3a38;--ckt-page-mid: #232426;--ckt-page-bottom: #121316;background:transparent;color:var(--ckt-text)}body[data-theme=dark] .ckt-home-header{background:transparent}body[data-theme=dark] .ckt-home-layout__body{background:radial-gradient(54rem 22rem at 18% 0%,#c4b2a517,#c4b2a500 66%),radial-gradient(44rem 18rem at 78% 6%,#9b938e1f,#9b938e00 70%),linear-gradient(180deg,var(--ckt-page-top) 0%,var(--ckt-page-mid) 24%,var(--ckt-page-bottom) 100%),#111214}body[data-theme=dark] .ckt-home-content{background:transparent}body[data-theme=dark] .ckt-home-header__brand,body[data-theme=dark] .ckt-home-header__brand-slice,body[data-theme=dark] .ckt-home-header__brand-text{color:#f8fafc}body[data-theme=dark] .ckt-home-header__brand-slice{background:#f8fafc}body[data-theme=dark] .ckt-home-header__login{color:#ffffffb8}body[data-theme=dark] .ckt-home-header__login:hover{background:#ffffff14;color:#fff}body[data-theme=dark] .ckt-creation__title{color:var(--ckt-title)}body[data-theme=dark] .ckt-creation__title-line--accent{background:linear-gradient(90deg,#d8c4b4,#efdfd1 36%,#99c1ff);-webkit-background-clip:text;background-clip:text;color:transparent}body[data-theme=dark] .ckt-creation__mode{background:#ffffff0d;border-color:#ffffff14;color:#fff9}body[data-theme=dark] .ckt-creation__mode:hover{background:#ffffff1a;border-color:#60a5fa2e;box-shadow:none;color:#fff}body[data-theme=dark] .ckt-creation__mode-thumb{border-color:#ffffff14;box-shadow:none}body[data-theme=dark] .ckt-creation__mode-arrow{background:#ffffff0f;border-color:#ffffff14;color:#ffffff9e}body[data-theme=dark] .input-dock--home{background:#18191cf5;border-color:#ffffff14;box-shadow:0 8px 32px #00000059}body[data-theme=dark] .input-dock--home .thumb-zone.empty{background:radial-gradient(circle,var(--ckt-dot) 1px,transparent 1.2px),linear-gradient(160deg,#383534eb,#222428f5);background-size:14px 14px,auto;color:#93c5fd}body[data-theme=dark] .input-dock--home .input-area textarea{color:var(--ckt-title)}body[data-theme=dark] .input-dock--home .prompt-row{background:linear-gradient(180deg,#ffffff0a,#ffffff05);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff0f}body[data-theme=dark] .input-dock--home .input-area textarea::placeholder{color:#ffffff61}body[data-theme=dark] .input-dock--home .dock-tools{border-top-color:#ffffff14}body[data-theme=dark] .input-dock--home .dock-tools__surface{background:#ffffff0a;border-color:#ffffff14}body[data-theme=dark] .input-dock--home .dock-tools__divider{background:#ffffff1f}body[data-theme=dark] .input-dock--home .chip{background:#ffffff0a;border-color:#ffffff14;color:var(--ckt-title)}body[data-theme=dark] .input-dock--home .chip.active{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}body[data-theme=dark] .input-dock--home .thumb-box,body[data-theme=dark] .input-dock--home .thumb-ctrls .handle,body[data-theme=dark] .input-dock--home .thumb-ctrls .del,body[data-theme=dark] .input-dock--home .thumb-add-btn{background:#ffffff0d;border-color:#ffffff14;box-shadow:none}body[data-theme=dark] .input-dock--home .btn-send-capsule{background:linear-gradient(135deg,#ff8b62,#ff6f7a 42%,#a079ff);box-shadow:0 16px 30px #00000047}body[data-theme=dark] .input-dock--home .btn-send-capsule .capsule-send-icon{color:#fff;background:#ffffff14}body[data-theme=dark] .input-dock--home .dock-popover{background:#18191ceb;border-color:#ffffff14;box-shadow:0 20px 48px #00000052,inset 0 1px #ffffff0f}body[data-theme=dark] .input-dock--home .dock-popover__eyebrow,body[data-theme=dark] .input-dock--home .price-strike{color:#ffffff6b}body[data-theme=dark] .input-dock--home .model-item:hover,body[data-theme=dark] .input-dock--home .split-item:hover{background:#ffffff0f}body[data-theme=dark] .input-dock--home .model-item.active,body[data-theme=dark] .input-dock--home .split-item.active{background:#ffffff14;border-color:#ffffff14;color:#fff}body[data-theme=dark] .ckt-home-panel{background:#17181bf0;border-color:#ffffff14;box-shadow:0 20px 44px #00000038}body[data-theme=dark] .ckt-home-showcase__divider{background:linear-gradient(90deg,#fff0,#ffffff1f 12% 88%,#fff0)}body[data-theme=dark] .ckt-creation-nav__icon{background:#ffffff0f;border-color:#ffffff14;color:#f3f4f6}body[data-theme=dark] .ckt-creation-nav__label{color:#ffffffc7}body[data-theme=dark] .ckt-creation-nav__item:hover .ckt-creation-nav__icon{background:#0773fc1f;border-color:#60a5fa73}body[data-theme=dark] .ckt-workflow-rail__subtitle,body[data-theme=dark] .ckt-home-content .ckt-home-recommend-rail .home-rail-section__subtitle{color:#ffffff73}body[data-theme=dark] .ckt-workflow-rail__empty{background:#ffffff0a;border-color:var(--ckt-border);color:#ffffff61}body[data-theme=dark] .ckt-workflow-rail .home-workflow-card{border-color:var(--ckt-border);background:#18191c}body[data-theme=dark] .ckt-workflow-rail .home-workflow-card__preview{background:#25262b}body[data-theme=dark] .ckt-home-section__title,body[data-theme=dark] .ckt-home-boards .home-content__label{color:var(--ckt-title)}body[data-theme=dark] .ckt-home-boards .home-empty{color:var(--ckt-text)}body[data-theme=dark] .ckt-template-card__media{background:#25262b}body[data-theme=dark] .ckt-home-header .home-avatar-btn,body[data-theme=dark] .ckt-home-header .home-avatar-btn--hero{border-color:#ffffff14;background:#ffffff0a;color:var(--ckt-text)}body[data-theme=dark] .ckt-home-header .home-avatar-btn:hover,body[data-theme=dark] .ckt-home-header .home-user-menu.is-open .home-avatar-btn,body[data-theme=dark] .ckt-home-header .home-avatar-btn--hero:hover,body[data-theme=dark] .ckt-home-header .home-user-menu.is-open .home-avatar-btn--hero{border:none;background:#ffffff14}body[data-theme=dark] .ckt-home-header .home-user-dropdown{background:#1f2126;border-color:var(--ckt-border)}@media(max-width:1024px),(max-width:1366px)and (pointer:coarse){.ckt-home-layout{display:none}}.home-dashboard{--home-max-width: 80rem;--home-pad-x: clamp(1.5rem, 5vw, 3rem);--home-header-h: 3.5rem;--home-surface: rgba(255, 255, 255, .72);--home-surface-elevated: rgba(255, 255, 255, .88);--home-border: rgba(0, 0, 0, .06);--home-border-strong: rgba(0, 0, 0, .1);--home-dot: rgba(0, 0, 0, .045);--home-muted: var(--text-sub);--home-purple: #8b5cf6;--home-purple-soft: #ede9fe;--home-purple-text: #6d28d9;position:relative;isolation:isolate;width:100%;min-height:100vh;background:var(--bg-body);color:var(--text-main);overflow-x:hidden;overflow-y:auto;font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased}.home-only-mobile,.home-mobile-shell{display:none}.home-desktop-shell{display:block}body[data-theme=dark] .home-dashboard{--home-surface: rgba(28, 28, 30, .72);--home-surface-elevated: rgba(36, 36, 38, .9);--home-border: rgba(255, 255, 255, .08);--home-border-strong: rgba(255, 255, 255, .12);--home-dot: rgba(255, 255, 255, .06);--home-purple-soft: rgba(139, 92, 246, .16);--home-purple-text: #c4b5fd}body[data-theme=dark] .home-section__title,body[data-theme=dark] .home-section__title--featured,body[data-theme=dark] .home-hero__title,body[data-theme=dark] .home-grid-btn,body[data-theme=dark] .home-mobile-header__logo{color:var(--text-main)}body[data-theme=dark] .home-mobile-header__dot{background:var(--text-main)}body[data-theme=dark] .home-grid-btn:hover,body[data-theme=dark] .home-user-menu.is-open .home-grid-btn{background:#ffffff0f}body[data-theme=dark] .home-avatar-btn--hero{color:var(--text-sub);border-color:var(--home-border-strong)}body[data-theme=dark] .home-avatar-btn--hero:hover,body[data-theme=dark] .home-user-menu.is-open .home-avatar-btn--hero{border-color:#ffffff2e;background:#ffffff0f}body[data-theme=dark] .home-view-toggle{background:var(--home-surface-elevated);color:var(--text-main);border-color:var(--home-border)}body[data-theme=dark] .home-view-toggle:hover{background:#ffffff0f;border-color:var(--home-border-strong);color:var(--text-main)}body[data-theme=dark] .home-quick-nav__icon-wrap{background:#1e293b9e;border-color:#ffffff1a;box-shadow:0 6px 18px #00000038;color:var(--text-main)}body[data-theme=dark] .home-quick-nav__label{color:var(--text-sub)}body[data-theme=dark] .home-bottom-nav{background:#1e293bb8;border-color:#ffffff1a;box-shadow:0 8px 32px #00000047,0 2px 8px #00000029}body[data-theme=dark] .home-bottom-nav__item{color:var(--text-sub)}body[data-theme=dark] .home-bottom-nav__item--active{color:var(--text-main)}body[data-theme=dark] .home-bottom-nav__fab{background:#334155d1;border-color:#ffffff1f;color:var(--text-main)}body[data-theme=dark] .home-canvas-card__meta--overlay{background:#1e293bbf;border-top-color:#ffffff14}body[data-theme=dark] .home-canvas-card--feed .home-canvas-card__title,body[data-theme=dark] .home-canvas-card--feed .home-canvas-card__subtitle,body[data-theme=dark] .home-canvas-card__cta-icon,body[data-theme=dark] .home-canvas-card__cta-label{color:var(--text-main)}body[data-theme=dark] .home-canvas-card__cta{background:#ffffff1f;box-shadow:none}@media(max-width:1024px),(max-width:1366px)and (pointer:coarse){body[data-theme=dark] .home-dashboard.home-dashboard--gallery{background:#141414}body[data-theme=dark] .home-dashboard.home-dashboard--gallery:after{display:none}body[data-theme=dark] .home-section__title,body[data-theme=dark] .home-hero__title{color:var(--text-main)}body[data-theme=dark] .home-quick-nav__label{color:var(--home-muted)}body[data-theme=dark] .home-bottom-nav{background:#1e293bb8;border-color:#ffffff1a;box-shadow:0 8px 32px #00000047,0 2px 8px #00000029}body[data-theme=dark] .home-bottom-nav__fab{background:#334155d1;border-color:#ffffff1f}body[data-theme=dark] .home-quick-nav__icon-wrap{background:#1e293b9e;border-color:#ffffff1a;box-shadow:0 6px 18px #00000038;color:var(--text-main)}body[data-theme=dark] .home-canvas-card__title{color:var(--text-main)}body[data-theme=dark] .home-canvas-card__subtitle{color:var(--home-muted)}}.home-dashboard:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-color:var(--bg-body);background-image:var(--home-grid-pattern, radial-gradient(circle, var(--home-dot) 1px, transparent 1px));background-size:var(--home-grid-size, 20px 20px)}.home-dashboard>*{position:relative;z-index:1}.home-shell{width:100%;max-width:var(--home-max-width);margin-inline:auto;padding-inline:var(--home-pad-x)}.home-header{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--home-header-h);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease}.home-header.is-scrolled{background:var(--home-surface);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom-color:var(--home-border)}.home-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-logo{font-family:"Poppins",var(--font-family-sans);font-size:1.125rem;font-weight:300;letter-spacing:.04em;text-transform:lowercase;color:var(--text-main);-webkit-user-select:none;user-select:none}.home-header__actions{display:flex;align-items:center;gap:.75rem}.home-btn{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;padding:0 1rem;border-radius:999px;font-size:.8125rem;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.home-btn--outline{color:var(--text-main);background:transparent;border:1px solid var(--home-border-strong)}.home-btn--outline:hover{background:#00000008;border-color:var(--text-sub)}body[data-theme=dark] .home-btn--outline:hover{background:#ffffff0d}.home-user-menu{position:relative;z-index:40}.home-avatar-btn{width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--home-border-strong);border-radius:50%;background:transparent;color:var(--text-sub);cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;transition:border-color .18s ease,background .18s ease}.home-avatar-btn:hover,.home-user-menu.is-open .home-avatar-btn{border-color:var(--text-sub);background:#00000008}body[data-theme=dark] .home-avatar-btn:hover,body[data-theme=dark] .home-user-menu.is-open .home-avatar-btn{background:#ffffff0d}.home-avatar-btn__img{width:100%;height:100%;object-fit:cover}.home-avatar-btn__initial{font-size:.75rem;font-weight:500;color:var(--text-main)}.home-avatar-btn__icon{opacity:.72}.home-mobile-header{display:none}.home-grid-btn{width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:.625rem;background:transparent;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.home-grid-btn:hover,.home-user-menu.is-open .home-grid-btn{background:#0000000a}.home-grid-btn__icon{display:block}.home-avatar-btn--hero{width:2.5rem;height:2.5rem;border-color:var(--home-border-strong);color:var(--text-sub);flex-shrink:0;margin-top:.125rem}.home-avatar-btn--hero:hover,.home-user-menu.is-open .home-avatar-btn--hero{border-color:#0000002e;background:#00000008}.home-user-menu{position:relative}.home-user-menu-backdrop{display:none}.home-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:60;min-width:13.5rem;padding:.375rem;border-radius:.875rem;background:var(--home-surface-elevated);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--home-border);box-shadow:0 12px 40px #00000014}.home-user-dropdown__handle{display:none}body[data-theme=dark] .home-user-dropdown{box-shadow:0 12px 40px #00000059}.home-user-dropdown__meta{padding:.625rem .75rem .5rem}.home-user-dropdown__email{display:block;font-size:.8125rem;font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-user-dropdown__credit{display:block;margin-top:.25rem;font-size:.75rem;font-weight:400;color:var(--home-muted)}.home-user-dropdown__divider{height:1px;margin:.25rem .5rem;background:var(--home-border)}.home-user-dropdown__item{width:100%;padding:.5rem .75rem;border:none;border-radius:.5rem;background:transparent;text-align:left;font-size:.8125rem;font-weight:400;color:var(--text-main);cursor:pointer;transition:background .15s ease}.home-user-dropdown__item:hover{background:#0000000a}body[data-theme=dark] .home-user-dropdown__item:hover{background:#ffffff0f}.home-user-dropdown__item--danger{color:#ef4444}.home-user-dropdown__item--danger:hover{background:#ef444414}body[data-theme=dark] .home-user-dropdown__item--danger:hover{background:#ef44441f}.home-main{padding-top:calc(var(--home-header-h) + 7.5rem);padding-bottom:5rem}.home-section{margin-bottom:2rem}.home-section__title{margin:0 0 .875rem;font-size:1.0625rem;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--text-main)}.home-empty--inline{padding:0 0 .75rem;font-size:.8125rem}.home-template-feed{margin-bottom:1rem;overflow:visible}.home-template-feed__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.home-view-toggle{width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--home-border);border-radius:.625rem;background:var(--home-surface-elevated);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.home-view-toggle:hover{background:#00000008;border-color:var(--home-border-strong);color:var(--text-main)}.home-view-toggle:active{transform:scale(.96)}.home-template-feed__list{display:flex;flex-direction:column;gap:.625rem;margin-inline:calc(var(--home-pad-x-cards) - var(--home-pad-x))}.home-template-feed__list--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.home-canvas-card{flex:0 0 auto;width:13rem;border:none;background:transparent;padding:0;text-align:left;cursor:pointer}.home-canvas-card--feed,.ckt-home-boards .home-canvas-card{width:100%;max-width:none;flex:none}.home-canvas-card--feed{--home-card-radius: 2.5rem}.home-canvas-card--feed .home-canvas-card__media{border-radius:var(--home-card-radius);box-shadow:none}.home-canvas-card__meta--overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;flex-direction:row;align-items:center;justify-content:space-between;gap:.875rem;padding:1.125rem;min-height:4.25rem;box-sizing:border-box;border-radius:0 0 var(--home-card-radius) var(--home-card-radius);background:#ffffffb8;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:none;border-top:1px solid rgba(255,255,255,.65);box-shadow:none}.home-canvas-card--feed .home-canvas-card__meta-text{flex:1;min-width:0;text-align:left}.home-canvas-card--feed .home-canvas-card__title{font-size:1.0625rem;font-weight:700;letter-spacing:-.02em;color:#171717;text-shadow:none}.home-canvas-card--feed .home-canvas-card__subtitle{font-size:.8125rem;margin-top:.25rem;color:#737373;line-height:1.45;text-shadow:none}.home-canvas-card__cta{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:.5rem;padding:.6875rem 1.25rem;border:none;border-radius:999px;background:#fff;box-shadow:0 1px 4px #0f172a14;flex-shrink:0}.home-canvas-card__cta-icon{display:block;width:1.125rem;height:1.125rem;flex-shrink:0;color:#171717}.home-canvas-card__cta-label{font-size:.9375rem;font-weight:600;line-height:1;color:#171717;white-space:nowrap}.home-canvas-card--feed .template-card__badge--soft{top:.875rem;left:.875rem;bottom:auto}.home-canvas-card--compact.home-canvas-card--feed{--home-card-radius: 1.375rem}.home-canvas-card--compact .home-canvas-card__meta--overlay{padding:.8125rem .875rem;gap:.5625rem;min-height:3.5rem}.home-canvas-card--compact.home-canvas-card--feed .home-canvas-card__title{font-size:.875rem}.home-canvas-card--compact.home-canvas-card--feed .home-canvas-card__subtitle{display:none}.home-canvas-card--compact .home-canvas-card__cta{padding:.5625rem .9375rem;gap:.375rem}.home-canvas-card--compact .home-canvas-card__cta-label{font-size:.8125rem}.home-canvas-card--compact .home-canvas-card__cta-icon{width:1rem;height:1rem}.home-canvas-card--compact.home-canvas-card--feed .template-card__badge--soft{top:.5rem;left:.5rem;font-size:.5625rem;padding:.15rem .375rem}.home-canvas-card__media{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:1.75rem;background:#fff;flex-shrink:0;box-shadow:none}.home-canvas-card__img{width:100%;height:100%;object-fit:cover;display:block}.home-canvas-card__media.is-empty{background:linear-gradient(180deg,#fafafa,#f0f0f0),radial-gradient(circle,rgba(0,0,0,.04) 1px,transparent 1px);background-size:auto,12px 12px}.home-canvas-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem}.home-canvas-card__meta:not(.home-canvas-card__meta--overlay){padding-top:.75rem}.home-canvas-card__meta.home-canvas-card__meta--overlay{align-items:center}.home-canvas-card__meta-text{min-width:0;flex:1}.home-canvas-card__title{margin:0;font-size:.875rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:#171717;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-canvas-card__subtitle{margin:.2rem 0 0;font-size:.75rem;font-weight:400;line-height:1.35;color:#737373;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-canvas-card__action{flex-shrink:0;width:2rem;height:2rem;margin-top:.0625rem;display:inline-flex;align-items:center;justify-content:center;color:#a3a3a3;pointer-events:none}.home-canvas-card--new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;width:13rem;border-radius:1.75rem;border:1.5px dashed rgba(0,0,0,.12);background-color:#fafafa;background-image:radial-gradient(circle,rgba(0,0,0,.04) 1px,transparent 1px);background-size:14px 14px;color:#525252;box-shadow:none;aspect-ratio:auto;min-height:calc(13rem * 4 / 3 + 3.25rem)}.home-canvas-card__plus{font-size:2.25rem;font-weight:300;line-height:1}.home-canvas-card--coming-soon .home-canvas-card__img{opacity:.72;filter:saturate(.85)}.home-canvas-card--coming-soon{cursor:default}.template-card__badge--soft{color:#be185d;background:#fce7f3;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.home-quick-section{margin-bottom:1.75rem}.home-quick-nav{display:flex;align-items:center;justify-content:space-between;gap:.375rem;padding-inline:0;pointer-events:none;-webkit-user-select:none;user-select:none}.home-quick-nav__item{display:flex;align-items:center;justify-content:center;min-width:0;flex:1}.home-section__title--featured{margin-bottom:0;font-size:1.0625rem;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--text-main)}.home-quick-nav__icon-wrap{width:4.5rem;height:4.5rem;min-width:4.5rem;min-height:4.5rem;aspect-ratio:1 / 1;border-radius:9999px;background:#ffffff9e;backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 20px #0f172a0f;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-main);overflow:hidden}.home-quick-nav__icon{display:block;width:1.75rem;height:1.75rem;flex-shrink:0}.home-quick-nav__label{font-size:.6875rem;font-weight:400;line-height:1.35;text-align:center;color:var(--text-sub);letter-spacing:0}.home-bottom-nav-dock{position:fixed;left:50%;transform:translate(-50%);bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:60;pointer-events:none}.home-bottom-nav-dock .home-bottom-nav{pointer-events:auto}.home-bottom-nav{display:flex;align-items:center;justify-content:space-between;gap:.625rem;min-width:min(19.5rem,calc(100vw - 2.5rem));padding:.5rem 1.125rem;border-radius:999px;background:#ffffffad;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.52);box-shadow:0 8px 32px #0f172a14,0 2px 8px #0f172a0a}.home-bottom-nav__item{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;color:var(--text-sub);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.home-bottom-nav__item--active{color:var(--text-main)}.home-bottom-nav__fab{width:2.875rem;height:2.875rem;margin-inline:.125rem;border:1px solid var(--home-border);border-radius:50%;background:var(--home-surface-elevated);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:var(--text-main);box-shadow:0 2px 10px #0f172a0f;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.home-bottom-nav__fab:active{transform:scale(.96);background:#ffffffeb;box-shadow:0 1px 4px #0f172a0d}.home-hero{margin-bottom:2rem}.home-hero__row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.home-hero__copy{min-width:0;flex:1}.home-hero__subtitle{margin:.625rem 0 0;font-size:.8125rem;font-weight:400;line-height:1.5;color:var(--home-muted)}.home-hero--desktop .home-hero__title{font-weight:300}.home-templates{margin-bottom:3.5rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:1.25rem;max-width:min(100%,56rem)}.template-card__media{display:flex;align-items:center;justify-content:center}.template-card__icon{color:var(--home-muted);opacity:.55;transition:transform .38s cubic-bezier(.25,.8,.25,1),opacity .2s ease}.board-card:hover .template-card__icon{transform:scale(1.08);opacity:.72}.board-card--coming-soon{cursor:default}.board-card--coming-soon:hover{transform:none}.board-card--coming-soon .board-card__media{position:relative}.board-card--coming-soon .board-card__img,.board-card--coming-soon .template-card__icon{opacity:.72;filter:saturate(.85)}.template-card__badge{position:absolute;top:.5rem;left:.5rem;z-index:2;padding:.2rem .5rem;border-radius:999px;font-size:.625rem;font-weight:700;letter-spacing:.02em;color:#fff;background:#0f172ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 4px #0f172a2e;pointer-events:none}.home-hero__title{margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--text-main)}.home-content__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.home-content__label{margin:0;font-size:.8125rem;font-weight:500;letter-spacing:.02em;color:var(--home-muted)}.home-content__tools{display:flex;align-items:center;gap:.375rem}.home-icon-btn{width:2rem;height:2rem;padding:0;border:none;border-radius:.5rem;background:transparent;color:var(--home-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.home-icon-btn:hover:not(:disabled){color:var(--text-main);background:#0000000a}body[data-theme=dark] .home-icon-btn:hover:not(:disabled){background:#ffffff0f}.home-icon-btn:disabled{opacity:.38;cursor:default}.home-empty{padding:1.25rem 0;font-size:.875rem;font-weight:400;line-height:1.6;color:var(--home-muted)}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.25rem}.board-card{display:flex;flex-direction:column;cursor:pointer;border:none;background:transparent;padding:0;text-align:left}.board-card--integrated .board-card__media{aspect-ratio:16 / 10;border-radius:1.5rem;border:none;box-shadow:0 8px 28px -8px #0f172a1f}.board-card--integrated.board-card--portrait .board-card__media{aspect-ratio:3 / 4}.board-card--integrated .board-card__img{object-fit:cover}.board-card--integrated .board-card__media.is-empty{display:flex;align-items:center;justify-content:center;padding-bottom:4.75rem;box-sizing:border-box}.board-card--integrated.board-card--coming-soon .board-card__overlay-action{opacity:.45}.board-card__overlay{position:absolute;left:.625rem;right:.625rem;bottom:.625rem;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem .875rem .875rem 1rem;border-radius:1rem;background:#fffffff5;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:0 4px 18px #0f172a14}body[data-theme=dark] .board-card__overlay{background:#242426f0;box-shadow:0 4px 18px #00000047}.board-card__overlay-text{min-width:0;flex:1}.board-card__overlay-title{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card__overlay-subtitle{margin:.2rem 0 0;font-size:.6875rem;font-weight:400;line-height:1.4;color:var(--home-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card__overlay-action{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#1a2e05;background:#d9f99d;transition:transform .2s ease,background .2s ease}body[data-theme=dark] .board-card__overlay-action{color:#ecfccb;background:#84cc1647}.board-card:hover .board-card__overlay-action{transform:translate(2px);background:#bef264}body[data-theme=dark] .board-card:hover .board-card__overlay-action{background:#84cc1661}.board-card--coming-soon:hover .board-card__overlay-action{transform:none}.board-card__media{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:1.25rem;overflow:hidden;background:#00000005;border:1px solid var(--home-border);transform-origin:center center;transition:transform .32s cubic-bezier(.25,.8,.25,1),box-shadow .32s ease,border-color .2s ease;will-change:transform}.board-card:hover .board-card__media{transform:scale(1.025);box-shadow:0 14px 36px -10px #00000024;border-color:#0000001a}body[data-theme=dark] .board-card:hover .board-card__media{box-shadow:0 16px 40px -12px #0000008c;border-color:#ffffff24}.board-card:active .board-card__media{transform:scale(1.01);transition-duration:.12s}.board-card--portrait .board-card__media{aspect-ratio:3 / 4}.board-card__media.is-empty{background-color:transparent;background-image:radial-gradient(circle,var(--home-dot) 1px,transparent 1px);background-size:14px 14px}body[data-theme=dark] .board-card__media{background:#ffffff08}.board-card__img{width:100%;height:100%;object-fit:contain;display:block;transform-origin:center center;transition:transform .42s cubic-bezier(.25,.8,.25,1)}.board-card:hover .board-card__img{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.board-card__media,.board-card__img,.template-card__icon{transition:none}.board-card:hover .board-card__media,.board-card:hover .board-card__img,.board-card:hover .template-card__icon,.board-card:active .board-card__media{transform:none;box-shadow:none}}.board-card__body{margin-top:.875rem;padding-inline:.125rem}.board-card__name{margin:0;font-size:.9375rem;font-weight:500;line-height:1.4;letter-spacing:-.01em;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card__time{display:block;margin-top:.25rem;font-size:.75rem;font-weight:400;color:var(--home-muted);opacity:.72}.home-content__toolbar-start{display:flex;align-items:center;gap:.5rem;min-width:0}.home-boards-panel__back{display:none;width:2rem;height:2rem;padding:0;border:none;border-radius:.5rem;background:transparent;color:var(--text-main);font-size:1.375rem;line-height:1;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.home-boards-panel__back:hover{background:#0000000a}body[data-theme=dark] .home-boards-panel__back:hover{background:#ffffff0f}.home-user-dropdown__item--mobile-only{display:none}.home-dashboard{--home-sidebar-w: 3.75rem;--home-desktop-pad-x: clamp(1.25rem, 2vw, 2.5rem);--home-desktop-stage-w: calc(100vw - var(--home-sidebar-w));--home-desktop-content-w: min(var(--home-desktop-stage-w), 100rem);--home-desktop-hero-w: min(calc(var(--home-desktop-stage-w) * .68), 85rem);--home-rail-portrait-w: clamp(8.75rem, calc((var(--home-desktop-content-w) - 9rem) / 10), 10.5rem);--home-rail-workflow-w: clamp(10.25rem, calc((var(--home-desktop-content-w) - 5rem) / 6), 13.25rem);--home-rail-recent-w: clamp(11rem, calc((var(--home-desktop-content-w) - 5rem) / 6), 14rem)}.home-desktop-layout{display:flex;width:100%;min-height:calc(100vh - var(--home-header-h))}.home-desktop-main{flex:1;min-width:0;margin-left:var(--home-sidebar-w);position:relative}.home-desktop-main:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 42% 28% at 8% 0%,rgba(147,197,253,.22),transparent 68%),radial-gradient(ellipse 38% 26% at 92% 0%,rgba(251,207,232,.2),transparent 68%)}.home-desktop-main>*{position:relative;z-index:1}.home-desktop-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:60;width:var(--home-sidebar-w);display:flex;flex-direction:column;align-items:center;padding:.875rem 0 1rem;background:var(--home-surface-elevated);border-right:1px solid var(--home-border);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.home-desktop-sidebar__logo{width:2.25rem;height:2.25rem;border-radius:.625rem;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0}.home-desktop-sidebar__logo-mark{font-family:"Poppins",var(--font-family-sans);font-size:1rem;font-weight:600;color:#fff;line-height:1}.home-desktop-sidebar__nav{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;overflow-y:auto}.home-desktop-sidebar__item{width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;border:none;background:transparent;color:var(--home-muted);cursor:pointer;transition:color .18s ease,background .18s ease;border-radius:.625rem}.home-desktop-sidebar__item:hover{color:var(--text-main);background:#00000008}.home-desktop-sidebar__item.is-active{color:#3b82f6}body[data-theme=dark] .home-desktop-sidebar__item:hover{background:#ffffff0d}body[data-theme=dark] .home-desktop-sidebar__item.is-active{color:#60a5fa}.home-desktop-sidebar__icon{display:flex;align-items:center;justify-content:center}.home-desktop-sidebar__label{font-size:.625rem;font-weight:500;line-height:1.2;text-align:center;max-width:3.5rem}.home-desktop-sidebar__create{width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid var(--home-border-strong);background:var(--bg-body);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:.5rem;flex-shrink:0;transition:border-color .18s ease,transform .18s ease}.home-desktop-sidebar__create:hover{border-color:#3b82f6;transform:scale(1.04)}.home-desktop-sidebar__help{width:2rem;height:2rem;margin-top:.75rem;border:none;background:transparent;color:var(--home-muted);cursor:default;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.home-header--sidebar{left:var(--home-sidebar-w);right:0;width:auto}.home-desktop-header__inner{height:var(--home-header-h);max-width:none;margin:0;padding-inline:var(--home-desktop-pad-x);display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-logo--desktop-header{font-size:1rem}.home-desktop-header__actions{display:flex;align-items:center;gap:.625rem}.home-desktop-header__link,.home-desktop-header__vip{height:2rem;padding:0 .75rem;border:none;border-radius:999px;font-size:.75rem;font-weight:500;cursor:default;white-space:nowrap}.home-desktop-header__link{background:transparent;color:var(--home-muted)}.home-desktop-header__vip{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}body[data-theme=dark] .home-desktop-header__vip{background:linear-gradient(135deg,#fbbf2440,#f59e0b33);color:#fcd34d}.home-desktop-header__icon-btn{width:2.25rem;height:2.25rem;border:none;border-radius:.5rem;background:transparent;color:var(--home-muted);display:inline-flex;align-items:center;justify-content:center;cursor:default}.home-desktop-layout .home-shell.home-desktop-shell{width:100%;max-width:none;margin-inline:0;padding-inline:var(--home-desktop-pad-x)}.home-desktop-shell{padding-top:calc(var(--home-header-h) + 1.25rem);padding-bottom:4rem}.home-creation-box{width:100%;margin-bottom:2.25rem;text-align:center}.home-creation-box__title{margin:0 0 1.25rem;font-size:clamp(1.875rem,2.8vw,2.75rem);font-weight:600;line-height:1.12;letter-spacing:-.03em;color:var(--text-main)}.home-creation-box__card{text-align:left;width:min(100%,var(--home-desktop-hero-w));margin-inline:auto;border-radius:1.125rem;border:1.5px solid rgba(139,92,246,.28);background:#ffffffeb;box-shadow:0 8px 40px #6366f114,0 2px 8px #0000000a;overflow:hidden}body[data-theme=dark] .home-creation-box__card{background:#1c1c20e0;border-color:#8b5cf659;box-shadow:0 8px 32px #00000040}.home-creation-box__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem .75rem;overflow-x:auto}.home-creation-box__tab{flex-shrink:0;height:2.125rem;padding:0 1rem;border:none;border-radius:999px;background:transparent;color:var(--home-muted);font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.3125rem;transition:background .18s ease,color .18s ease}.home-creation-box__tab.is-active{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 14px #6366f159}.home-creation-box__tab-spark{font-size:.75rem;opacity:.9}.home-creation-box__body{display:flex;gap:1rem;padding:.25rem 1.5rem 1rem;align-items:flex-start}.home-creation-box__upload{flex-shrink:0;width:5rem;height:5rem;border:1.5px dashed rgba(59,130,246,.35);border-radius:.75rem;background:#eff6ffa6;color:#3b82f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:.625rem;cursor:default}body[data-theme=dark] .home-creation-box__upload{background:#ffffff08}.home-creation-box__input-wrap{flex:1;min-width:0}.home-creation-box__textarea{width:100%;min-height:5rem;resize:none;border:none;background:transparent;color:var(--text-main);font-size:1rem;line-height:1.6;font-family:inherit;outline:none;padding-top:.625rem}.home-creation-box__textarea::placeholder{color:var(--home-muted)}.home-creation-box__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1.5rem 1.25rem;border-top:none}.home-creation-box__footer-left{display:flex;align-items:center;gap:.75rem}.home-creation-box__chip{display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding:0 .75rem;border:1px solid var(--home-border);border-radius:999px;background:var(--bg-body);color:var(--text-main);font-size:.75rem;font-weight:500;cursor:default;opacity:.85}.home-creation-box__chip-dot{color:#8b5cf6;font-size:.6875rem}.home-creation-box__toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--home-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.home-creation-box__toggle input{position:absolute;opacity:0;width:0;height:0}.home-creation-box__toggle-track{width:2rem;height:1.125rem;border-radius:999px;background:var(--home-border-strong);position:relative;transition:background .18s ease}.home-creation-box__toggle-track:after{content:"";position:absolute;top:.125rem;left:.125rem;width:.875rem;height:.875rem;border-radius:50%;background:#fff;transition:transform .18s ease;box-shadow:0 1px 2px #00000026}.home-creation-box__toggle input:checked+.home-creation-box__toggle-track{background:#8b5cf6}.home-creation-box__toggle input:checked+.home-creation-box__toggle-track:after{transform:translate(.875rem)}.home-creation-box__submit{width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:999px;font-size:0;color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #3b82f659;transition:opacity .18s ease,transform .18s ease}.home-creation-box__submit:before{content:"";width:1.125rem;height:1.125rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.home-creation-box__submit .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-creation-box__submit:hover:not(:disabled){transform:translateY(-2px)}.home-creation-box__submit:disabled{opacity:.38;cursor:not-allowed;transform:none}.home-desktop-shortcuts{width:min(100%,var(--home-desktop-content-w));margin:0 auto 2.75rem}.home-desktop-shortcuts__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem;margin-bottom:1.75rem;max-width:var(--home-desktop-hero-w);margin-inline:auto}.home-desktop-shortcuts__pill{height:2rem;padding:0 1rem;border:1px solid var(--home-border);border-radius:999px;background:var(--bg-body);color:var(--text-main);font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color .18s ease,background .18s ease}.home-desktop-shortcuts__pill:hover,.home-desktop-shortcuts__pill.is-active{border-color:#6366f173;background:#6366f10f;color:#4f46e5}body[data-theme=dark] .home-desktop-shortcuts__pill.is-active{color:#a5b4fc}.home-desktop-shortcuts__actions{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:.75rem;max-width:var(--home-desktop-hero-w);margin-inline:auto;padding-inline:.25rem;overflow-x:auto}.home-desktop-shortcuts__action{display:flex;flex-direction:column;align-items:center;gap:.5rem;border:none;background:transparent;color:var(--text-main);cursor:pointer;min-width:4.5rem;padding:0}.home-desktop-shortcuts__action-icon{width:3.75rem;height:3.75rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fffffff2,#f1f5f9e6);border:1px solid var(--home-border);box-shadow:0 4px 14px #0000000d;color:var(--text-main)}.home-desktop-shortcuts__action-icon svg{width:1.375rem;height:1.375rem}body[data-theme=dark] .home-desktop-shortcuts__action-icon{background:linear-gradient(145deg,#28282df2,#1e1e23e6);border-color:#ffffff14}.home-desktop-shortcuts__action:hover .home-desktop-shortcuts__action-icon{border-color:#6366f159;transform:translateY(-2px);transition:transform .18s ease}.home-desktop-shortcuts__action-label{font-size:.6875rem;color:var(--home-muted);line-height:1.3;text-align:center}.home-rail-section{width:100%;margin-bottom:2.75rem}.home-rail-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.home-rail-section__title{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:var(--text-main)}.home-rail-section__subtitle{margin:.25rem 0 0;font-size:.8125rem;color:var(--home-muted)}.home-rail-section__more{border:none;background:transparent;color:var(--home-muted);font-size:.8125rem;cursor:default;padding:.25rem 0;flex-shrink:0}.home-rail-section__track{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.home-rail-section__card-wrap{flex-shrink:0;scroll-snap-align:start}.home-rail-section__card-wrap--portrait{width:var(--home-rail-portrait-w)}.home-rail-section__card-wrap--portrait .board-card--integrated{width:100%}.home-rail-section__card-wrap--landscape{width:var(--home-rail-recent-w)}.home-rail-section__card-wrap--landscape .board-card--integrated .board-card__media{aspect-ratio:16 / 9}.home-rail-section__card-wrap.is-mock{cursor:default;opacity:.92}.home-rail-section__card-wrap--workflow{width:var(--home-rail-workflow-w)}.home-workflow-card{border-radius:1rem;overflow:hidden;border:1px solid var(--home-border);background:var(--bg-body);box-shadow:0 2px 12px #0000000a}.home-workflow-card__head{display:flex;align-items:center;gap:.375rem;padding:.625rem .75rem;background:linear-gradient(135deg,#1e293b,#334155);color:#f8fafc;font-size:.75rem;font-weight:600}.home-workflow-card__head-icon{font-size:.875rem}.home-workflow-card__preview{aspect-ratio:4 / 3;background:#f1f5f9;overflow:hidden}.home-workflow-card__preview img{width:100%;height:100%;object-fit:cover;display:block}.home-workflow-card__subtitle{margin:0;padding:.625rem .75rem .75rem;font-size:.6875rem;color:var(--home-muted);line-height:1.4}.home-boards-section--desktop{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid var(--home-border)}.home-boards-section--desktop .board-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(10.5rem,12vw,14rem),1fr));gap:1.25rem;max-width:none}body[data-theme=dark] .home-creation-box__upload{background:#3b82f614;border-color:#60a5fa59;color:#93c5fd}@media(min-width:1025px),(min-width:1367px){.home-main{padding-top:0}}@media(max-width:1024px),(max-width:1366px)and (pointer:coarse){.home-mobile-shell{display:block}.home-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.25rem;padding-top:env(safe-area-inset-top,0px);padding-bottom:.625rem;padding-inline:var(--home-pad-x);background:transparent}.home-user-menu.is-open{z-index:82}.home-user-menu-backdrop{display:block;position:fixed;inset:0;z-index:80;background:#0000005c;-webkit-tap-highlight-color:transparent}.home-menu-backdrop-enter-active,.home-menu-backdrop-leave-active{transition:opacity .24s ease}.home-menu-backdrop-enter-from,.home-menu-backdrop-leave-to{opacity:0}.home-user-dropdown{position:fixed;inset:auto 0 0;min-width:0;padding:.5rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));border-radius:1.25rem 1.25rem 0 0;border:none;border-top:1px solid rgba(255,255,255,.55);background:#ffffffe0;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:0 -8px 40px #0000001a;z-index:81}body[data-theme=dark] .home-user-dropdown{background:#1e293be6;border-top-color:#ffffff14;box-shadow:0 -8px 40px #00000059}.home-menu-sheet-enter-active,.home-menu-sheet-leave-active{transition:transform .32s cubic-bezier(.32,.72,0,1)}.home-menu-sheet-enter-from,.home-menu-sheet-leave-to{transform:translateY(100%)}.home-user-dropdown__handle{display:block;width:2.25rem;height:.25rem;margin:.375rem auto .75rem;border-radius:999px;background:#0000001f;flex-shrink:0}body[data-theme=dark] .home-user-dropdown__handle{background:#fff3}.home-user-dropdown__meta{padding:.25rem .25rem .75rem}.home-user-dropdown__email{font-size:1.0625rem;font-weight:600}.home-user-dropdown__credit{margin-top:.375rem;font-size:.875rem}.home-user-dropdown__divider{margin:.375rem 0}.home-user-dropdown__item{min-height:3.25rem;padding:.875rem 1rem;font-size:1.0625rem;font-weight:500;border-radius:.875rem;-webkit-tap-highlight-color:transparent}.home-user-dropdown__item:active{background:#0000000f}body[data-theme=dark] .home-user-dropdown__item:active{background:#ffffff14}.home-user-dropdown__item--danger{font-weight:600}.home-grid-btn__icon{width:1.125rem;height:1.375rem}.home-quick-nav__icon-wrap{background:#ffffff94;backdrop-filter:blur(16px) saturate(165%);-webkit-backdrop-filter:blur(16px) saturate(165%);border-color:#ffffff80}.home-mobile-header__brand{display:flex;align-items:center;gap:.4375rem;min-width:0}.home-mobile-header__logo{font-family:"Poppins",var(--font-family-sans);font-size:1.125rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--text-main);-webkit-user-select:none;user-select:none}.home-mobile-header__dot{flex-shrink:0;width:.4375rem;height:.4375rem;border-radius:50%;background:var(--text-main)}.home-desktop-layout,.ckt-home-layout,.home-desktop-shell,.home-header--desktop{display:none}.home-dashboard.home-dashboard--gallery{--home-pad-x: 1.25rem;--home-pad-x-cards: .875rem;background:#fff;touch-action:pan-x pan-y;min-height:100dvh;min-height:100svh;-webkit-overflow-scrolling:touch}.home-dashboard.home-dashboard--gallery:before,.home-dashboard.home-dashboard--gallery:after{display:none}.home-main{padding-top:0;padding-bottom:calc(5.75rem + env(safe-area-inset-bottom,0px))}.home-quick-section{margin-bottom:1.125rem}.home-quick-nav__icon-wrap{width:5rem;height:5rem;min-width:5rem;min-height:5rem;border-radius:9999px}.home-quick-nav__icon{width:2rem;height:2rem}.home-template-feed{margin-bottom:.5rem}.home-section__title--featured{font-size:1.125rem}.home-template-feed__list{gap:.625rem}.home-template-feed__list--grid{gap:.5rem}.home-btn--new-project{display:none}html.mobile-touch-lock,html.mobile-touch-lock body{overscroll-behavior:none}.home-user-dropdown__item--mobile-only{display:block}.home-boards-section:not(.is-mobile-panel-open){display:none}.home-boards-section.is-mobile-panel-open{display:block;position:fixed;inset:0;z-index:45;margin:0;padding-top:calc(var(--home-header-h) + 1rem);padding-bottom:2rem;padding-inline:var(--home-pad-x);background-color:var(--bg-body);background-image:radial-gradient(circle,var(--home-dot) 1px,transparent 1px);background-size:20px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:home-boards-panel-in .22s ease}.home-boards-section.is-mobile-panel-open .home-boards-panel__back{display:inline-flex}.home-dashboard.is-boards-panel-open{overflow:hidden}.home-quick-nav{margin-bottom:1.25rem}.template-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem}.board-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:1rem}.board-card--integrated .board-card__overlay{left:.5rem;right:.5rem;bottom:.5rem;padding:.75rem .75rem .75rem .875rem;border-radius:.875rem}.board-card__overlay-title{font-size:.875rem}.board-card__overlay-action{width:2rem;height:2rem}.home-templates{margin-bottom:2.5rem}}@keyframes home-boards-panel-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.home-boards-section.is-mobile-panel-open{animation:none}}.canvas-top-nav{position:absolute;top:20px;left:20px;z-index:1000;pointer-events:auto;display:flex;align-items:center;gap:16px;background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.board-name-display{font-size:16px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-home-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--bg-dock);color:var(--text-main);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.back-home-btn:hover{background:var(--bg-hover)}.mini-sync-indicator{height:24px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-dock);font-size:11px;font-weight:500;color:var(--text-sub);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.mini-sync-indicator:hover{border-color:var(--color-accent);color:var(--color-accent)}.mini-sync-indicator.status-success{border-color:#22c55e;color:#22c55e}.canvas-workspace{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-top-right{position:absolute;top:1.25rem;right:clamp(1.5rem,5vw,3rem);z-index:1000;pointer-events:auto}@media(max-width:1024px),(max-width:1366px)and (pointer:coarse){.canvas-toolbar-btn--mobile-hidden,.canvas-view-wrapper .canvas-widget-panel,.canvas-view-wrapper .canvas-controls{display:none!important}.canvas-view-wrapper .workspace{touch-action:none}}.gen-card{position:absolute;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,border-color .2s ease;pointer-events:auto;-webkit-user-select:none;user-select:none}.gen-card:hover{box-shadow:var(--shadow-float)}.gen-card.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:grab;border-bottom:1px solid var(--border)}.card-header:active{cursor:grabbing}.drag-handle{display:flex;align-items:center;gap:6px;color:var(--text-sub)}.drag-icon{opacity:.4}.card-img-box{position:relative;overflow:hidden}.card-img{width:100%;display:block;border-radius:0 0 16px 16px}.skeleton-container{display:flex;align-items:center;justify-content:center;background:var(--bg-dock);border-radius:0 0 16px 16px}.skeleton-inner{text-align:center;padding:20px}.skeleton-pulse{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);margin:0 auto 12px;animation:pulse 1.5s ease-in-out infinite}.progress-text{font-size:12px;color:var(--text-sub)}.context-top-dock{position:absolute;bottom:-44px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--bg-dock);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);z-index:10000}.dock-action-btn{height:32px;padding:0 10px;border-radius:999px;border:none;background:transparent;color:var(--text-main);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s}.dock-action-btn:hover{background:var(--bg-hover)}.dock-action-btn.danger:hover{background:#ef44441a;color:#ef4444}.dock-divider{width:1px;height:16px;background:var(--border)}.resize-bounding-box{position:absolute;inset:-2px;border:2px solid var(--color-accent);border-radius:16px;pointer-events:none}.resize-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--color-accent);border-radius:50%;pointer-events:auto;cursor:nwse-resize}.resize-handle.top-left{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.top-right{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.bottom-left{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.bottom-right{bottom:-6px;right:-6px;cursor:nwse-resize}.frame-wrapper{position:absolute;border:2px dashed var(--border);border-radius:12px;background:transparent;pointer-events:auto;cursor:grab}.frame-wrapper.frame-selected{border-color:var(--color-accent)}.frame-header{padding:6px 10px}.frame-name-input{background:transparent;border:none;outline:none;font-size:14px;font-weight:600;color:var(--text-main);opacity:.6;width:180px;transition:opacity .2s}.gen-fail-modal{width:min(440px,calc(100vw - 40px));border-radius:16px;background:#fffffff2;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 50px -18px #00000038;padding:16px 16px 14px;animation:slideUp .22s cubic-bezier(.25,.8,.25,1)}body[data-theme=dark] .gen-fail-modal{background:#18181bf5;border-color:#ffffff1f}.gen-fail-reason{white-space:pre-wrap;word-break:break-word}.gen-fail-ok{height:34px;padding:0 14px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#0000000a;color:var(--text-main);font-weight:700;cursor:pointer}.gen-fail-ok:hover{background:#0000000f}.custom-context-menu{position:fixed;background:var(--bg-surface)!important;-webkit-backdrop-filter:blur(24px) saturate(200%)!important;backdrop-filter:blur(24px) saturate(200%)!important;border:1px solid var(--border)!important;border-radius:8px;padding:6px;min-width:180px;box-shadow:0 12px 32px #0000001f,0 0 0 1px #0000000a;z-index:10000;display:flex;flex-direction:column;font-size:13px;font-weight:500;color:var(--text-main);-webkit-user-select:none;user-select:none}.command-palette-wrapper{position:fixed;z-index:10001}.command-palette-inner{width:320px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px #00000026;padding:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.command-palette-inner input{width:100%;height:36px;border:none;background:transparent;font-size:14px;color:var(--text-main);padding:0 8px;outline:none}.modal-mask{position:fixed;inset:0;z-index:9999;background:#0000004d;display:flex;align-items:center;justify-content:center}.modal-box{width:min(400px,calc(100vw - 40px));border-radius:16px;background:var(--bg-surface);border:1px solid var(--border);box-shadow:0 24px 64px #00000026;padding:24px}.auth-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-modal-close:hover{background:var(--bg-hover)}.input-dock.compact{padding:10px 14px;gap:6px;border-radius:16px}.input-dock.compact .input-area textarea{min-height:72px;max-height:80vh;overflow-y:auto;font-size:14px;padding:8px 4px}.input-dock.compact .input-area textarea:focus{min-height:72px;max-height:80vh;padding:8px 4px}.thumb-add-btn{width:64px;height:90px;border-radius:10px;border:1px dashed var(--border);background:transparent;color:var(--text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.thumb-add-btn:hover{border-color:var(--accent);color:var(--accent)}.thumb-item{position:relative;width:64px;height:90px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid var(--border)}.thumb-item img{width:100%;height:100%;object-fit:cover}.thumb-del{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:opacity .15s}.thumb-item:hover .thumb-del{opacity:1}.quick-prompts{display:flex;gap:6px;overflow-x:auto;padding:6px 0;border-top:1px solid var(--border);scrollbar-width:none}.quick-prompts::-webkit-scrollbar{display:none}.prompt-tag{height:28px;padding:0 10px 0 12px;border-radius:100px;background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-sub);cursor:pointer;white-space:nowrap;flex-shrink:0;line-height:1.4;transition:all .2s;position:relative;font-size:12px}.chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.chip__label--model{max-width:150px;font-weight:650}.chip__label--ratio{font-family:SFMono-Regular,Cascadia Mono,Liberation Mono,monospace;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0}.chip-caret{flex:0 0 auto}.ratio-chip-preview{width:17px;height:17px;min-width:17px;max-width:22px;flex:0 0 auto;border:1.5px solid currentColor;border-radius:4px;opacity:.82;box-sizing:border-box}.ratio-chip-preview.is-auto{border-style:dashed;background:linear-gradient(135deg,transparent 0 46%,currentColor 47% 53%,transparent 54% 100%);opacity:.62}.popover{position:absolute;bottom:130%;left:0;background:#fffffff2;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.65);border-radius:16px;padding:16px;box-shadow:0 12px 40px -12px #00000026,inset 0 0 0 1px #fff6;z-index:200}.template-product-card{position:absolute;width:400px;z-index:50;pointer-events:auto;-webkit-user-select:none;user-select:none}.template-product-card--embedded{position:relative;width:100%;z-index:auto}.template-product-card__inner{background:#fffffff2;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.65);border-radius:24px;box-shadow:0 20px 48px -16px #0000001f,inset 0 0 0 1px #fff6;padding:20px;display:flex;flex-direction:column;gap:16px}body[data-theme=dark] .template-product-card__inner{background:#222226f2;border-color:#ffffff1a;box-shadow:0 20px 48px -16px #0006}.template-product-card__header{display:flex;flex-direction:column;gap:4px}.template-product-card__title{margin:0;font-size:18px;font-weight:700;color:var(--text-main);letter-spacing:-.3px}.template-product-card__subtitle{margin:0;font-size:12px;color:var(--text-sub);font-weight:400}.template-product-card__upload{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:16px;border:2px dashed var(--border);background:var(--bg-hover);cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:center}.template-product-card__upload:hover{border-color:var(--accent);background:#6366f10a}.template-product-card__upload.has-image{border-style:solid;border-color:var(--border);cursor:default}.template-product-card__upload.is-uploading{pointer-events:none}.template-product-card__upload-hint{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-sub);padding:24px;text-align:center}.template-product-card__upload-icon{width:48px;height:48px;border-radius:14px;background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-main)}.template-product-card__upload-text{font-size:13px;font-weight:500;color:var(--text-main)}.template-product-card__upload-tip{font-size:11px;color:var(--text-sub);opacity:.8}.template-product-card__preview{width:100%;height:100%;object-fit:cover;display:block}.template-product-card__upload-overlay{position:absolute;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.template-product-card__upload-overlay .spinner{width:32px;height:32px;animation:rotate 2s linear infinite}.template-product-card__upload-overlay .spinner .path{stroke:#ffffffe6;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.template-product-card__remove{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:none;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:2}.template-product-card__remove:hover{background:#000000bf}.template-product-card__footer{display:flex;align-items:center;gap:10px}.template-product-card__batch{display:flex;align-items:center;gap:4px;background:var(--bg-hover);border:1px solid var(--border);border-radius:999px;padding:4px}.template-product-card__batch-btn{min-width:40px;height:32px;padding:0 10px;border:none;border-radius:999px;background:transparent;color:var(--text-sub);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-variant-numeric:tabular-nums}.template-product-card__batch-btn:hover{color:var(--text-main);background:var(--bg-surface)}.template-product-card__batch-btn.is-active{background:var(--bg-surface);color:var(--text-main);box-shadow:0 1px 4px #00000014}.template-product-card__generate{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border:none;border-radius:999px;background:var(--primary);color:var(--primary-fg);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px -4px #0003}.template-product-card__generate:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.template-product-card__generate:disabled{opacity:.45;cursor:not-allowed;transform:none}.template-product-card__cost{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;opacity:.9}.canvas-widget-shell{position:absolute;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:20px;overflow:hidden;background:#ffffffe0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.72);box-shadow:0 20px 48px -16px #0000001f,inset 0 0 0 1px #ffffff59;transition:box-shadow .2s ease,border-color .2s ease}body[data-theme=dark] .canvas-widget-shell{background:#222226eb;border-color:#ffffff1a;box-shadow:0 20px 48px -16px #00000073}.canvas-widget-shell.canvas-widget-selected{box-shadow:0 0 0 2px var(--color-accent, #6366f1),0 20px 48px -16px #00000024,inset 0 0 0 1px #ffffff59}.canvas-widget-shell.is-dragging{cursor:grabbing}.canvas-dialog-widget{width:760px;max-width:min(760px,92vw)}.canvas-template-widget{width:400px}.canvas-widget-chrome{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px 8px 10px;border-bottom:1px solid rgba(0,0,0,.06);background:#ffffff6b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:grab}body[data-theme=dark] .canvas-widget-chrome{background:#ffffff0d;border-bottom-color:#ffffff14}.canvas-widget-chrome:active,.canvas-widget-shell.is-dragging .canvas-widget-chrome{cursor:grabbing}.canvas-widget-chrome__grip{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--text-sub);opacity:.55;flex-shrink:0}.canvas-widget-chrome__title{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-widget-chrome__remove{width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--text-sub);font-size:18px;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.canvas-widget-chrome__remove:hover{background:#ef44441f;color:var(--danger, #ef4444)}.canvas-widget-body{position:relative}.canvas-dialog-widget__greeting{text-align:center;margin:16px 20px 12px;pointer-events:none}.canvas-dialog-widget__greeting .greeting-title{font-size:28px;font-weight:700;color:var(--text-main);margin-bottom:8px}.canvas-dialog-widget__greeting .greeting-sub{font-size:15px;color:var(--text-sub)}.canvas-widget-shell .input-dock{width:100%;max-width:none;margin:0;border:none;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 16px 16px}.canvas-widget-shell .input-dock:focus-within{border-radius:0}.canvas-widget-shell .template-product-card{position:relative;width:100%;left:auto;top:auto;z-index:auto}.canvas-widget-shell .template-product-card__inner{border:none;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:16px 20px 20px}.canvas-widget-shell .template-product-card--embedded .template-product-card__inner{padding-top:12px}.template-flow{--template-flow-pad-x: 1.25rem;--template-flow-footer-h: 5.75rem;position:relative;width:100%;height:100dvh;height:100svh;max-height:100dvh;max-height:100svh;background:#fff;color:#171717;display:flex;flex-direction:column;overflow:hidden}.template-flow__header{display:flex;align-items:center;gap:.75rem;padding-top:env(safe-area-inset-top,0px);padding-bottom:.625rem;padding-inline:var(--template-flow-pad-x);background:#fff;flex-shrink:0;z-index:2}.template-flow--menu-open .template-flow__header{z-index:10001}.template-flow--menu-open .home-user-menu.is-open{z-index:10002}.template-flow--menu-open .home-user-menu-backdrop{z-index:10000}.template-flow--menu-open .home-user-dropdown{z-index:10001}.template-flow__back{width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:999px;background:transparent;color:#171717;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.template-flow__back:active{background:#0000000d}.template-flow__title{flex:1;min-width:0;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-flow__main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 var(--template-flow-pad-x) 1rem;padding-bottom:calc(1rem + var(--template-flow-footer-h));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.template-flow-input .template-product-card{width:100%}.template-flow-upload{position:relative;width:100%;min-height:13.5rem;border-radius:1.25rem;border:1.5px dashed rgba(0,0,0,.12);background:#fafafa;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;box-sizing:border-box}.template-flow-upload.has-image{min-height:0;height:auto;border-style:solid;border-color:#00000014;background:#f5f5f5;cursor:default}.template-flow-upload__input{display:none}.template-flow-upload__hint{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.5rem 1rem;text-align:center}.template-flow-upload__icon{width:3rem;height:3rem;border-radius:.875rem;background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:#171717}.template-flow-upload__label{font-size:.9375rem;font-weight:600;color:#171717}.template-flow-upload__tip{font-size:.8125rem;color:#737373}.template-flow-upload__preview{display:block;width:100%;height:auto;max-height:min(52vh,26rem);object-fit:contain;background:#f5f5f5}.template-flow-upload__overlay{position:absolute;inset:0;background:#ffffffb8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-size:.8125rem;color:#525252}.template-flow-upload__overlay--error{background:#fef2f2eb;color:#b91c1c;text-align:center;padding:.75rem}.template-flow-upload.is-error .template-flow-upload__preview{opacity:.35}.template-flow-upload__spinner{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid rgba(0,0,0,.08);border-top-color:#171717;animation:template-flow-spin .8s linear infinite}.template-flow-upload__remove{position:absolute;top:.625rem;right:.625rem;width:1.75rem;height:1.75rem;border:none;border-radius:999px;background:#0000008c;color:#fff;font-size:1rem;line-height:1;cursor:pointer;z-index:2}.template-flow-upload__ready-badge{position:absolute;left:.625rem;bottom:.625rem;display:inline-flex;align-items:center;gap:.3125rem;padding:.3125rem .625rem;border-radius:999px;background:#16a34aeb;color:#fff;font-size:.75rem;font-weight:600;z-index:2;box-shadow:0 2px 8px #16a34a40}.template-flow-upload.is-pending-login .template-flow-upload__overlay{background:#ffffffd1}.template-flow-input__hint{margin:0 0 .75rem;font-size:.875rem;line-height:1.45;color:#737373}.template-flow-input__text-slot{margin-top:1rem}.template-flow--with-batch{--template-flow-footer-h: 9.25rem}.template-flow--needs-login{--template-flow-footer-h: 10.5rem}.template-flow--with-batch.template-flow--needs-login{--template-flow-footer-h: 12rem}.template-flow__footer{flex-shrink:0;position:fixed;left:0;right:0;bottom:0;z-index:3;padding:.625rem var(--template-flow-pad-x) calc(.625rem + env(safe-area-inset-bottom,0px));background:#fffffff5;border-top:1px solid rgba(0,0,0,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:.625rem}.template-flow__batch{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;border-radius:.875rem;background:#fafafa;border:1px solid rgba(0,0,0,.06)}.template-flow__batch-label{font-size:.8125rem;font-weight:600;color:#171717;flex-shrink:0}.template-flow__batch-options{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:flex-end}.template-flow__batch-btn{min-width:2.375rem;height:2rem;padding:0 .5rem;border:1px solid rgba(0,0,0,.08);border-radius:.5rem;background:#fff;font-size:.8125rem;font-weight:600;color:#525252;cursor:pointer}.template-flow__batch-btn.is-active{background:#171717;border-color:#171717;color:#fff}.template-flow-results{margin-top:1.5rem}.template-flow-results__title{margin:0 0 .75rem;font-size:.9375rem;font-weight:700;color:#171717}.template-flow-results__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.template-flow-results__item{display:flex;flex-direction:column;gap:.5rem}.template-flow-results__thumb{display:block;width:100%;padding:0;border:none;border-radius:1rem;overflow:hidden;background:#f5f5f5;aspect-ratio:3 / 4;cursor:pointer}.template-flow-results__thumb img{width:100%;height:100%;object-fit:cover;display:block}.template-flow-results__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:10rem;border-radius:1rem;background:#f5f5f5;padding:1rem;text-align:center}.template-flow-results__placeholder.is-error{background:#fef2f2}.template-flow-results__spinner{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid rgba(0,0,0,.08);border-top-color:#171717;animation:template-flow-spin .8s linear infinite}@keyframes template-flow-spin{to{transform:rotate(360deg)}}.template-flow-results__status{margin:0;font-size:.8125rem;color:#737373;line-height:1.4}.template-flow-results__placeholder.is-error .template-flow-results__status{color:#b91c1c;font-weight:600}.template-flow-results__code{margin:.25rem 0 0;font-size:.6875rem;font-weight:500;color:#a3a3a3;letter-spacing:.04em;font-variant-numeric:tabular-nums}.template-flow-results__error{margin:0;font-size:.75rem;color:#b91c1c;line-height:1.35}.template-flow-results__action--retry{flex:1;background:#171717;color:#fff;border-color:#171717}.template-flow-results__actions{display:flex;gap:.5rem}.template-flow-results__action{flex:1;height:2.25rem;border:1px solid rgba(0,0,0,.08);border-radius:.625rem;background:#fff;font-size:.8125rem;font-weight:600;color:#171717;cursor:pointer}.template-flow-results__text{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;border-radius:1rem;background:#fafafa;border:1px solid rgba(0,0,0,.06)}.template-flow-results__text-body{margin:0;font-size:.8125rem;line-height:1.55;color:#404040;white-space:pre-wrap;word-break:break-word}.template-flow__generate{width:100%;min-height:3.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:999px;background:#171717;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.template-flow__generate.is-muted:not(:disabled){opacity:.72}.template-flow__generate:disabled{opacity:.45;cursor:default}.template-flow__generate-spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:template-flow-spin .8s linear infinite;flex-shrink:0}.template-flow__generate:active:not(:disabled){transform:scale(.98)}.template-flow__footer-hint{margin:0;text-align:center;font-size:.75rem;color:#737373;line-height:1.35}.template-flow__cost{display:inline-flex;align-items:center;gap:.25rem;margin-left:.25rem;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.25);font-size:.875rem;font-weight:500;opacity:.9}.template-flow-preview{position:fixed;inset:0;z-index:10000;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0px) 1rem calc(1rem + env(safe-area-inset-bottom,0px))}.template-flow-preview__close{position:absolute;top:calc(.75rem + env(safe-area-inset-top,0px));right:1rem;width:2.5rem;height:2.5rem;border:none;border-radius:999px;background:#ffffff1f;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.template-flow-preview__img{max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain;border-radius:.5rem}.template-flow-preview__actions{margin-top:1.25rem;width:min(100%,20rem)}.template-flow-preview__btn{width:100%;height:3rem;border:none;border-radius:999px;background:#fff;color:#171717;font-size:.9375rem;font-weight:600;cursor:pointer}@media(min-width:1025px)and (pointer:fine),(min-width:1367px){.template-flow{display:none}}.mobile-settings{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;background:var(--bg-body);color:var(--text-main);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased}.mobile-settings__nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:3rem;padding:env(safe-area-inset-top,0px) .75rem .625rem;border-bottom:1px solid var(--border);background:var(--bg-body);flex-shrink:0}.mobile-settings__nav-spacer{width:3rem;flex-shrink:0}.mobile-settings__title{flex:1;margin:0;font-size:1.0625rem;font-weight:600;text-align:center;letter-spacing:-.02em}.mobile-settings__nav-btn{min-width:3rem;height:2.75rem;padding:0 .5rem;border:none;border-radius:.625rem;background:transparent;color:var(--accent, #8b5cf6);font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mobile-settings__nav-btn--back{color:var(--text-main)}.mobile-settings__nav-btn--done{justify-content:flex-end}.mobile-settings__nav-btn:active{opacity:.65}.mobile-settings__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom,0px))}.mobile-settings__root{display:flex;flex-direction:column;gap:1.25rem}.mobile-settings__profile-card{display:flex;align-items:center;gap:.875rem;padding:1rem;border-radius:1rem;background:var(--bg-card, rgba(0, 0, 0, .03));border:1px solid var(--border)}body[data-theme=dark] .mobile-settings__profile-card{background:#ffffff0a}.mobile-settings__avatar{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--accent, #8b5cf6) 0%,#a855f7 100%);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0}.mobile-settings__avatar img{width:100%;height:100%;object-fit:cover}.mobile-settings__avatar--sm{width:2.5rem;height:2.5rem;font-size:.9375rem}.mobile-settings__profile-name{font-size:1.0625rem;font-weight:600;line-height:1.3}.mobile-settings__profile-credit{margin-top:.25rem;font-size:.875rem;color:var(--text-sub)}.mobile-settings__section-label{margin:0 0 .5rem .25rem;font-size:.8125rem;font-weight:500;color:var(--text-sub);text-transform:none}.mobile-settings__section-label--inline{margin-bottom:0}.mobile-settings__section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.mobile-settings__group{border-radius:.875rem;overflow:hidden;background:var(--bg-card, #fff);border:1px solid var(--border)}body[data-theme=dark] .mobile-settings__group{background:#ffffff0a}.mobile-settings__group--footer{margin-top:.5rem}.mobile-settings__row{width:100%;min-height:3.25rem;padding:.875rem 1rem;border:none;border-bottom:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:1rem;color:var(--text-main);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-settings__group .mobile-settings__row:last-child{border-bottom:none}.mobile-settings__row:active{background:var(--bg-hover, rgba(0, 0, 0, .04))}body[data-theme=dark] .mobile-settings__row:active{background:#ffffff0f}.mobile-settings__row-label{flex:1;min-width:0}.mobile-settings__row-chevron{font-size:1.25rem;line-height:1;color:var(--text-sub);opacity:.55}.mobile-settings__row--danger{justify-content:center;color:#ef4444;font-weight:600}.mobile-settings__row--primary{justify-content:center;color:var(--accent, #8b5cf6);font-weight:600}.mobile-settings__row--static{cursor:default}.mobile-settings__row--static:active{background:transparent}.mobile-settings__row--field{flex-wrap:wrap;cursor:default}.mobile-settings__row--field:active{background:transparent}.mobile-settings__row--stack{flex-direction:column;align-items:stretch}.mobile-settings__row--action{justify-content:center;color:var(--accent, #8b5cf6);font-weight:600}.mobile-settings__row--check.is-active .mobile-settings__row-label{font-weight:600}.mobile-settings__check{color:var(--accent, #8b5cf6);font-size:1.125rem;font-weight:700}.mobile-settings__avatar-btn{display:inline-flex;align-items:center;gap:.625rem;padding:0;border:none;background:transparent;color:var(--accent, #8b5cf6);font-size:.9375rem;cursor:pointer}.mobile-settings__row-value{color:var(--accent, #8b5cf6)}.mobile-settings__input{flex:1;min-width:0;border:none;background:transparent;font-size:1rem;color:var(--text-main);text-align:right;outline:none}.mobile-settings__input--full{width:100%;text-align:left;margin-top:.375rem;padding:.625rem .75rem;border-radius:.625rem;background:var(--bg-body);border:1px solid var(--border)}.mobile-settings__save-btn,.mobile-settings__cta{width:100%;min-height:3rem;margin-top:.75rem;border:none;border-radius:.875rem;background:var(--accent, #8b5cf6);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;-webkit-tap-highlight-color:transparent}.mobile-settings__save-btn:disabled,.mobile-settings__cta:disabled{opacity:.55}.mobile-settings__secondary-btn{width:100%;min-height:3rem;margin-top:.625rem;border:1px solid var(--border);border-radius:.875rem;background:transparent;color:var(--text-main);font-size:1rem;font-weight:500;cursor:pointer}.mobile-settings__credit-card{padding:1.25rem 1rem;margin-bottom:.75rem;border-radius:.875rem;background:linear-gradient(135deg,#8b5cf61f,#a855f714);border:1px solid rgba(139,92,246,.2)}.mobile-settings__credit-label{font-size:.8125rem;color:var(--text-sub)}.mobile-settings__credit-num{margin-top:.375rem;font-size:2rem;font-weight:800;line-height:1.1}.mobile-settings__link-btn{padding:.25rem .5rem;border:none;background:transparent;color:var(--accent, #8b5cf6);font-size:.875rem;cursor:pointer}.mobile-settings__tx-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border)}.mobile-settings__tx-row:last-child{border-bottom:none}.mobile-settings__tx-title{font-size:.9375rem;line-height:1.35}.mobile-settings__tx-time{margin-top:.25rem;font-size:.75rem;color:var(--text-sub)}.mobile-settings__tx-amount{font-size:1rem;font-weight:700;flex-shrink:0}.mobile-settings__tx-amount.is-earn{color:#22c55e}.mobile-settings__tx-amount.is-spend{color:#ef4444}.mobile-settings__empty{text-align:center;padding:2.5rem 1rem;color:var(--text-sub);font-size:.9375rem}.mobile-settings__empty--compact{padding:1.25rem .5rem;font-size:.875rem}.mobile-settings__empty p{margin:0 0 1rem}.mobile-settings__loading{text-align:center;padding:1.5rem;color:var(--text-sub);font-size:.875rem}.mobile-settings__asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.mobile-settings__asset-cell{position:relative}.mobile-settings__asset-thumb{width:100%;aspect-ratio:1;padding:0;border:none;border-radius:.625rem;overflow:hidden;background:var(--bg-hover, #f1f5f9);cursor:pointer}.mobile-settings__asset-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mobile-settings__asset-remove{position:absolute;top:.25rem;right:.25rem;padding:.125rem .375rem;border:none;border-radius:.375rem;background:#0000008c;color:#fff;font-size:.625rem;cursor:pointer}.mobile-settings__load-more{width:100%;min-height:2.75rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:.75rem;background:transparent;color:var(--text-main);font-size:.875rem;cursor:pointer}.mobile-settings__detail-image{border-radius:.875rem;overflow:hidden;margin-bottom:1rem;background:var(--bg-hover, #f1f5f9)}.mobile-settings__detail-image img{width:100%;display:block;max-height:50vh;object-fit:contain}.mobile-settings__meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border);font-size:.9375rem}.mobile-settings__meta-row:last-child{border-bottom:none}.mobile-settings__meta-row span{color:var(--text-sub);flex-shrink:0}.mobile-settings__meta-row--stack{flex-direction:column;align-items:stretch}.mobile-settings__prompt{margin:.375rem 0 0;font-size:.875rem;line-height:1.5;color:var(--text-main);word-break:break-word}.mobile-settings__detail-actions{margin-top:1rem}.mobile-settings-fade-enter-active,.mobile-settings-fade-leave-active{transition:opacity .22s ease}.mobile-settings-fade-enter-from,.mobile-settings-fade-leave-to{opacity:0}@media(min-width:1025px)and (pointer:fine),(min-width:1367px){.mobile-settings{display:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gen-fail-modal-mask{position:fixed;inset:0;z-index:9999;background:#00000047;display:flex;align-items:center;justify-content:center;padding:20px}body[data-theme=dark] .gen-fail-modal-mask{background:#00000080}.gen-fail-modal{width:min(440px,calc(100vw - 40px));border-radius:16px;background:#fffffff2;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 50px -18px #00000038;padding:16px 16px 14px;animation:slideUp .22s cubic-bezier(.25,.8,.25,1)}body[data-theme=dark] .gen-fail-modal{background:#18181bf5;border-color:#ffffff1f;box-shadow:0 18px 50px -18px #00000080}.gen-fail-title{font-size:14px;font-weight:700;color:var(--text-main);margin-bottom:10px}.gen-fail-desc{color:var(--text-sub);font-size:12.5px;line-height:1.6}.gen-fail-main{color:var(--text-main);font-weight:600;margin-bottom:8px}.gen-fail-reason{margin-top:6px;font-size:11px;color:var(--text-sub);opacity:.55;font-variant-numeric:tabular-nums;letter-spacing:.04em}.gen-fail-actions{display:flex;justify-content:flex-end;margin-top:14px}.gen-fail-ok{height:34px;padding:0 14px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#0000000a;color:var(--text-main);font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.gen-fail-ok:hover{background:#0000000f;border-color:#0000001f}body[data-theme=dark] .gen-fail-ok{border-color:#ffffff24;background:#ffffff0f}body[data-theme=dark] .gen-fail-ok:hover{background:#ffffff1a;border-color:#fff3}#app{width:100%;height:100%;display:flex;overflow:hidden}*{box-sizing:border-box;outline:none}body,html{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family-sans);background:var(--bg-base);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.global-tools-right{position:fixed;right:24px;top:88px;display:flex;flex-direction:column;gap:12px;z-index:2000;align-items:flex-end}.tool-fab{height:44px;width:44px;border-radius:var(--radius-md);background:var(--bg-dock);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);color:var(--text-primary);display:flex;align-items:center;padding:0 11px;cursor:pointer;box-shadow:var(--shadow-card);transition:width .3s cubic-bezier(.25,1,.5,1),transform .2s,border-color .2s;overflow:hidden;box-sizing:border-box;white-space:nowrap}.tool-fab svg{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.fab-text{opacity:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-block;transition:all .3s cubic-bezier(.25,1,.5,1)}.tool-fab:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 10px 20px #0000001a}.tool-fab:hover svg{transform:scale(1.1)}.tool-fab.primary{background:var(--color-primary);color:var(--color-on-primary);border:none}.tool-fab.primary:hover{opacity:.9;color:var(--primary-fg)}.global-tools-right .tool-fab{flex-direction:row-reverse;justify-content:flex-start}.global-tools-right .tool-fab:hover{width:140px}.global-tools-right .fab-text{transform:translate(10px);margin-right:0}.global-tools-right .tool-fab:hover .fab-text{opacity:1;transform:translate(0);margin-right:8px}.global-tools-bottom-left{position:fixed;left:24px;bottom:24px;display:flex;flex-direction:row;gap:8px;z-index:var(--z-overlay);background:var(--bg-dock);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px;box-shadow:var(--shadow-card)}.icon-btn{width:32px;height:32px;border-radius:var(--radius-xs);border:none;background:transparent;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.icon-btn:hover{background:var(--bg-hover);color:var(--color-accent)}.canvas-view-wrapper,.workspace{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;position:absolute!important;top:0;left:0;overflow:hidden}.canvas-view-wrapper{box-sizing:border-box}.workspace{display:flex;flex-direction:column}.canvas-top-nav{position:absolute;top:20px;left:20px;z-index:1000;pointer-events:auto;display:flex;align-items:center;gap:16px;background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.canvas-title-group{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:min(72vw,520px)}.board-name-display{font-size:16px;font-weight:700;color:var(--text-main);letter-spacing:-.3px;padding-left:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mini-sync-indicator{background:transparent;border:1px solid rgba(15,23,42,.12);border-radius:9999px;padding:4px 12px;font-size:11px;font-weight:400;letter-spacing:.02em;color:#0f172a8c;cursor:pointer;transition:border-color .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1.25;max-width:100%;box-sizing:border-box}.mini-sync-indicator:hover{border-color:#0f172a38;color:#0f172ab8}.mini-sync-indicator.status-success{color:#15803d;border-color:#16a34a73;background:#16a34a0f}.mini-sync-indicator.status-success:hover{color:#166534;border-color:#16a34a8c}.mini-sync-indicator .sync-text-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(68vw,480px)}body[data-theme=dark] .mini-sync-indicator{border-color:#f8fafc24;color:#e2e8f08c}body[data-theme=dark] .mini-sync-indicator:hover{border-color:#f8fafc38;color:#e2e8f0bf}body[data-theme=dark] .mini-sync-indicator.status-success{color:#4ade80;border-color:#4ade8066;background:#16a34a1f}body[data-theme=dark] .mini-sync-indicator.status-success:hover{color:#86efac;border-color:#4ade8080}.canvas-top-nav .back-home-btn{font-size:24px;font-weight:300;color:var(--text-sub);background:transparent;border:none;padding:0;margin-right:-4px;line-height:1;min-width:28px;height:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.canvas-top-nav .back-home-btn:hover{color:var(--text-main);transform:none}.mega-modal-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.mega-modal-container{width:85vw;max-width:1400px;height:85vh;max-height:900px;background:var(--bg-surface);border-radius:24px;box-shadow:var(--shadow-float);display:flex;flex-direction:row;overflow:hidden;position:relative;border:1px solid var(--border)}.mega-sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;min-height:0}.mega-sidebar-header{padding:32px 24px 24px;flex-shrink:0}.mega-sidebar-header h3{font-size:18px;font-weight:700;color:var(--text-main);margin:0}.mega-sidebar-nav{padding:0 12px;display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto}.mega-sidebar-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:12px;border:none;background:transparent;font-size:15px;font-weight:600;color:var(--text-sub);text-align:left;cursor:pointer;transition:all .2s ease}.mega-sidebar-nav button:hover{background:var(--bg-hover);color:var(--text-main)}.mega-sidebar-nav button.active{background:#6366f11f;color:var(--accent)}.mega-sidebar-nav .nav-icon{width:18px;height:18px;border-radius:6px;border:1.5px solid currentColor;opacity:.78;flex-shrink:0;position:relative;display:inline-block}.mega-sidebar-nav .nav-icon--assets:after{content:"";position:absolute;inset:4px 3px 3px;border-radius:3px;background:currentColor;opacity:.24}.mega-sidebar-nav .nav-icon--account{border-radius:999px}.mega-sidebar-nav .nav-icon--account:after{content:"";position:absolute;width:7px;height:7px;left:50%;top:4px;border-radius:999px;background:currentColor;transform:translate(-50%)}.mega-sidebar-nav .nav-icon--preferences:before,.mega-sidebar-nav .nav-icon--preferences:after{content:"";position:absolute;left:4px;right:4px;height:1.5px;border-radius:999px;background:currentColor}.mega-sidebar-nav .nav-icon--preferences:before{top:6px}.mega-sidebar-nav .nav-icon--preferences:after{bottom:6px}.mega-sidebar-footer{padding:16px 12px 20px;flex-shrink:0;border-top:1px solid var(--border)}.mega-logout-btn{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(239,68,68,.25);background:#ef44440f;color:var(--danger, #ef4444);font-weight:600;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}.mega-logout-btn:hover{background:#ef44441a;border-color:#ef444466}.mega-content-area{flex:1;min-width:0;padding:48px 40px 40px;overflow-y:auto;overflow-x:hidden;background:var(--bg-surface);display:flex;flex-direction:column}.mega-content-area h2{font-size:28px;font-weight:800;margin:0 0 12px;color:var(--text-main)}.mega-content-area .text-muted{font-size:14px;color:var(--text-sub);margin:0 0 28px;line-height:1.5}.mega-credit-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:16px;padding:24px;color:var(--text-main);margin-bottom:24px}.mega-credit-card__label{font-size:13px;color:var(--text-sub);margin-bottom:8px}.mega-section{margin-bottom:40px}.mega-section-title{font-size:16px;font-weight:700;color:var(--text-main);margin:0 0 16px}.mega-assets-section{margin-bottom:36px}.assets-gallery-view{flex:1;display:flex;flex-direction:column;min-height:0}.asset-detail-panel{flex:1;background:var(--bg-surface, #ffffff);padding:0;overflow:hidden;border-radius:16px;display:flex;flex-direction:column;min-height:0;border:1px solid var(--border, #e2e8f0);box-shadow:0 12px 32px -4px #00000014}body[data-theme=dark] .asset-detail-panel{background:var(--bg-sidebar)}.close-detail-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin:16px 0 0 24px;padding:8px 12px;font-size:14px;font-weight:600;color:var(--text-sub);background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.close-detail-btn:hover{color:var(--text-main);border-color:#cbd5e1;background:var(--bg-main, #f8fafc)}.detail-content-split{display:flex;flex:1;overflow:hidden;padding:12px 24px 24px;gap:32px;min-height:0}@media(max-width:900px){.detail-content-split{flex-direction:column}}.detail-image-zone{flex:2;background:var(--bg-main, #f8fafc);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid var(--border, #e2e8f0);min-height:0;min-width:0}body[data-theme=dark] .detail-image-zone{background:var(--bg-hover)}.detail-image-zone img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 12px 32px #0000001a;display:block}.detail-meta-zone{flex:1;min-width:0;min-height:0;overflow-y:auto}.detail-meta-zone h3{font-size:18px;font-weight:700;margin:0 0 20px;color:var(--text-main)}.meta-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.meta-item label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-sub);margin-bottom:6px}.meta-item span{font-size:14px;color:var(--text-main)}.meta-prompt-box{font-size:13px;line-height:1.55;color:var(--text-main);padding:12px 14px;border-radius:10px;background:var(--bg-main, #f8fafc);border:1px solid var(--border, #e2e8f0);white-space:pre-wrap;word-break:break-word;max-height:220px;overflow-y:auto}body[data-theme=dark] .meta-prompt-box{background:var(--bg-hover)}.meta-reference-box{margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid var(--border, #e2e8f0);background:var(--bg-main, #f8fafc);display:inline-block;max-width:100%}body[data-theme=dark] .meta-reference-box{background:var(--bg-hover)}.meta-reference-box img{max-width:120px;max-height:120px;width:auto;height:auto;object-fit:cover;display:block}.detail-actions{display:flex;flex-wrap:wrap;gap:12px}.action-btn{padding:10px 18px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}.action-btn.primary{background:var(--accent, #6366f1);color:var(--primary-fg, #fff)}.action-btn.primary:hover{filter:brightness(1.05)}.action-btn.secondary{background:transparent;border-color:var(--border, #e2e8f0);color:var(--text-main)}.action-btn.secondary:hover{background:var(--bg-main, #f8fafc)}body[data-theme=dark] .action-btn.secondary:hover{background:var(--bg-hover)}.mega-assets-empty{padding:32px 20px;text-align:center;border:1px dashed var(--border, #e2e8f0);border-radius:16px;background:var(--bg-main, #f8fafc)}.mega-assets-empty.subtle{padding:20px;font-size:13px;color:var(--text-sub)}.mega-assets-empty .text-muted{margin-bottom:16px}.mega-assets-loading{text-align:center;padding:24px;color:var(--text-sub);font-size:14px}.mega-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.mega-asset-card{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid var(--border, #e2e8f0);cursor:pointer;background:var(--bg-main, #f1f5f9);transition:transform .15s ease,box-shadow .15s ease}.mega-asset-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.mega-asset-card:focus-visible{outline:2px solid var(--accent, #6366f1);outline-offset:2px}.mega-asset-card img{width:100%;height:100%;object-fit:cover;display:block}.mega-asset-remove{position:absolute;bottom:6px;right:6px;padding:4px 8px;font-size:11px;font-weight:600;border:none;border-radius:6px;background:#0f172abf;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}.mega-asset-card:hover .mega-asset-remove{opacity:1}.mega-close-btn{position:absolute;top:24px;right:24px;width:36px;height:36px;border-radius:18px;border:none;background:#e2e8f099;color:var(--text-main);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2}.mega-close-btn:hover{background:var(--bg-hover)}body[data-theme=dark] .mega-close-btn{background:#ffffff14}body[data-theme=dark] .mega-close-btn:hover{background:#ffffff24}.mega-account-logout{display:none;margin-top:8px;padding-top:24px;border-top:1px solid var(--border)}@media(max-width:1024px),(max-width:1366px)and (pointer:coarse){.mega-modal-overlay{padding:0;align-items:stretch}.mega-modal-container{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;flex-direction:column;border:none}.mega-sidebar{width:100%;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border)}.mega-sidebar-header{display:none}.mega-sidebar-nav{flex:none;flex-direction:row;overflow-x:auto;padding:10px 12px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mega-sidebar-nav::-webkit-scrollbar{display:none}.mega-sidebar-nav button{flex-shrink:0;width:auto;padding:8px 14px;font-size:14px;white-space:nowrap}.mega-sidebar-nav .nav-icon,.mega-sidebar-footer--desktop{display:none}.mega-content-area{flex:1;min-height:0;padding:16px;padding-top:calc(52px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.mega-content-area h2{font-size:22px;margin-bottom:8px}.mega-section{margin-bottom:28px}.mega-account-logout{display:block}.mega-close-btn{top:calc(12px + env(safe-area-inset-top,0px));right:12px}.mega-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-content-split{flex-direction:column;padding:16px;gap:20px;overflow-y:auto}.detail-image-zone{min-height:200px}}.canvas-top-right{position:absolute;top:1.25rem;right:clamp(1.5rem,5vw,3rem);z-index:2000;pointer-events:auto;display:flex;align-items:center;gap:10px}.canvas-skill-entry-btn{height:42px;padding:0 14px 0 10px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#ffffffc2;color:#111827;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);display:inline-flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 10px 30px #0f172a14;transition:border-color .18s ease,background .18s ease,transform .18s ease}.canvas-skill-entry-btn:hover{border-color:#0f172a38;background:#ffffffeb;transform:translateY(-1px)}.canvas-skill-entry-btn.has-selection{border-color:#14b8a66b;background:linear-gradient(135deg,#f0fdfae6,#ffffffd6)}.canvas-skill-entry-btn__mark{width:26px;height:26px;border-radius:10px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:.04em;font-family:SFMono-Regular,Cascadia Mono,monospace}.canvas-skill-entry-btn__copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1;min-width:0}.canvas-skill-entry-btn__copy strong{font-size:13px;font-weight:760;letter-spacing:-.01em}.canvas-skill-entry-btn__copy small{max-width:112px;font-size:10px;font-weight:600;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-theme=dark] .canvas-skill-entry-btn{background:#141418b8;border-color:#ffffff1a;color:#f8fafc}body[data-theme=dark] .canvas-skill-entry-btn__mark{background:#f8fafc;color:#111827}.mini-tool-btn{height:32px;padding:0 12px;font-size:13px;font-weight:500;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all .15s}.mini-tool-btn:hover{background:var(--bg-hover, #f1f5f9)}body[data-theme=dark] .mini-tool-btn:hover{background:#ffffff0f}.skeleton-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e2e8f0,#f0f0f0 75%);background-size:200% 100%;animation:img-skeleton-shimmer 1.5s infinite linear;color:transparent}body[data-theme=dark] .skeleton-loading{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%}@keyframes img-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bg-canvas{position:absolute;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;transition:opacity 1s ease}.canvas-workspace{position:absolute;inset:0;z-index:10;pointer-events:none;will-change:transform}.gen-card{position:absolute;left:0;top:0;width:360px;background:var(--bg-dock);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid transparent!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-float-soft);display:flex;flex-direction:column;pointer-events:auto;transition:box-shadow .14s ease,opacity .14s ease;overflow:visible!important;transform-origin:center center;will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none}.gen-card:hover{box-shadow:var(--shadow-float-strong)}.canvas-workspace.is-dragging-canvas-item .gen-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;transition:none!important}.canvas-workspace.is-dragging-canvas-item .card-img,.canvas-workspace.is-dragging-canvas-item .card-img-box img,.canvas-workspace.is-dragging-canvas-item .canvas-node-shell{animation:none!important;transition:none!important;box-shadow:none!important;filter:none!important}.card-header{position:absolute;bottom:calc(100% - 1px);left:24px;right:24px;height:38px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#ffffffa6;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.8);border-bottom:none;border-radius:14px 14px 0 0;cursor:grab;z-index:0;box-shadow:inset 0 1px 1px #fff,0 -4px 16px #0000000f;transition:all .3s}body[data-theme=dark] .card-header{background:#28282dbf;border:1px solid rgba(255,255,255,.15);border-bottom:none;box-shadow:inset 0 1px 1px #ffffff1a,0 -4px 16px #0006}.card-header:active{cursor:grabbing;background:var(--bg-hover)}.drag-handle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-main);flex:1}.drag-icon{color:var(--text-sub);opacity:.5}.card-controls{display:flex;gap:6px;align-items:center;margin-right:-4px}.card-btn{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-sub);cursor:pointer;transition:.2s}.card-btn svg{width:16px;height:16px}.card-btn.share:hover{background:#6366f11a;color:var(--accent)}.card-btn.delete:hover{background:#ef44441a;color:var(--danger)}.card-img-box{width:100%;position:relative;background:var(--bg-sidebar);cursor:zoom-in;margin:0;border:none;border-radius:19px 19px 0 0;overflow:hidden;z-index:1;transition:none}.card-img-box img{width:100%;display:block;object-fit:cover;max-height:840px;transition:opacity .16s ease;opacity:0;animation:imageFadeIn .6s cubic-bezier(.22,1,.36,1) forwards}.gen-card:hover .card-img-box img{transform:none}.card-bottom{padding:16px;display:flex;flex-direction:column;gap:14px;background:transparent;border-radius:0 0 20px 20px;position:relative;z-index:2}.card-prompt{font-size:12px;color:var(--text-main);line-height:1.6;word-break:break-word;font-weight:400}.card-refs-wrapper{position:relative;height:50px;margin:2px 0;z-index:10;flex:1}.card-refs{position:absolute;left:0;top:0;width:60px;height:100%}.card-ref-img{position:absolute!important;top:4px!important;width:44px!important;height:44px!important;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px #00000026;transition:all .45s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom left!important;cursor:pointer}.card-refs .card-ref-img:nth-child(1){left:0!important;z-index:3;transform:rotate(-4deg);opacity:1;pointer-events:auto}.card-refs .card-ref-img:nth-child(2){left:4px!important;z-index:2;transform:rotate(2deg);opacity:1;pointer-events:auto}.card-refs .card-ref-img:nth-child(3){left:8px!important;z-index:1;transform:rotate(8deg);opacity:1;pointer-events:auto}.card-refs .card-ref-img:nth-child(n+4){left:8px!important;z-index:0;transform:rotate(8deg);opacity:0;pointer-events:none}.card-refs:hover .card-ref-img{opacity:1!important;pointer-events:auto!important;box-shadow:0 8px 16px #0003}.card-refs:hover .card-ref-img:nth-child(1){left:-5px!important;z-index:10;transform:rotate(-8deg) scale(1.15) translateY(-8px)!important}.card-refs:hover .card-ref-img:nth-child(2){left:30px!important;z-index:11;transform:rotate(-2deg) scale(1.15) translateY(-8px)!important}.card-refs:hover .card-ref-img:nth-child(3){left:65px!important;z-index:12;transform:rotate(4deg) scale(1.15) translateY(-8px)!important}.card-refs:hover .card-ref-img:nth-child(4){left:100px!important;z-index:13;transform:rotate(10deg) scale(1.15) translateY(-8px)!important}.card-refs:hover .card-ref-img:nth-child(n+5){left:135px!important;z-index:14;transform:rotate(16deg) scale(1.15) translateY(-8px)!important}.card-refs .card-ref-img:hover{transform:scale(1.3) translateY(-12px)!important;z-index:50!important;box-shadow:0 10px 20px -5px #0006!important;border-color:var(--accent)!important}.card-actions{display:flex;gap:16px;border-top:1px dashed var(--border);padding-top:14px;justify-content:center}.action-link{font-weight:500;font-size:11px;color:#64748b;letter-spacing:.3px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:.2s}.action-link:hover{color:var(--accent)}.input-island-wrapper{position:fixed;bottom:24px;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:0 20px;z-index:2000;pointer-events:none;transition:transform .6s cubic-bezier(.25,1,.5,1);will-change:transform}.input-island-wrapper.centered{transform:translateY(calc(-50vh + 50% + 50px))}@keyframes fadeSlide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.status-text-anim{animation:fadeSlide .4s ease-out forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.greeting-header{width:100%;max-width:760px;margin-bottom:24px;text-align:left;pointer-events:auto;padding-left:8px;animation:slideUpFade .9s cubic-bezier(.34,1.56,.64,1) forwards}.greeting-title{font-size:26px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-main) 0%,var(--text-sub) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.greeting-sub{font-size:13px;color:var(--text-sub);font-weight:400}.input-dock{width:100%;max-width:760px;background:#fffffff2;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.65);border-radius:24px;box-shadow:0 12px 40px -12px #00000014,inset 0 0 0 1px #fff6;padding:16px;pointer-events:auto;transition:border-color .28s cubic-bezier(.25,.8,.25,1),box-shadow .28s cubic-bezier(.25,.8,.25,1),background .28s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;gap:6px;position:relative}body[data-theme=dark] .input-dock{background:#222226f2;border-color:#ffffff1a;box-shadow:0 12px 40px -12px #0000004d}.input-dock--landing{max-width:min(96vw,960px)}.input-dock--landing .thumb-zone.empty{min-height:56px}.input-dock--landing .input-area textarea{min-height:clamp(200px,38vh,480px);font-size:16px;line-height:1.55}.thumb-zone{min-height:120px;display:flex;flex-direction:column;justify-content:center;border-radius:12px;transition:all .3s cubic-bezier(.25,1,.5,1);position:relative;z-index:20}.thumb-zone.empty{border:1px dashed var(--border);cursor:pointer;align-items:center;color:var(--text-sub);font-size:13px;font-weight:500;background:#00000005}.thumb-zone-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;text-align:center;line-height:1.45}.thumb-zone.empty:hover{border-color:var(--accent);color:var(--accent);background:#6366f10d}.thumb-zone.dragover{min-height:140px;border-color:var(--accent);background:#6366f11a;transform:scale(1.02)}.thumb-zone:not(.empty){min-height:0;justify-content:flex-start}.input-dock.compact .thumb-zone{min-height:40px}.input-dock.compact{padding:10px 14px;gap:6px;border-radius:16px;transition:border-color .28s cubic-bezier(.25,.8,.25,1),box-shadow .28s cubic-bezier(.25,.8,.25,1),background .28s cubic-bezier(.25,.8,.25,1)}.input-dock.compact .input-area textarea{box-sizing:border-box;min-height:72px;min-height:calc(2lh + 16px);max-height:80vh;overflow-y:auto;font-size:14px;padding:8px 4px;transition:background .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),border-color .3s cubic-bezier(.25,.8,.25,1),padding .2s ease}.input-dock.compact .input-area textarea:focus{min-height:72px;min-height:calc(2lh + 28px);max-height:80vh;padding:14px 4px}.input-dock.compact .quick-prompts{margin-bottom:2px;padding-top:4px;padding-bottom:4px;border-top-color:transparent;padding-right:140px}.input-dock.compact .dock-tools{margin-right:140px;margin-top:0;min-height:32px}.input-dock.compact .btn-send{width:40px;height:40px;border-radius:12px}.input-dock.compact .btn-send svg{width:18px;height:18px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.feed-bubble{position:absolute;top:-12px;right:24px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;box-shadow:0 4px 12px #6366f166;pointer-events:none;animation:bounce 2s infinite ease-in-out;z-index:10}.feed-bubble:after{content:"";position:absolute;bottom:-4px;right:12px;border-width:4px 4px 0;border-style:solid;border-color:var(--accent) transparent transparent transparent}.thumb-strip{display:flex;gap:12px;overflow-x:auto;padding:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;align-items:center}.thumb-strip::-webkit-scrollbar{height:4px}.thumb-strip::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.thumb-strip::-webkit-scrollbar-track{background:transparent}.thumb-add-btn{width:64px;height:90px;flex-shrink:0;border:1px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-sub);font-size:24px;cursor:pointer;transition:all .2s;background:#00000005}.thumb-add-btn:hover{border-color:var(--accent);color:var(--accent);background:#6366f10d}.list-move,.list-enter-active,.list-leave-active{transition:all .3s ease}.list-enter-from,.list-leave-to{opacity:0;transform:scale(.8)}.list-leave-active{position:absolute}.thumb-unit{display:flex;flex-direction:column;width:64px;flex-shrink:0;gap:4px;position:relative;background:transparent;margin:0!important}.thumb-unit.dragging{opacity:.3;transform:scale(.95);filter:grayscale(1)}.thumb-box{width:64px;height:64px;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:transform .2s}.thumb-box img{width:100%;height:100%;object-fit:cover;transition:.3s}.thumb-box:hover img{filter:brightness(.6)}.edit-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#0000004d;opacity:0;transition:.2s;pointer-events:none}.thumb-box:hover .edit-hint{opacity:1}.uploading-overlay{position:absolute;inset:0;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:10}.uploading-overlay .spinner{width:24px;height:24px;animation:rotate 2s linear infinite}.uploading-overlay .spinner .path{stroke:#ffffffe6;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.thumb-box.error{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.thumb-num{position:absolute;top:4px;left:4px;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#ffffffe6;font-size:9px;font-weight:600;width:16px;height:16px;border-radius:6px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;box-shadow:0 2px 4px #0000001a}.thumb-ctrls{display:flex;justify-content:space-between;align-items:center;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:6px;height:20px;overflow:hidden}.handle{flex:1;display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--text-sub);font-size:10px}.handle:active{cursor:grabbing;background:var(--border)}.del{width:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-sub);border-left:1px solid var(--border);font-size:12px}.del:hover{background:#fee2e2;color:var(--danger)}.input-row{display:flex;flex-direction:column;gap:4px}.prompt-row{position:relative;width:100%}.prompt-row .input-area{min-width:0}.input-area{width:100%;position:relative}.input-area textarea{width:100%;box-sizing:border-box;min-height:72px;min-height:calc(2lh + 16px);max-height:80vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.14) transparent;background:transparent;border:1px solid transparent;border-radius:16px;padding:8px 16px;color:var(--text-main);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-regular);line-height:1.6;resize:none;outline:none!important;box-shadow:none!important;transition:background .24s cubic-bezier(.25,.8,.25,1),box-shadow .24s cubic-bezier(.25,.8,.25,1),border-color .24s cubic-bezier(.25,.8,.25,1)}.input-area textarea:focus{min-height:72px;min-height:calc(2lh + 16px);max-height:80vh;padding:8px 16px;outline:none!important;box-shadow:none!important;border-color:transparent!important;background:#00000005}body[data-theme=dark] .input-area textarea:focus{background:#ffffff0a}body[data-theme=dark] .input-area textarea{scrollbar-color:rgba(255,255,255,.12) transparent}.input-area textarea::-webkit-scrollbar{width:4px}.input-area textarea::-webkit-scrollbar-track{background:transparent}.input-area textarea::-webkit-scrollbar-thumb{background:#0000001f;border-radius:100px}.input-area textarea::-webkit-scrollbar-thumb:hover{background:#0003}body[data-theme=dark] .input-area textarea::-webkit-scrollbar-thumb{background:#ffffff1a}body[data-theme=dark] .input-area textarea::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.quick-prompts{display:flex;gap:8px;padding:8px 70px 8px 4px;margin-top:4px;margin-bottom:24px;border-top:1px dashed var(--border);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:all .3s}.quick-prompts:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.quick-prompts::-webkit-scrollbar{height:4px}.quick-prompts::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.quick-prompts:hover::-webkit-scrollbar-thumb{background:#0003}.prompt-tag{font-size:10px;padding:4px 10px;border-radius:20px;background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-sub);cursor:pointer;white-space:nowrap;flex-shrink:0;line-height:1.4;transition:all .2s;position:relative}.prompt-tag:hover{background:#eef2ff;color:var(--accent);border-color:#6366f133;padding-right:24px}.tag-del{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:#0000001a;display:none;align-items:center;justify-content:center;font-size:9px;color:#fff}.prompt-tag:hover .tag-del{display:flex}.tag-del:hover{background:var(--danger)}.tag-add{color:var(--accent);font-weight:700;border-style:dashed;padding-right:10px}.dock-tools{display:flex;justify-content:space-between;align-items:center;margin-top:4px;margin-right:70px;min-height:40px;position:relative;transition:all .3s}.tools-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip{height:32px;padding:0 18px;border-radius:100px;background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-main);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.chip:hover{background:var(--bg-hover)}.chip.active{background:#475569;color:#fff;border-color:#475569;box-shadow:0 2px 8px -2px #47556966}.btn-send{width:48px;height:48px;border-radius:14px;background:var(--primary);color:var(--primary-fg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;box-shadow:0 10px 20px -5px #0003}.btn-send svg{width:20px;height:20px;transition:all .3s}.btn-send:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 15px 30px -5px #0000004d}.btn-send:disabled{opacity:.3;cursor:not-allowed;background:var(--text-sub);transform:none;box-shadow:none;pointer-events:none}.canvas-controls{position:absolute;right:24px;bottom:24px;z-index:100}.canvas-controls button{background:transparent;border:none;width:32px;height:32px;border-radius:8px;color:var(--text-main);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px}.canvas-controls button:hover{background:var(--bg-hover);color:var(--accent)}.canvas-controls button.active-snap{border:none!important;background:#0000000f!important;color:var(--text-main)!important;box-shadow:none!important;border-radius:50%}body[data-theme=dark] .canvas-controls button.active-snap{background:#ffffff1a!important;border:none!important}.popover{position:absolute;bottom:130%;left:0;background:#fffffff2;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.65);border-radius:16px;padding:16px;box-shadow:0 12px 40px -12px #00000026,inset 0 0 0 1px #fff6;z-index:200}body[data-theme=dark] .popover{background:#222226f2;border-color:#ffffff1a;box-shadow:0 12px 40px -12px #0000004d,inset 0 0 0 1px #ffffff0d}.modal-mask{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.modal-mask.open{visibility:visible;opacity:1}.modal-box{background:var(--bg-surface);padding:24px;border-radius:20px;width:480px;max-width:90%;box-shadow:var(--shadow-float);transform:scale(.95);transition:transform .2s;position:relative}.modal-mask.open .modal-box{transform:scale(1)}.auth-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:20px;cursor:pointer;color:var(--text-main);line-height:1;transition:background .2s,color .2s}.auth-modal-close:hover{background:var(--bg-hover);color:var(--accent)}.floating-login-btn{position:fixed;bottom:24px;right:24px;z-index:99;display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,var(--accent) 0%,#7c3aed 100%);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #6366f166;transition:transform .2s,box-shadow .2s}.floating-login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6366f180}.input-std{width:100%;padding:12px;border:1px solid var(--border);background:var(--bg-sidebar);color:var(--text-main);border-radius:10px;margin-top:6px;font-family:inherit;margin-bottom:16px;outline:none;transition:all .3s}.input-std:focus{border-color:var(--accent)}.uc-tab{padding:12px 20px;font-size:12px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;border-left:3px solid transparent}.uc-tab:hover{background:var(--bg-hover);color:var(--text-main)}.uc-tab.active{background:#6366f10d;color:var(--accent);border-left-color:var(--accent)}.lang-selector-wrap .lang-select-btn{display:flex;align-items:center;gap:8px}.lang-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-float);overflow:hidden;z-index:100;min-width:180px}.lang-option{padding:10px 16px;font-size:13px;cursor:pointer;transition:background .2s}.lang-option:hover{background:var(--bg-hover)}.lang-option.active{background:#fff!important;color:var(--text-main)!important;font-weight:600;box-shadow:0 1px 4px #00000014;border-radius:8px}body[data-theme=dark] .lang-option.active{box-shadow:0 2px 8px #0003}.detail-card{background:var(--bg-surface);width:1000px;max-width:95%;height:85vh;border-radius:20px;display:flex;overflow:hidden;box-shadow:var(--shadow-float);border:1px solid var(--border)}.detail-img-col{flex:1.5;background:#000;display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-in;position:relative;overflow:hidden}.detail-img-col img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.detail-info-col{flex:1;padding:32px;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-surface);border-left:1px solid var(--border)}.detail-meta-item{margin-bottom:24px}.detail-label{font-size:11px;font-weight:600;color:var(--text-sub);text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.detail-value{font-size:13px;color:var(--text-main);line-height:1.6;white-space:pre-wrap;position:relative}.btn-action{padding:14px;border-radius:12px;font-weight:500;font-size:14px;text-align:center;cursor:pointer;border:1px solid var(--border);background:var(--bg-sidebar);color:var(--text-main);transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.btn-action:hover{background:var(--bg-hover);border-color:var(--text-sub)}.btn-action.primary{background:var(--primary);color:var(--primary-fg);border:none}.btn-action.primary:hover{opacity:.9}.btn-action.danger{color:var(--danger);border-color:#ef444433;background:#ef44440d}.lightbox{position:fixed;inset:0;background:#000000f2;z-index:2000;display:none;align-items:center;justify-content:center;overflow:hidden;animation:fadeIn .2s}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;transform-origin:center}.ratio-preview{display:inline-block;border:1.5px solid currentColor;border-radius:2px;margin-right:6px;vertical-align:middle;position:relative;top:-1px;flex:0 0 auto;box-sizing:border-box}.ratio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ratio-item{padding:8px;border:1px solid var(--border);border-radius:8px;text-align:center;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ratio-item:hover{background:var(--bg-hover)}.ratio-item.active{border-color:var(--accent);background:#6366f10d;color:var(--accent);font-weight:600}.model-list{display:flex;flex-direction:column;gap:4px}.model-item{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-main);display:flex;align-items:center;justify-content:space-between}.model-item:hover{background:var(--bg-hover)}.model-item.active{background:#6366f10d;color:var(--accent);font-weight:600}.resolution-list{display:flex;flex-direction:column;gap:4px}.resolution-item{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-main);display:flex;align-items:center;justify-content:space-between}.resolution-item:hover{background:var(--bg-hover)}.resolution-item.active{background:#6366f10d;color:var(--accent);font-weight:600}.resolution-item .res-price{font-size:12px;color:var(--text-sub);margin-left:8px}.resolution-item .res-price s{margin-right:4px;color:var(--text-sub);opacity:.8}.camera-ui{display:flex;gap:16px;align-items:center}.radar{width:80px;height:80px;border-radius:50%;border:1px solid var(--border);background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.03) 21%,transparent 22%),var(--bg-sidebar);position:relative;cursor:crosshair}.radar-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none}.tool-btn{height:36px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--bg-sidebar);color:var(--text-main);display:flex;align-items:center;gap:6px;transition:all .2s}.tool-btn:hover{background:var(--bg-hover);transform:translateY(-1px)}.tool-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tool-icon-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--bg-sidebar);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.tool-icon-btn:hover{background:var(--bg-hover)}.tool-icon-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.num-font{font-family:Rajdhani,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-variant-numeric:tabular-nums}.uc-history-list{max-height:60vh;overflow-y:auto;padding-right:4px}.price-by-send{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:color .2s}.price-by-send .price-strike{color:var(--text-sub);font-weight:500;text-decoration:line-through}.price-by-send .price-deduct{color:var(--accent);font-weight:700}.price-by-send.cost-insufficient .price-deduct{color:var(--danger)}.tech-cost-display{font-family:Rajdhani,Orbitron,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;height:100%;transition:color .3s;text-shadow:0 0 10px rgba(0,0,0,.1)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:4px}.highlight-star-btn{position:absolute!important;inset:12px 12px auto auto!important;width:34px;height:34px;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;opacity:0;transform:translateY(-8px);transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:10;border:1px solid rgba(255,255,255,.2)}.highlight-star-btn svg{width:16px;height:16px;transition:transform .2s,fill .2s}.highlight-star-btn:hover{background:#000000d9!important;border-color:#000!important;color:#fff!important;box-shadow:0 4px 12px #0003!important}.highlight-star-btn:hover svg{transform:scale(1.15);fill:#fff}.highlight-star-btn.active{opacity:1;transform:translateY(0);background:var(--primary)!important;border-color:var(--primary)!important;color:var(--primary-fg)!important}.highlight-star-btn.active svg{fill:currentColor}.card-img-box:hover .highlight-star-btn{opacity:1;transform:translateY(0)}.card-bubble-dropdown{margin-top:4px;width:80px;background:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 40px -10px #00000026;border-radius:8px;overflow:hidden;transition:opacity .2s}.card-bubble-item{padding:8px 12px;font-size:11px;font-weight:600;color:#475569;text-align:center;cursor:pointer;transition:background .15s,color .15s}.card-bubble-item:hover{background:#f1f5f9cc;color:#4f46e5}.card-bubble-item-danger:hover{background:#fee2e2cc;color:#e11d48}.card-bubble-divider{height:1px;width:100%;background:#e2e8f099}.cloud-sync-status{position:absolute;right:24px;bottom:64px;background:var(--bg-dock);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;color:var(--text-sub);box-shadow:var(--shadow-card);z-index:100;display:flex;align-items:center;gap:6px;transition:all .3s ease}@keyframes imageFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.cloud-sync-status.synced{color:var(--success)}.custom-dialog-box{width:360px;padding:24px;text-align:center}.custom-dialog-box h3{margin:0 0 16px;font-size:16px;color:var(--text-main)}.custom-dialog-box .dialog-desc{font-size:13px;color:var(--text-sub);line-height:1.5;margin-bottom:24px;word-break:break-all}.dialog-footer{display:flex;gap:12px;margin-top:24px}.dialog-btn{flex:1;height:42px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.dialog-btn.cancel{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main)}.dialog-btn.cancel:hover{background:var(--border)}.dialog-btn.confirm{background:var(--accent);border:none;color:#fff}.dialog-btn.confirm:hover{filter:brightness(1.1);transform:translateY(-1px)}.dialog-btn.confirm.danger{background:var(--danger)}.marquee-selection-box{position:fixed;background-color:#0d99ff1a;border:1px solid rgba(13,153,255,.95);pointer-events:none;z-index:9999;box-shadow:0 0 0 1px #ffffff52 inset}.canvas-node-selected{outline:2px solid var(--accent);outline-offset:4px;border-radius:14px}.gen-card.is-selected-node{box-shadow:0 8px 32px -4px #00000014}.is-selected-node{outline:none!important;z-index:60}.gen-card.is-selected{outline:none!important;box-shadow:var(--shadow-float-soft)}.resize-handle{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid #0ea5e9;border-radius:2px;pointer-events:auto;box-shadow:0 1px 3px #0003}.resize-handle.top-left{top:-5px;left:-5px;cursor:nwse-resize}.resize-handle.top-right{top:-5px;right:-5px;cursor:nesw-resize}.resize-handle.bottom-left{bottom:-5px;left:-5px;cursor:nesw-resize}.resize-handle.bottom-right{bottom:-5px;right:-5px;cursor:nwse-resize;background:#0ea5e9;border-color:#fff}.resize-handle.bottom-right:active{transform:scale(1.2)}.smart-guide-v{position:absolute;top:-100000px;bottom:-100000px;width:1px;background:#ec4899;z-index:9999;pointer-events:none}.smart-guide-h{position:absolute;left:-100000px;right:-100000px;height:1px;background:#ec4899;z-index:9999;pointer-events:none}.selection-bounding-box{position:absolute;border:1px solid rgba(13,153,255,.95);background:#0d99ff04;pointer-events:none;z-index:1000;transition:none;box-shadow:0 0 0 1px #ffffff80}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:115%;left:50%;transform:translate(-50%) translateY(4px);background:var(--bg-dock)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid var(--border)!important;color:var(--text-main)!important;border-radius:999px!important;padding:6px 14px!important;font-size:12px!important;font-weight:500!important;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #0000000d!important;z-index:9999}.global-tools-right [data-tip]:after{inset:50% 115% auto auto;transform:translateY(-50%) translate(4px)}.canvas-controls [data-tip]:after{bottom:120%}[data-tip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.global-tools-right [data-tip]:hover:after{transform:translateY(-50%) translate(0)}.popover-item.active{background:var(--bg-hover);color:#475569;font-weight:600}.uc-tab.active{background:#0000000d!important;color:var(--primary)!important;border-left-color:var(--primary)!important}body[data-theme=dark] .uc-tab.active{background:#ffffff0d!important}.resize-bounding-box{position:absolute;inset:0;border:none;pointer-events:none;z-index:99;border-radius:20px;transition:border-radius .3s}.resize-handle{position:absolute;width:8px;height:8px;background:var(--bg-surface);border:1px solid var(--primary);border-radius:2px;pointer-events:auto;box-shadow:0 1px 2px #0000001a;transition:all .2s}.resize-handle.top-left{top:-4px;left:-4px;cursor:nwse-resize}.resize-handle.top-right{top:-4px;right:-4px;cursor:nesw-resize}.resize-handle.bottom-left{bottom:-4px;left:-4px;cursor:nesw-resize}.resize-handle.bottom-right{bottom:-4px;right:-4px;cursor:nwse-resize;background:var(--bg-surface);border-color:var(--primary)}.resize-handle:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.25)}.canvas-workspace{user-select:none;-webkit-user-select:none}.gen-card img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:none}.global-toast{position:fixed;top:32px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--primary-fg);padding:10px 24px;border-radius:100px;font-size:13px;font-weight:500;box-shadow:0 12px 24px -6px #0003;z-index:10000;pointer-events:none;letter-spacing:.5px}.toast-fade-enter-active,.toast-fade-leave-active{transition:all .3s cubic-bezier(.25,.8,.25,1)}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%,-20px)}.context-menu{position:fixed;background:var(--bg-dock);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--border);box-shadow:var(--shadow-float);border-radius:12px;padding:6px;min-width:180px;z-index:9999;display:flex;flex-direction:column;gap:2px}.context-menu-item{padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item.danger{color:var(--danger)}.context-menu-item.danger:hover{background:#ef44441a}.context-menu-divider{height:1px;background:var(--border);margin:4px 0}.menu-fade-enter-active,.menu-fade-leave-active{transition:all .2s;transform-origin:top left}.menu-fade-enter-from,.menu-fade-leave-to{opacity:0;transform:scale(.95)}.command-palette-wrapper{position:fixed;transform:translate(-50%,-50%);z-index:9999;width:440px}.command-palette-inner{display:flex;align-items:center;background:var(--bg-dock);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;border-radius:16px;padding:10px 16px;gap:12px;transition:all .2s}.command-palette-inner:focus-within{border-color:var(--primary);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px var(--primary)}.cmd-icon{color:var(--text-main)}.command-palette-inner input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:15px;height:32px;outline:none;font-weight:500}.command-palette-inner input::placeholder{color:var(--text-sub);opacity:.7}.cmd-hint{background:var(--bg-hover);color:var(--text-sub);font-size:14px;padding:4px 8px;border-radius:8px;font-family:monospace;border:1px solid var(--border);font-weight:600}.palette-fade-enter-active,.palette-fade-leave-active{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.palette-fade-enter-from,.palette-fade-leave-to{opacity:0;transform:translate(-50%,-40%) scale(.95);filter:blur(4px)}.selection-floating-toolbar{position:fixed;top:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:var(--bg-dock)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid var(--border)!important;border-radius:999px!important;padding:6px 12px!important;box-shadow:0 8px 24px #00000014!important;z-index:9999}.selection-floating-toolbar:not(:has(.selection-count)){display:none}.selection-floating-toolbar .align-btn,.selection-floating-toolbar button{border-radius:999px!important;background:transparent!important;border:none!important;padding:6px 10px!important;transition:background .2s!important;width:auto!important;height:auto!important;min-width:32px;min-height:32px}.selection-floating-toolbar .align-btn:hover,.selection-floating-toolbar button:hover{background:var(--bg-hover)!important}.selection-count{font-size:12px;font-weight:600;color:var(--accent);padding:0 6px;-webkit-user-select:none;user-select:none}.toolbar-divider{width:1px;height:16px;background:var(--border);margin:0 4px}.align-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.align-btn:hover{background:var(--bg-hover);color:var(--accent)}.fade-slide-up-enter-active,.fade-slide-up-leave-active,.fade-slide-down-enter-active,.fade-slide-down-leave-active{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.fade-slide-up-enter-from,.fade-slide-up-leave-to{opacity:0;transform:translate(-50%,24px) scale(.92)}.fade-slide-down-enter-from,.fade-slide-down-leave-to{opacity:0;transform:translate(-50%,-24px) scale(.92)}.wireframe-btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 16px;border-radius:999px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border);color:var(--text-main);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:none}.wireframe-btn:hover{background:var(--bg-dock);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#0000001f;color:#475569;box-shadow:0 4px 12px -2px #0000000f;transform:translateY(-1px)}.wireframe-btn svg{opacity:.8}.wireframe-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:none}.wireframe-icon-btn svg{width:14px;height:14px;opacity:.75}.wireframe-icon-btn:hover{background:var(--bg-dock);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#0000001f;color:#475569;box-shadow:0 4px 12px -2px #0000000f;transform:translateY(-1px)}.card-img-box .card-img{width:100%;display:block;object-fit:cover;max-height:840px;vertical-align:middle}.card-menu-trigger{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-sub);cursor:pointer;background:transparent;transition:all .2s}.card-menu-trigger:hover{background:#0000000d;color:var(--text-main)}body[data-theme=dark] .card-menu-trigger:hover{background:#ffffff1a}.context-top-dock{position:absolute;bottom:calc(100% + 16px);left:50%;display:flex;align-items:center;gap:4px;background:#ffffffb3;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 24px -6px #0000001f,inset 0 0 0 1px #ffffff80;border-radius:999px;padding:6px 8px;z-index:50;white-space:nowrap}body[data-theme=dark] .context-top-dock{background:#28282db3;border-color:#ffffff26;box-shadow:0 8px 24px -6px #0000004d,inset 0 0 0 1px #ffffff0d}.dock-action-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;border:none;background:transparent;color:var(--text-main);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.dock-action-btn:hover{background:var(--bg-hover);color:var(--accent)}.dock-action-btn.danger:hover{background:#ef444414;color:var(--danger)}.dock-divider{width:1px;height:12px;background:#00000014;margin:0 2px}.dock-action-btn svg{stroke-width:1.5}.context-bottom-wrapper{position:absolute;top:calc(100% + 16px);left:50%;display:flex;flex-direction:column;align-items:flex-end;z-index:50}.context-bottom-capsule{display:flex;align-items:center;gap:12px;background:var(--bg-dock);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 32px -6px #0000001f;border-radius:16px;padding:10px 14px;width:max-content;max-width:420px}.capsule-refs{position:relative;width:56px;height:56px;flex-shrink:0;cursor:pointer;perspective:500px;z-index:20}.capsule-ref-img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 10px #0000002e;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;outline:none;pointer-events:none}.capsule-refs .capsule-ref-img:nth-child(1){transform:rotate(-6deg) translate(-2px);z-index:3;opacity:1}.capsule-refs .capsule-ref-img:nth-child(2){transform:rotate(4deg) translate(4px,-2px);z-index:2;opacity:1}.capsule-refs .capsule-ref-img:nth-child(3){transform:rotate(12deg) translate(8px,-4px);z-index:1;opacity:1}.capsule-refs .capsule-ref-img:nth-child(n+4){transform:rotate(12deg) translate(8px,-4px);z-index:0;opacity:0;pointer-events:none}.capsule-refs:hover .capsule-ref-img{opacity:1!important;pointer-events:auto!important;box-shadow:0 10px 22px #00000038}.capsule-refs:hover .capsule-ref-img:nth-child(1){transform:rotate(-15deg) translate(-25px,-15px) scale(1.6)!important;z-index:30!important}.capsule-refs:hover .capsule-ref-img:nth-child(2){transform:rotate(0) translate(15px,-20px) scale(1.6)!important;z-index:31!important}.capsule-refs:hover .capsule-ref-img:nth-child(3){transform:rotate(15deg) translate(55px,-15px) scale(1.6)!important;z-index:32!important}.capsule-refs:hover .capsule-ref-img:nth-child(4){transform:rotate(20deg) translate(95px,-12px) scale(1.6)!important;z-index:33!important}.capsule-refs:hover .capsule-ref-img:nth-child(5){transform:rotate(25deg) translate(135px,-10px) scale(1.6)!important;z-index:34!important}.capsule-refs:hover .capsule-ref-img:nth-child(6){transform:rotate(30deg) translate(175px,-8px) scale(1.6)!important;z-index:35!important}.capsule-refs:hover .capsule-ref-img:nth-child(7){transform:rotate(35deg) translate(215px,-6px) scale(1.6)!important;z-index:36!important}.capsule-refs:hover .capsule-ref-img:nth-child(n+8){transform:rotate(40deg) translate(255px,-4px) scale(1.6)!important;z-index:37!important}.capsule-info{display:flex;flex-direction:column;gap:6px;flex:1;overflow:hidden}.capsule-template-label{font-size:13px;font-weight:var(--font-semibold);color:var(--text-main);opacity:.88;line-height:1.45}.capsule-skill-lineage{font-size:10px;font-weight:var(--font-medium);color:var(--text-sub);opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-run-edges{position:absolute;overflow:visible;pointer-events:none;color:#6366f180;z-index:1}.skill-run-edge{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:8 8;marker-end:url(#skill-run-arrow);opacity:.6}.skill-run-edge.is-active{color:#22c55ed9;stroke-width:2.5;opacity:.95}.skill-run-panel{position:absolute;right:24px;top:92px;width:220px;max-height:min(44vh,360px);padding:10px;border-radius:14px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--bg-dock, rgba(255, 255, 255, .9));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--shadow-float, 0 12px 32px rgba(0, 0, 0, .1));z-index:230;pointer-events:auto}.skill-run-panel__head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 8px;font-size:11px;font-weight:800;color:var(--text-sub)}.skill-run-panel__head strong{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary);font-size:11px}.skill-run-panel__list{display:flex;flex-direction:column;gap:6px;max-height:calc(min(44vh,360px) - 42px);overflow-y:auto}.skill-run-panel__workflow{width:100%;height:32px;margin-bottom:8px;border:1px solid rgba(99,102,241,.22);border-radius:9px;background:#6366f114;color:var(--color-accent, #6366f1);font-size:12px;font-weight:800;cursor:pointer}.skill-run-panel__workflow:disabled{cursor:not-allowed;opacity:.45}.skill-run-panel__item{display:grid;gap:3px;width:100%;padding:9px;border-radius:10px;border:1px solid transparent;background:transparent;text-align:left;color:var(--text-primary);cursor:pointer}.skill-run-panel__item:hover,.skill-run-panel__item.is-active{background:var(--bg-hover, rgba(0, 0, 0, .045));border-color:var(--border-subtle, rgba(0, 0, 0, .08))}.skill-run-panel__title{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-run-panel__meta{font-size:10px;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-run-panel__status{justify-self:start;font-size:10px;font-weight:800;color:var(--text-sub)}.skill-run-panel__status.is-done{color:#16a34a}.skill-run-panel__status.is-running{color:#4f46e5}.skill-run-panel__status.is-error{color:#dc2626}.workflow-draft-card{position:absolute;inset:46px 14px 14px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(99,102,241,.14);background:#ffffff9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}.workflow-draft-card__meta{font-size:11px;font-weight:800;color:var(--text-sub)}.workflow-draft-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.workflow-draft-card__meta small{display:block;margin-top:2px;font-size:10px;font-weight:700;color:var(--color-accent, #6366f1)}.workflow-draft-card__run{flex:0 0 auto;border:0;border-radius:999px;padding:5px 10px;background:var(--color-accent, #6366f1);color:#fff;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 8px 20px -14px #4f46e5a6;transition:transform .16s ease,opacity .16s ease}.workflow-draft-card__run:hover:not(:disabled){transform:translateY(-1px)}.workflow-draft-card__run:disabled{cursor:not-allowed;opacity:.58}.workflow-draft-card__steps{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.workflow-draft-card__step{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;width:100%;min-height:30px;padding:5px 7px;border-radius:8px;border:0;background:#ffffffc2;color:var(--text-primary);text-align:left;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.workflow-draft-card__step:hover{transform:translateY(-1px);background:#fffffff0;box-shadow:0 8px 20px -16px #0f172a80}.workflow-draft-card__step span{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#6366f11f;color:var(--color-accent, #6366f1);font-size:10px;font-weight:850}.workflow-draft-card__step strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}.workflow-draft-card__step small{display:block;min-width:0;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;color:var(--text-sub)}body[data-theme=dark] .skill-run-panel{background:#0f172ae0}body[data-theme=dark] .workflow-draft-card{background:#0f172aa3}body[data-theme=dark] .workflow-draft-card__step{background:#ffffff0f}body[data-theme=dark] .workflow-draft-card__step:hover{background:#ffffff1a}body[data-theme=dark] .skill-run-edge{color:#818cf89e}@media(max-width:768px){.skill-run-panel{display:none}}.capsule-prompt-wrap{display:flex;align-items:flex-start;gap:8px}.capsule-prompt{font-size:12px;font-weight:var(--font-regular);color:var(--text-main);opacity:.85;line-height:1.5;max-height:52px;overflow-y:auto;word-break:break-all;flex:1}.capsule-copy-btn{background:var(--bg-hover);border:none;color:var(--text-sub);border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;flex-shrink:0}.capsule-copy-btn:hover{background:var(--accent);color:#fff}.capsule-meta{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:var(--font-medium);color:var(--text-sub);opacity:.85;font-variant-numeric:tabular-nums}.meta-dot{width:3px;height:3px;border-radius:50%;background:var(--border)}.gen-card.is-pure{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}.gen-card.is-pure .card-img-box{border-radius:12px;overflow:visible!important;box-shadow:none!important}@property --gen-ring-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.gen-card.is-generating{overflow:visible!important}.gen-card-loading{--gen-ring-r: 12px;--gen-ring-w: 2px;position:relative;width:100%;cursor:grab;border-radius:var(--gen-ring-r);isolation:isolate}.gen-card-loading__ring{position:absolute;inset:0;border-radius:var(--gen-ring-r);padding:var(--gen-ring-w);pointer-events:none;z-index:2;background:conic-gradient(from var(--gen-ring-angle),rgba(99,102,241,.08) 0deg,#6366f1 48deg,#a855f7 96deg,#6366f1 144deg,rgba(99,102,241,.08) 192deg,rgba(99,102,241,.08) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:gen-ring-spin 2.4s linear infinite}.gen-card-loading:not(.is-indeterminate) .gen-card-loading__ring{background:conic-gradient(from calc(var(--gen-ring-angle) - 90deg),#6366f1,#a855f7 calc(var(--gen-progress, 0) * 3.6deg * .55),#6366f1 calc(var(--gen-progress, 0) * 3.6deg),#6366f11a calc(var(--gen-progress, 0) * 3.6deg) 360deg)}.gen-card-loading__surface{position:relative;z-index:1;margin:var(--gen-ring-w);height:calc(100% - var(--gen-ring-w) * 2);border-radius:calc(var(--gen-ring-r) - var(--gen-ring-w));background:var(--bg-hover);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center}body[data-theme=dark] .gen-card-loading__surface{background:#ffffff0a}.gen-card-loading__label{font-size:13px;font-weight:400;letter-spacing:.08em;color:var(--text-sub);opacity:.5;-webkit-user-select:none;user-select:none}.gen-card-loading__error{font-size:11px;line-height:1.45;color:var(--danger);opacity:.85;max-width:90%}@keyframes gen-ring-spin{to{--gen-ring-angle: 360deg;transform:rotate(360deg)}}.edit-bubble-btn{position:absolute;right:16px;bottom:-46px;display:flex;align-items:center;gap:6px;background:#ffffffb3!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.8);color:#18181b!important;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:500;cursor:pointer;box-shadow:0 8px 24px -4px #0000001f,inset 0 0 0 1px #ffffff80;transition:transform .2s}body[data-theme=dark] .edit-bubble-btn{background:#28282db3!important;border-color:#ffffff26;color:#fafafa!important;box-shadow:0 8px 24px -4px #0000004d,inset 0 0 0 1px #ffffff0d}.edit-bubble-btn:hover{transform:translateY(-2px)}.edit-bubble-btn:before{content:"";position:absolute;bottom:-6px;right:12px;width:8px;height:8px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6)}.edit-bubble-btn:after{content:"";position:absolute;bottom:-12px;right:6px;width:4px;height:4px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6)}body[data-theme=dark] .edit-bubble-btn:before,body[data-theme=dark] .edit-bubble-btn:after{background:#28282dd9;border-color:#ffffff1a}.btn-send-capsule{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:4px 4px 4px 12px;cursor:pointer;box-shadow:0 6px 16px -4px #0000001a;transition:all .3s cubic-bezier(.25,.8,.25,1)}body[data-theme=dark] .btn-send-capsule{background:#18181b;border-color:#ffffff1f}.btn-send-capsule:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px -6px #00000026;border-color:#00000026}.btn-send-capsule:disabled{opacity:.5;cursor:not-allowed}.capsule-cost{display:flex;align-items:center;gap:4px}.capsule-cost span{color:#000;font-weight:800;font-size:15px;font-family:Rajdhani,-apple-system,sans-serif}body[data-theme=dark] .capsule-cost span{color:#fff}.capsule-cost.cost-insufficient span{color:var(--danger)}.capsule-send-icon{width:36px;height:36px;border-radius:50%;background:var(--primary);color:var(--primary-fg);display:flex;align-items:center;justify-content:center;transition:transform .2s}.btn-send-capsule:hover:not(:disabled) .capsule-send-icon{transform:scale(1.05)}.history-list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid var(--border);transition:background .2s}.history-list-item:last-child{border-bottom:none}.history-item-left{display:flex;flex-direction:column;gap:4px}.history-item-title{font-size:13px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main)}.history-item-time{font-size:11px;color:var(--text-sub)}.history-item-amount{font-size:15px;font-weight:700}.history-item-amount.earn{color:var(--success)}.history-item-amount.spend{color:var(--text-main)}.split-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.split-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:8px 12px;border-radius:10px;font-size:13px;color:var(--text-main);cursor:pointer;transition:all .2s;border:1px solid transparent}.split-item:hover{background:var(--bg-hover)}.split-item.active{background:#6366f10d;color:var(--accent);border-color:#6366f133;font-weight:600}.segmented-control{display:flex;background:#0000000a;padding:4px;border-radius:12px;gap:4px;border:1px solid rgba(0,0,0,.02)}body[data-theme=dark] .segmented-control{background:#ffffff0d;border-color:#ffffff05}.segment-item{flex:1;text-align:center;padding:8px 0;font-size:12px;font-weight:500;color:var(--text-sub);cursor:pointer;border-radius:8px;transition:all .25s cubic-bezier(.25,.8,.25,1)}.segment-item:hover{color:var(--text-main)}.segment-item.active{background:var(--bg-surface)!important;color:var(--text-main);font-weight:600;border:none!important;box-shadow:var(--shadow-card);border-radius:8px}.segmented-control.segmented-control--dropdown{width:100%;max-width:320px}.segmented-control.segmented-control--dropdown .segment-item.lang-select-btn{appearance:none;-webkit-appearance:none;border:none;background:var(--bg-surface)!important;color:var(--text-main);font-weight:600;font-size:12px;font-family:inherit;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:space-between;padding:8px 12px;width:100%;cursor:pointer;flex:1;text-align:left}.chip,.tool-btn,.wireframe-btn{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(0,0,0,.04)!important;color:var(--text-main)!important;box-shadow:none!important;border-radius:999px!important;transition:all .2s ease!important;height:44px!important;padding:0 20px!important;font-size:14px!important}body[data-theme=dark] .chip,body[data-theme=dark] .tool-btn,body[data-theme=dark] .wireframe-btn{background:transparent!important;border-color:#ffffff14!important;box-shadow:none!important}.chip:hover,.tool-btn:hover,.wireframe-btn:hover{background:var(--bg-hover)!important;border-color:#00000014!important;transform:none!important}body[data-theme=dark] .chip:hover,body[data-theme=dark] .tool-btn:hover,body[data-theme=dark] .wireframe-btn:hover{background:#ffffff0d!important;border-color:#ffffff26!important}.input-dock,.canvas-controls,.tool-fab,.guest-login-widget,.user-profile-widget,.capsule-hub,.context-bottom-capsule,.edit-bubble-btn{box-shadow:none!important}.tool-btn.active,.ratio-item.active,.model-item.active,.resolution-item.active,.chip.active,.wireframe-btn.active{background:transparent!important;color:var(--text-main)!important;border:1.5px solid var(--text-main)!important;box-shadow:none!important}body[data-theme=dark] .tool-btn.active,body[data-theme=dark] .ratio-item.active,body[data-theme=dark] .model-item.active,body[data-theme=dark] .resolution-item.active,body[data-theme=dark] .chip.active,body[data-theme=dark] .wireframe-btn.active{border-color:var(--text-main)!important}.input-dock .chip{box-sizing:border-box!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 14px!important;font-size:12px!important;font-weight:620!important;line-height:1!important;gap:8px!important}.input-dock .chip--model{max-width:190px}.input-dock .chip--ratio{min-width:132px}.input-dock .ratio-chip-preview{flex:0 0 auto!important;min-width:17px!important}.input-dock .chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-dock.input-dock--home .chip{height:43px!important;min-height:43px!important;max-height:43px!important;padding:0 17px!important;font-size:14px!important;font-weight:520!important}.input-dock.compact .chip{height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 10px!important;font-size:12px!important}.card-wrapper,.card-wrapper img,.card-wrapper div,.gen-card,.gen-card img,.gen-card div{user-select:none!important;-webkit-user-drag:none!important;-moz-user-select:none!important;-webkit-user-select:none!important}.frame-wrapper{position:absolute;top:0;left:0;background:#fff6;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 24px 48px -12px #0000000d;cursor:grab;pointer-events:auto;box-sizing:border-box}.frame-wrapper:active{cursor:grabbing}body[data-theme=dark] .frame-wrapper{background:#1e1e1e66;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px -12px #0003}.frame-wrapper.frame-selected{border:1.5px solid var(--text-main)!important}.frame-header{position:absolute;top:12px;left:16px;pointer-events:auto}.frame-name-input{background:transparent;border:none;outline:none;font-size:16px;font-weight:600;color:var(--text-main);opacity:.6;width:200px;transition:opacity .2s}.frame-name-input:focus,.frame-name-input:hover{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.custom-context-menu{position:fixed;background:var(--bg-surface)!important;backdrop-filter:blur(24px) saturate(200%)!important;-webkit-backdrop-filter:blur(24px) saturate(200%)!important;border:1px solid var(--border)!important;border-radius:8px;padding:6px;min-width:180px;box-shadow:0 12px 32px #0000001f,0 0 0 1px #0000000a;z-index:10000;display:flex;flex-direction:column;font-size:13px;font-weight:500;color:var(--text-main);-webkit-user-select:none;user-select:none}body[data-theme=dark] .custom-context-menu{box-shadow:0 12px 32px #0006,0 0 0 1px #ffffff0d}.menu-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.menu-item:hover{background:var(--bg-hover)!important}.menu-divider{height:1px;background:var(--border);margin:4px 0}.danger-text{color:#ef4444!important}.danger-text:hover{background:#ef44441a!important}.selection-floating-toolbar .danger-btn:hover{color:#ef4444!important;background:#ef44441a!important}