:root{font-family:Helvetica Neue,Arial,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f8fafc;color:#0f172a}#app{width:100vw;height:100vh}body{height:100vh;margin:0;padding:0;overflow:hidden;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar-container{position:relative;border-radius:20px;display:flex;flex-direction:column;width:400px;height:98vh;margin-top:7px;margin-left:7px;padding:24px;box-sizing:border-box;box-shadow:0 8px 24px #0000000d;background:transparent;overflow:hidden;z-index:5}.sidebar-body{display:flex;flex-direction:column;height:100%;margin-top:84px;gap:12px;min-height:0}.ecommerce-panel-backdrop{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#ffffff47;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ecommerce-panel-stage{position:relative;width:min(540px,calc(100% - 56px))}.ecommerce-left-drawer{position:absolute;top:0;right:calc(100% + 18px);height:100%;display:flex;align-items:stretch;z-index:1}.ecommerce-left-drawer__panel{width:0;min-width:0;opacity:0;overflow:hidden;border-radius:24px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fffffff5,#f8fafcfa);box-shadow:0 18px 38px #0f172a14;transform:translate(14px);pointer-events:none;transition:width .24s ease,opacity .18s ease,transform .24s ease}.ecommerce-left-drawer--open .ecommerce-left-drawer__panel{width:min(260px,calc(100vw - 180px));opacity:1;transform:translate(0);pointer-events:auto}.ecommerce-left-drawer__content{width:100%;height:100%;min-height:360px;padding:18px 16px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at top left,rgba(148,163,184,.12),transparent 48%),linear-gradient(180deg,#ffffffbd,#f1f5f9eb)}.ecommerce-left-drawer__title{font-size:15px;font-weight:700;color:#0f172a;line-height:1.4}.ecommerce-left-drawer__desc{font-size:12px;line-height:1.7;color:#475569}.ecommerce-left-drawer__input{flex:1;width:100%;min-height:180px;resize:none;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:#ffffffc7;box-shadow:inset 0 1px 2px #0f172a0a;padding:14px 14px 16px;box-sizing:border-box;color:#0f172a;font-size:13px;line-height:1.65;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.ecommerce-left-drawer__input:focus{border-color:#0f172a3d;box-shadow:0 0 0 3px #94a3b81f;background:#ffffffeb}.ecommerce-left-drawer__input::placeholder{color:#94a3b8}.ecommerce-panel{position:relative;z-index:2;width:100%;min-height:360px;border-radius:24px;background:linear-gradient(180deg,#fffffff5,#fff);border:1px solid rgba(15,23,42,.08);box-shadow:0 22px 50px #0f172a24;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:28px;box-sizing:border-box}.ecommerce-panel-header{display:flex;align-items:center;justify-content:flex-start;gap:16px;font-size:20px;font-weight:600;color:#0f172a;margin-bottom:22px}.ecommerce-panel-drawer-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:linear-gradient(180deg,#f8fafcf5,#fffffffa);color:#334155;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.ecommerce-panel-drawer-toggle:hover{transform:translateY(-1px);border-color:#0f172a2e;box-shadow:0 10px 22px #0f172a1a;color:#0f172a}.ecommerce-panel-drawer-toggle__icon{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0f172a14;font-size:11px;font-weight:700;line-height:1}.ecommerce-panel-drawer-toggle__label{font-size:12px;font-weight:600;line-height:1}.ecommerce-panel-body{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ecommerce-source-card{display:flex;flex-direction:column;gap:12px}.ecommerce-source-label{font-size:15px;font-weight:600;color:#111827}.ecommerce-source-box{aspect-ratio:1 / 1;border-radius:24px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.ecommerce-source-box--upload{border:2px dashed rgba(15,23,42,.18);background:#f8fafceb;display:flex;align-items:center;justify-content:center;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;box-shadow:0 10px 24px #0f172a0f}.ecommerce-source-plus{font-size:72px;line-height:1;font-weight:300;color:#111827;transform:translateY(-4px);transition:transform .18s ease,color .18s ease}.ecommerce-source-box--upload:hover{transform:translateY(-2px);border-color:#0f172a57;background:#fff;box-shadow:0 16px 32px #0f172a1a}.ecommerce-source-box--upload:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:0 10px 24px #0f172a0a}.ecommerce-source-box--upload:hover .ecommerce-source-plus{transform:translateY(-4px) scale(1.06)}.ecommerce-source-box--upload:active{transform:scale(.97);box-shadow:0 8px 18px #0f172a14}.ecommerce-source-box--upload:active .ecommerce-source-plus{transform:translateY(-4px) scale(.92) rotate(8deg)}.ecommerce-source-box--history{background:linear-gradient(180deg,#111827,#020617);box-shadow:inset 0 1px #ffffff0f;padding:14px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.ecommerce-history-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.ecommerce-history-item{min-width:0;min-height:0;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ecommerce-history-item:hover{transform:translateY(-1px);border-color:#ffffff2e}.ecommerce-history-item.active{border-color:#ffffff5c;box-shadow:0 0 0 2px #ffffff1a}.ecommerce-source-box--history::-webkit-scrollbar{width:8px}.ecommerce-source-box--history::-webkit-scrollbar-track{background:transparent}.ecommerce-source-box--history::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.ecommerce-history-thumb,.ecommerce-history-placeholder{width:100%;height:100%;display:block}.ecommerce-history-thumb{object-fit:cover}.ecommerce-history-placeholder{background:linear-gradient(135deg,#ffffff1f,#ffffff0a),#ffffff0a}.ecommerce-history-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#ffffffb8;font-size:13px;font-weight:500}.ecommerce-history-more{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#ffffff9e;background:#ffffff0a;border:1px dashed rgba(255,255,255,.08)}.ecommerce-detail-panel{position:absolute;top:0;left:calc(100% + 20px);width:180px;height:100%;border-radius:24px;background:linear-gradient(180deg,#fffffff0,#f8fafc);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 38px #0f172a14;padding:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.ecommerce-detail-title{font-size:13px;font-weight:600;color:#0f172a;display:flex;align-items:center;justify-content:space-between;gap:8px}.ecommerce-detail-title span{font-size:11px;font-weight:600;color:#64748b}.ecommerce-detail-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.18) transparent}.ecommerce-detail-list::-webkit-scrollbar{width:6px}.ecommerce-detail-list::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:999px}.ecommerce-detail-item{display:flex;flex-direction:column;gap:8px;padding:6px;border-radius:18px;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.ecommerce-detail-item:hover{background:#94a3b814}.ecommerce-detail-item.active{background:#0f172a0f;box-shadow:inset 0 0 0 1px #0f172a1f}.ecommerce-detail-item:focus-visible{outline:none;box-shadow:0 0 0 2px #0f172a2e}.ecommerce-detail-thumb-wrap{position:relative}.ecommerce-detail-thumb{width:100%;aspect-ratio:1 / 1;display:block;object-fit:cover;border-radius:16px;background:#e5e7eb}.ecommerce-detail-check{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:999px;background:#ffffffe0;border:1px solid rgba(148,163,184,.45);display:flex;align-items:center;justify-content:center;color:#0f172a;font-size:14px;font-weight:700;box-shadow:0 6px 14px #0f172a1f;transition:background .18s ease,color .18s ease,border-color .18s ease}.ecommerce-detail-item.active .ecommerce-detail-check{background:#0f172a;border-color:#0f172a;color:#fff}.ecommerce-detail-name{font-size:12px;line-height:1.5;color:#334155;word-break:break-word}.ecommerce-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#64748b;font-size:12px}.ecommerce-panel-actions{display:flex;justify-content:flex-end;margin-top:28px}.ecommerce-mode-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.ecommerce-mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;padding:0 36px;height:40px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#111;font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.ecommerce-mode-btn:hover{transform:translateY(-1px);border-color:#0f172a33;box-shadow:0 10px 20px #0f172a14}.ecommerce-mode-btn.active{background:#fff;color:#111;border-color:#0f172a42;box-shadow:0 12px 24px #0f172a29}.ecommerce-mode-btn:disabled{opacity:1;background:#fff;color:#111;border-color:#0f172a1f;box-shadow:none;cursor:not-allowed;-webkit-text-fill-color:#111111}.ecommerce-mode-btn:disabled:hover{transform:none;border-color:#0f172a1f;box-shadow:none}.ecommerce-mode-btn__label{line-height:1}.ecommerce-mode-btn__count{position:absolute;top:50%;right:12px;transform:translateY(-50%);min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0f172a1a;color:#111;font-size:11px;font-weight:700;line-height:1}.ecommerce-mode-btn.active .ecommerce-mode-btn__count{background:#0f172a24}.canvas-action-btn--loading{display:inline-flex;align-items:center;gap:8px}.canvas-action-btn--queued{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border:1px solid rgba(37,99,235,.22);box-shadow:0 10px 22px #2563eb29}.canvas-action-btn--stop{background:#7f1d1d;color:#fff}.canvas-action-btn--stop:hover{background:#991b1b}.canvas-action-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;animation:ecommerce-spin .9s linear infinite}@keyframes ecommerce-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ecommerceQueuePulse{0%{transform:scale(.92);box-shadow:0 0 #2563eb52}70%{transform:scale(1);box-shadow:0 0 0 8px #2563eb00}to{transform:scale(.92);box-shadow:0 0 #2563eb00}}.session-list{max-height:250px;max-width:200px;overflow-y:auto;padding:8px 6px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:#0e0e0e}.session-item{padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease}.session-item+.session-item{margin-top:6px}.session-item .title{font-size:12px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item .time{margin-top:2px;font-size:10px;color:#64748b}.session-item.active{background:#0f172a;color:#fff}.session-item.active .title,.session-item.active .time{color:#fff}.session-item:hover{background:#0f172a14}.sidebar-container:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#fff,#fff,#dff8ff);background-size:300% 300%;opacity:1;animation:sidebarGradientMove 15s ease-in-out infinite}@keyframes sidebarGradientMove{0%{background-position:10% 0%}20%{background-position:30% 10%}40%{background-position:50% 30%}60%{background-position:30% 50%}80%{background-position:10% 30%}to{background-position:10% 0%}}.sidebar-header{position:absolute;top:24px;left:24px;right:24px;margin:0;display:flex;align-items:center;font-size:20px;font-weight:600;color:#111827;padding:10px 16px;background:#ffffff42;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 45px #0f172a0d;z-index:2}.header-decorator{width:40px;height:40px;margin-right:12px;background-image:url(/LOOMAI19.png);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.chat-main-area{flex:1;overflow-y:auto;padding:0 6px 24px;margin-bottom:24px;margin-right:-10px;position:relative;display:flex;flex-direction:column}.chat-scroll{display:flex;flex-direction:column;gap:8px;margin-top:auto}.message-row{display:flex;margin-bottom:20px}.login-side-bar{position:absolute;top:24px;right:0;bottom:24px;width:40px;border-radius:24px 0 0 24px;background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:-6px 0 16px #7c7c7c14;display:flex;align-items:center;justify-content:center;z-index:300;pointer-events:auto}.login-side-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.user-panel-backdrop{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(15,23,42,.14),transparent 24%),#0f172a29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000}.user-panel{position:absolute;top:0;right:0;bottom:0;width:48%;min-width:420px;max-width:780px;background:radial-gradient(circle at top left,rgba(14,165,233,.08),transparent 28%),radial-gradient(circle at top right,rgba(16,185,129,.08),transparent 24%),linear-gradient(180deg,#fffffffa,#f8fbff);box-shadow:-24px 0 60px #0f172a29;border-left:1px solid rgba(255,255,255,.55);border-radius:28px 0 0 28px;transform:translate(100%);transition:transform .28s ease;z-index:1100;display:flex;flex-direction:column;overflow:hidden}.user-panel.open{transform:translate(0)}.user-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 18px;border-bottom:1px solid rgba(148,163,184,.18);background:#ffffffad;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:2}.user-panel-header-copy{display:flex;flex-direction:column;gap:4px}.user-panel-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#0f172a}.user-panel-subtitle{font-size:12px;color:#64748b}.user-panel-close{width:34px;height:34px;border:1px solid rgba(148,163,184,.22);background:#ffffffb8;border-radius:999px;font-size:18px;cursor:pointer;color:#0f172a;transition:transform .14s ease,background .14s ease,border-color .14s ease}.user-panel-close:hover{transform:rotate(90deg);background:#fff;border-color:#94a3b857}.user-panel-body{padding:24px 24px 30px;font-size:13px;color:#374151;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.user-panel-item{margin-bottom:8px}.user-panel-body .user-panel-section{display:none}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:14px;padding:2px 0}.project-card{position:relative;cursor:pointer;display:flex;flex-direction:column;gap:10px;background:#ffffffe6;border:1px solid rgba(226,232,240,.96);border-radius:18px;padding:8px;box-shadow:0 16px 34px #94a3b824;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px #0f172a24;border-color:#0ea5e93d}.project-card.is-active{border-color:#0ea5e957;box-shadow:0 0 0 1px #0ea5e924,0 20px 42px #0ea5e924}.project-card-delete{position:absolute;top:14px;right:14px;width:28px;height:28px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0f172a99;color:#fff;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.92);transition:opacity .12s ease,transform .12s ease,background .12s ease;z-index:2}.project-card:hover .project-card-delete,.project-card:focus-within .project-card-delete{opacity:1;transform:scale(1)}.project-card-delete:hover{background:#dc2626eb}.project-card-delete.is-deleting{opacity:1;transform:scale(1);cursor:wait;background:#475569e6}.project-thumb-16x9{width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;border:1px solid rgba(226,232,240,.9);background:linear-gradient(135deg,#e2e8f094,#f1f5f9f2),#f8fafc}.project-thumb-16x9 img{width:100%;height:100%;object-fit:cover;display:block}.project-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e2e8f0,#f8fafc 58%,#dbeafe)}.project-card-body{display:flex;flex-direction:column;gap:6px;padding:0 2px 2px}.project-card-title{font-size:13px;color:#0f172a;font-weight:700;line-height:1.35;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#64748b}.project-card-id{padding:3px 7px;border-radius:999px;background:#eff6ff;color:#2563eb;font-weight:700}.user-panel-section{margin-bottom:16px}.user-panel-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:-4px}.user-panel-section-title{font-size:11px;color:#64748b;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.user-panel-section-meta{font-size:12px;color:#94a3b8}.user-row{display:flex;align-items:flex-start;gap:18px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fffffff0,#f8fafcf5);border:1px solid rgba(226,232,240,.92);box-shadow:0 18px 36px #94a3b81f}.user-row--profile{align-items:stretch}.avatar-file-input{display:none}.user-avatar-button{position:relative;width:74px;height:74px;padding:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(135deg,#f8fafc,#dbeafe);cursor:pointer;flex:0 0 auto;box-shadow:0 16px 30px #2563eb29;overflow:visible}.user-avatar-button:disabled{cursor:wait;opacity:.78}.user-avatar-img,.user-avatar-fallback{width:74px;height:74px;border-radius:50%;display:block;object-fit:cover}.user-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;font-weight:700;font-size:22px}.user-avatar-badge{position:absolute;right:-4px;bottom:-3px;padding:4px 8px;border-radius:999px;background:#111827;color:#fff;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 8px 16px #0f172a29}.user-avatar-tip{font-size:12px;color:#64748b}.user-texts{flex:1;min-width:0;font-size:13px;color:#0f172a;line-height:1.4;display:flex;flex-direction:column;gap:10px}.user-kicker{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.user-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-membership-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.user-membership-pill.is-pro{background:linear-gradient(135deg,#111827,#1d4ed8);color:#fff;border-color:#2563eb47}.user-membership-pill.is-basic{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border-color:#3b82f633}.user-membership-pill.is-trial{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#c2410c;border-color:#f9731638}.user-membership-pill.is-free{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;border-color:#94a3b838}.user-row-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:700;color:#0f172a}.username-input{padding:9px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.3);min-width:220px;background:#ffffffd6;color:#0f172a}.username-edit-btn{background:none;border:none;padding:4px;cursor:pointer;display:inline-flex;align-items:center}.username-edit-actions{display:flex;align-items:center;gap:8px}.user-id-line{font-size:12px;color:#475569}.user-membership-note{font-size:13px;color:#334155;font-weight:600}.user-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.user-stat-card{padding:12px 12px 11px;border-radius:16px;background:linear-gradient(180deg,#fffffff5,#eff6ffb3);border:1px solid rgba(191,219,254,.38)}.user-stat-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px}.user-stat-value{font-size:14px;font-weight:700;color:#0f172a;line-height:1.35;word-break:break-word}.user-stat-value--muted{font-size:12px;color:#475569;font-weight:600}.user-row-actions{margin-top:4px;display:flex;justify-content:flex-start}.credits-row{margin-top:2px;padding:14px 16px;border:1px solid rgba(226,232,240,.9);border-radius:16px;background:#ffffffeb;display:flex;align-items:center;justify-content:space-between;gap:14px}.credits-main{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#0f172a}.credits-expire{color:#64748b;font-size:11px}.credits-actions{display:flex;gap:8px;align-items:center}.membership-upgrade-box{margin-top:10px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.membership-title{font-size:12px;font-weight:700;color:#111827;margin-bottom:8px}.membership-plan-list{display:grid;grid-template-columns:1fr;gap:8px}.membership-plan-btn{border:1px solid #dbe2ea;background:#f8fafc;border-radius:10px;padding:8px 10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px}.membership-plan-btn:hover{background:#f1f5f9}.plan-name{font-size:12px;font-weight:700;color:#0f172a}.plan-price{font-size:12px;color:#1d4ed8;font-weight:600}.plan-desc{font-size:11px;color:#6b7280}.tx-box{margin-top:4px;padding:14px;border:1px solid rgba(226,232,240,.92);border-radius:18px;background:#ffffffeb}.tx-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:10px}.tx-empty{font-size:12px;color:#6b7280}.tx-list{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto}.tx-item{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(226,232,240,.9);border-radius:14px;padding:10px 12px;background:linear-gradient(180deg,#fff,#f8fafc)}.tx-action{font-size:12px;font-weight:600;color:#111827}.tx-time{font-size:11px;color:#6b7280}.tx-right{text-align:right}.tx-delta{font-size:12px;font-weight:700}.tx-delta.is-plus{color:#15803d}.tx-delta.is-minus{color:#b91c1c}.tx-balance{font-size:11px;color:#6b7280}.project-pagination{margin-top:4px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffffd1;border:1px solid rgba(226,232,240,.9)}.project-pagination-status{flex:1;text-align:center;font-size:12px;color:#64748b;font-weight:600}.login-avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#0f172a,#1d4ed8);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 20px #0f172a2e}.login-avatar-img{width:32px;height:32px;border-radius:999px;object-fit:cover;display:block}.login-avatar-text{font-size:14px;font-weight:700;color:#fff}@media(max-width:1280px){.user-panel{width:56%}}@media(max-width:980px){.user-panel{width:100%;min-width:0;max-width:none;border-radius:0}.project-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.credits-row,.project-pagination{flex-direction:column;align-items:stretch}.user-card-topline,.user-stats-grid{grid-template-columns:1fr;display:grid}.user-card-topline{display:flex;flex-direction:column;align-items:flex-start}.project-pagination-status{text-align:left}}.login-text-group{writing-mode:vertical-rl;text-align:center}.login-status{font-size:10px;color:#6b7280}.login-name{margin-top:4px;font-size:12px;font-weight:600;color:#111827}.message-bubble{max-width:100%;padding:10px 20px;border-radius:12px;font-size:13px;line-height:1.5;position:relative;text-align:left;letter-spacing:-.01em}.user-bubble{background:linear-gradient(135deg,#7aa2ff,#1d4ed8);box-shadow:0 4px 12px #2563eb33;color:#fff;border-bottom-right-radius:2px}.assistant-bubble{background:linear-gradient(135deg,#ebf1ff,#cdd8f7);box-shadow:0 4px 12px #2563eb33;color:#374151;border-bottom-left-radius:2px}.message-text{white-space:pre-wrap;font-size:13px}.thinking-animated{background:linear-gradient(50deg,#0f0f0f,#cecece,#0e0e0e);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}.execution-animated{background:linear-gradient(50deg,#0f0f0f,#a7a7a7,#0e0e0e);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.input-section{background:#fff;display:flex;flex-direction:column;background:#f9fafb;padding:6px 10px 6px 16px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0000000d}.input-wrapper{display:flex;align-items:flex-end;width:100%;gap:8px}.ref-control-bar{display:flex;align-items:center;gap:8px}.session-toggle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.burger-line{display:block;width:14px;height:2px;background:#979797;border-radius:2px}.session-pop{position:absolute;left:24px;right:24px;bottom:140px;z-index:20}.slide-up-enter-active,.slide-up-leave-active{transition:transform .2s ease,opacity .2s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(20px);opacity:0}.ref-svg{width:18px;height:18px;transition:all .3s ease}.ref-icon-btn.is-active{background:linear-gradient(180deg,#fff,#eff6ff);border-color:#3b82f6;color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,inset 0 1px #ffffff80}.prompt-toggle-btn.is-active{background:linear-gradient(180deg,#fff,#ecfeff);border-color:#0891b2;color:#0e7490;box-shadow:0 0 0 3px #0891b21f,inset 0 1px #ffffff80}.prompt-toggle-label{font-size:12px;font-weight:700;line-height:1}.logo-icon-btn{width:30px;min-width:30px;height:30px;padding:0;border-radius:10px;background:linear-gradient(180deg,#fff,#f1f5f9);color:#334155;cursor:pointer}.camera-icon-btn{cursor:pointer}.logo-icon-label{font-size:8px;font-weight:800;letter-spacing:.02em;line-height:1}.ref-icon-btn.is-active .ref-svg{transform:scale(1.1)}.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,#fff,#f9fafb);color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.icon-btn:hover{transform:translateY(-1px);background:#fff;box-shadow:0 4px 12px #00000014}.icon-btn:active{transform:translateY(0) scale(.95)}.status-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#2563eb;border:2px solid #ffffff;border-radius:50%;box-shadow:0 2px 4px #2563eb4d}.ref-icon-btn:hover{transform:translateY(-1px);background:#fff;box-shadow:0 4px 12px #00000014}.ref-icon-btn:active{transform:translateY(0) scale(.95)}.chat-textarea{flex:1;resize:none!important;overflow-y:hidden;min-height:40px;line-height:1.5;padding:8px 4px;border:none!important;outline:none!important;background:transparent!important;transition:height .1s ease}.chat-textarea:focus{outline:none;border-color:#2563eb}.inline-reference-wrapper{border-top:1px solid #f1f5f9;padding-top:8px}.ref-toggle-link{background:none;border:none;color:#6b7280;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:10px;padding:0;margin-bottom:4px;transition:color .2s}.ref-toggle-link:hover,.ref-toggle-link.is-active{color:#2563eb}.inline-ref-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px;margin-top:4px;overflow:hidden}.inline-upload-zone{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer;border:1px dashed #cbd5e1;border-radius:6px;font-size:12px;color:#64748b}.inline-upload-zone:hover{background:#f8fafc;border-color:#2563eb}.inline-ref-result{display:flex;align-items:center;gap:12px}.result-left{position:relative;width:40px;height:40px}.mini-ref-img{width:100%;height:100%;object-fit:cover;border-radius:4px}.img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer;border-radius:4px}.result-left:hover .img-overlay{opacity:1}.result-right{flex:1;display:flex;flex-direction:column;gap:4px}.mini-tags{display:flex;gap:4px}.mini-tag{font-size:10px;background:#f1f5f9;padding:1px 6px;border-radius:4px;color:#475569}.mini-colors{display:flex;gap:4px}.mini-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.mini-spinner{width:14px;height:14px;border:2px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.send-pill-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:6px;background:#0084ff;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s;flex-shrink:0}.send-icon{width:20px;height:20px}.send-pill-btn:hover:not(:disabled){background:#1d4ed8;transform:scale(1.05);box-shadow:0 6px 16px #2563eb4d}.send-pill-btn:active:not(:disabled){transform:scale(.95)}.send-pill-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.typing-indicator{display:flex;gap:4px;margin-top:8px}.typing-indicator span{width:5px;height:5px;background:#9ca3af;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.task-list-section{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.task-list-title{font-weight:600;color:#2563eb;margin-bottom:8px}.task-details{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:10px;border:1px solid #dbeafe;box-shadow:0 8px 24px #2563eb14}.task-summary{padding:8px;cursor:pointer;font-size:13px;color:#1d4ed8;outline:none;font-weight:600}.task-content{padding:10px 12px;background:#fff}.task-item{margin-bottom:10px;border-bottom:1px dashed #e5e7eb;padding-bottom:6px}.task-item:last-child{border-bottom:none}.task-item-title{font-weight:500;font-size:13px}.task-item-meta{font-size:11px;color:#9ca3af}.ref-thumb-wrap{position:relative;width:70px}.ref-clear-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border:none;border-radius:50%;background:#111827;color:#fff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;box-shadow:0 4px 10px #00000040}.ref-clear-btn:hover{background:#ef4444}.canvas-area{flex:1;background-color:#fcfdff;background-image:radial-gradient(#fff 1.5px);background-size:24px 24px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0 60px 0 20px;box-sizing:border-box;position:relative}.thumb-card{flex:1;max-width:260px;aspect-ratio:3440 / 1440;border-radius:16px;overflow:hidden;border:2px solid transparent;background-color:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.thumb-card img{width:100%;height:100%;object-fit:cover}.thumb-card.active{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e54d}.thumb-card:hover{transform:translateY(-2px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.canvas-placeholder{width:100%;height:100%;color:#94a3b8;font-size:14px;display:flex;align-items:center;justify-content:center}.template-bar{width:100%;box-sizing:border-box;padding:16px 24px 18px;margin-top:0%;border-radius:18px;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 30px #0f172a26;max-height:500px;overflow-y:auto;pointer-events:auto}.title-with-mini{display:inline-flex;align-items:center;gap:8px}.selected-mini-list{display:inline-flex;align-items:center;gap:6px}.selected-mini-item{width:26px;height:26px;border-radius:6px;overflow:hidden;border:1px solid rgba(15,23,42,.12);box-shadow:0 3px 10px #0f172a1f;background:#fff}.selected-mini-item img{width:100%;height:100%;object-fit:cover}.mini-pop-enter-active{animation:miniPop .42s cubic-bezier(.16,1,.3,1)}.mini-pop-leave-active{transition:opacity .2s ease,transform .2s ease}.mini-pop-leave-to{opacity:0;transform:scale(.8)}@keyframes miniPop{0%{transform:scale(.6) translateY(4px);opacity:0}60%{transform:scale(1.08) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0)}}.template-bar-header{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.template-bar-header .title{font-size:16px;font-weight:600;color:#111827}.template-tabs{display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto;max-height:220px;overflow-y:auto}.template-tab{border:none;border-radius:999px;padding:4px 10px;font-size:11px;cursor:pointer;background:#94a3b81f;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.template-tab.active{background:#111827;color:#f9fafb;box-shadow:0 4px 12px #0f172a59}.template-bar-header .subtitle{font-size:10px;color:#9ca3af}.template-bar-list{display:flex;gap:12px;padding-bottom:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity}.template-card{flex:0 0 160px;width:160px;height:auto;border-radius:16px;padding:12px;background:#f9fafb;cursor:pointer;display:flex;flex-direction:column;gap:10px;scroll-snap-align:start;transition:all .22s ease}.template-card.is-wide{flex:0 0 240px;width:240px}.template-card .thumb{width:100%;height:auto;border-radius:12px;overflow:hidden;background:#eee;flex-shrink:0}.template-card .info{display:flex;flex-direction:column;gap:4px}.btn-gen-poster{width:100%;padding:8px 0;background:linear-gradient(135deg,#252525,#646464);color:#fff;border:none;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #6366f133}.template-card.is-selected{background:#070707;color:#fff}.template-card.is-selected .name,.template-card.is-selected .desc{color:#fff}.template-card:hover{background:#070707;color:#fff;border-color:#fff;box-shadow:0 8px 24px #0f172a0f,0 1px 6px #0f172a0a;transform:translateY(-1px)}.template-card:hover .name,.template-card:hover .desc{color:#fff}.thumb{width:100%;border-radius:10px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#e5f0ff,#f5f7ff)}.thumb-16x9-h{width:100%!important;aspect-ratio:16 / 9}.thumb-9x16-v{width:100%!important;aspect-ratio:9 / 16}.thumb-3x4-v{width:100%!important;aspect-ratio:3 / 4}.template-card .thumb img{width:100%;height:100%;object-fit:cover}.thumb-1x1{width:100%!important;aspect-ratio:1 / 1}.thumb img{width:100%;height:100%;object-fit:cover}.info .name{font-size:13px;font-weight:600;color:#111827;margin-bottom:4px}.info .desc{font-size:11px;color:#6b7280;line-height:1.4}.template-wrapper{position:absolute;left:20px;bottom:16px;width:calc(100% - 80px);box-sizing:border-box;pointer-events:none;z-index:20}.template-toggle{display:flex;align-items:center;justify-content:center;padding:4px 12px;font-size:11px;border-radius:999px;border:none;cursor:pointer;margin:8px auto 0;background:#070707;color:#fff;box-shadow:0 4px 10px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.template-toggle:hover{background:#0f172a17}.slide-template-enter-active,.slide-template-leave-active{transition:transform .25s ease,opacity .25s ease}.slide-template-enter-from,.slide-template-leave-to{transform:translateY(100%);opacity:0}.slide-template-enter-to,.slide-template-leave-from{transform:translateY(0);opacity:1}.reference-module-container{margin-bottom:20px}.ref-toggle-btn{display:flex;align-items:center;gap:1px;padding:3px 8px;border-radius:20px;border:1px solid #e5e7eb;background:#fff 0%,#e1f0ff 100%;color:#4b5563;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.ref-toggle-btn:hover{border-color:#2563eb;color:#2563eb;background:#f8fafc}.ref-toggle-btn.is-active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.ref-upload-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000008}.upload-dropzone{display:block;border:2px dashed #d1d5db;border-radius:8px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .2s}.upload-dropzone:hover{border-color:#2563eb;background:#f9fafb}.upload-icon{font-size:24px;margin-bottom:8px}.upload-hint p{margin:0;font-size:14px;color:#374151;font-weight:500}.upload-hint span{font-size:12px;color:#9ca3af}.ref-result-content{display:flex;gap:16px}.ref-preview-aside{flex-shrink:0;width:100px;display:flex;flex-direction:column;gap:8px}.ref-img-main{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid #f1f5f9}.starter-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:480px;display:flex;flex-direction:column;gap:16px;pointer-events:auto}.starter-header{margin-left:16px;margin-bottom:15px}.starter-title{font-size:28px;font-weight:700;color:#111827}.starter-subtitle{margin-top:4px;font-size:14px;color:#6b7280}.starter-card{background:#fffffff5;border-radius:18px;padding:15px 18px;box-shadow:0 16px 40px #0f172a0d;display:flex;align-items:center}.starter-card-text{display:flex;flex-direction:column}.starter-card-title{font-size:16px;font-weight:600;color:#111827}.starter-card-desc{margin-top:4px;font-size:13px;color:#6b7280}.re-upload-btn{padding:4px;font-size:11px;background:none;border:1px solid #e5e7eb;color:#6b7280;border-radius:4px;cursor:pointer}.ref-analysis-data{flex:1;display:flex;flex-direction:column;gap:12px}.analysis-tag-group{display:flex;flex-direction:column;gap:6px}.analysis-label{font-size:11px;text-transform:uppercase;color:#9ca3af;font-weight:600;letter-spacing:.05em}.tag-chip{display:inline-block;background:#f3f4f6;color:#374151;padding:2px 10px;border-radius:12px;font-size:12px;margin-right:6px;margin-bottom:4px}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-item{display:flex;align-items:center;gap:4px;background:#f8fafc;padding:2px 6px;border-radius:6px}.color-dot{width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.05)}.color-name{font-size:12px;color:#4b5563}.pattern-text{font-size:13px;color:#1e293b;font-weight:500}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-10px);opacity:0}.spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.auth-modal-backdrop{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at top left,rgba(34,197,94,.12),transparent 26%),radial-gradient(circle at bottom right,rgba(37,99,235,.16),transparent 24%),#0f172a6b;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.membership-modal-backdrop{position:fixed;inset:0;z-index:1001;background:radial-gradient(circle at top left,rgba(29,78,216,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(14,165,233,.16),transparent 26%),#0f172a70;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.membership-modal{width:min(920px,100%);border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:0 40px 90px #0f172a3d;padding:28px;position:relative;border:1px solid rgba(255,255,255,.65)}.insufficient-balance-modal{width:min(580px,100%);padding:26px}.insufficient-balance-modal .membership-modal-close{top:12px;right:12px;width:32px;height:32px;background:#0f172a0f;font-size:22px}.insufficient-balance-modal-eyebrow{color:#dc2626}.insufficient-balance-modal .membership-modal-footer{justify-content:flex-end}.insufficient-balance-plan-shell{margin-top:18px}.insufficient-balance-plan{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:28px;border:1px solid rgba(249,115,22,.28);background:radial-gradient(circle at top left,rgba(253,224,71,.32),transparent 34%),linear-gradient(180deg,#fff8e6,#fffef8 56%,#fff);box-shadow:0 24px 44px #ca8a0429}.insufficient-balance-plan.is-hero:before{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 38%);pointer-events:none}.insufficient-balance-plan-banner{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.insufficient-balance-plan-banner-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.insufficient-balance-plan-banner-chip{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;box-shadow:0 12px 22px #ef444433}.insufficient-balance-plan-banner-title{font-size:24px;line-height:1.08;font-weight:900;color:#7c2d12;max-width:340px}.insufficient-balance-plan-banner-subtitle{font-size:13px;line-height:1.6;color:#9a3412;max-width:360px}.insufficient-balance-plan-banner-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.insufficient-balance-plan-banner-badge,.insufficient-balance-plan-banner-countdown{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800}.insufficient-balance-plan-banner-badge{background:#ffffffb8;color:#b45309;border:1px solid rgba(245,158,11,.18)}.insufficient-balance-plan-banner-countdown{background:#dc26261a;color:#dc2626}.insufficient-balance-plan-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px}.insufficient-balance-plan-price-panel,.insufficient-balance-plan-value-panel,.insufficient-balance-plan-feature-block{position:relative;z-index:1;border-radius:22px;padding:16px}.insufficient-balance-plan-price-panel{background:#ffffffc2;border:1px solid rgba(245,158,11,.18)}.insufficient-balance-plan-value-panel{background:linear-gradient(180deg,#ffffffe6,#fff7edeb);border:1px solid rgba(249,115,22,.16);display:flex;flex-direction:column;gap:12px}.insufficient-balance-plan-price-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.insufficient-balance-plan-price-label,.insufficient-balance-plan-price-save{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800}.insufficient-balance-plan-price-label{background:#f59e0b24;color:#b45309}.insufficient-balance-plan-price-save{background:#dc26261a;color:#dc2626}.insufficient-balance-plan-price-wrap{margin-top:10px;display:flex;flex-direction:column;gap:2px}.insufficient-balance-plan-price-original{font-size:15px;color:#dc2626;text-decoration:line-through;text-decoration-thickness:1.5px}.insufficient-balance-plan-credits-line{margin-top:6px;font-size:16px;font-weight:900;color:#b45309}.insufficient-balance-plan-desc-line{margin-top:6px;font-size:12px;line-height:1.6;color:#92400e}.insufficient-balance-plan-value-title,.insufficient-balance-plan-feature-title{font-size:13px;font-weight:900;color:#7c2d12}.insufficient-balance-plan-highlight-list{display:flex;flex-wrap:wrap;gap:8px}.insufficient-balance-plan-highlight{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#f59e0b24;color:#92400e;font-size:12px;font-weight:800}.insufficient-balance-plan-note{padding:12px 14px;border-radius:16px;background:#b4530914;color:#9a3412;font-size:12px;line-height:1.6;font-weight:700}.insufficient-balance-plan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.insufficient-balance-plan-summary-item{padding:12px 14px;border-radius:18px;background:#ffffffbd;border:1px solid rgba(245,158,11,.14);display:flex;flex-direction:column;gap:4px}.insufficient-balance-plan-summary-label{font-size:12px;font-weight:800;color:#9a3412}.insufficient-balance-plan-price{display:inline-flex;align-items:flex-end;gap:4px;font-size:42px;line-height:.88;color:#f97316}.insufficient-balance-plan-price-currency{font-size:32px;line-height:1.2;margin-bottom:12px;color:#ea580c;font-weight:700}.insufficient-balance-plan-price-number{font-size:112px;line-height:.84;background:linear-gradient(180deg,#fb923c,#f97316 42%,#ea580c);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.insufficient-balance-plan-summary-value{font-size:14px;font-weight:800;color:#0f172a}.insufficient-balance-plan-feature-block{background:#ffffffb3;border:1px solid rgba(245,158,11,.14)}.insufficient-balance-plan-feature-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.insufficient-balance-plan-feature-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:16px;background:#ffffffc7;border:1px solid rgba(245,158,11,.1)}.insufficient-balance-plan-feature-item.is-disabled{opacity:.56}.insufficient-balance-plan-feature-mark{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#22c55e24;color:#16a34a;font-size:11px;font-weight:900}.insufficient-balance-plan-feature-item.is-disabled .insufficient-balance-plan-feature-mark{background:#94a3b829;color:#64748b}.insufficient-balance-plan-feature-copy{min-width:0}.insufficient-balance-plan-feature-name{font-size:13px;font-weight:800;color:#0f172a}.insufficient-balance-plan-feature-desc{margin-top:4px;font-size:12px;line-height:1.55;color:#64748b}@media(max-width:720px){.insufficient-balance-plan-banner,.insufficient-balance-plan-main{grid-template-columns:1fr;flex-direction:column}.insufficient-balance-plan-banner-side{align-items:flex-start}.insufficient-balance-plan-summary,.insufficient-balance-plan-feature-grid{grid-template-columns:1fr}.insufficient-balance-plan-price-number{font-size:84px}.insufficient-balance-plan-price-currency{font-size:26px;margin-bottom:10px}}.membership-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;border-radius:999px;background:#0f172a14;color:#0f172a;font-size:24px;line-height:1;cursor:pointer}.membership-modal-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2563eb}.membership-modal-title{margin-top:8px;font-size:34px;line-height:1.05;font-weight:800;color:#0f172a}.membership-modal-subtitle{margin-top:10px;font-size:14px;line-height:1.6;color:#475569;max-width:720px}.membership-modal-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.membership-modal-plan{border:1px solid #dbe2ea;border-radius:22px;padding:18px;text-align:left;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.membership-modal-plan:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0f172a17}.membership-modal-plan.is-selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb24,0 18px 34px #0f172a17}.membership-modal-plan.is-hero{background:radial-gradient(circle at top left,rgba(250,204,21,.28),transparent 34%),linear-gradient(160deg,#fff8db,#fff3c0 42%,#fff);border-color:#eab30873;box-shadow:0 26px 44px #ca8a042e}.membership-modal-plan.is-hero:hover{transform:translateY(-2px);box-shadow:0 30px 50px #ca8a0438}.membership-modal-plan.is-hero.is-selected{border-color:#ca8a04;box-shadow:0 0 0 2px #ca8a0433,0 30px 50px #ca8a0438}.membership-modal-plan.is-soft{background:linear-gradient(180deg,#fffaf1,#fff)}.membership-modal-plan.is-core{background:linear-gradient(180deg,#f8fbff,#fff)}.membership-modal-plan.is-strong{background:linear-gradient(180deg,#eff6ff,#fff)}.membership-modal-plan.is-spotlight{background:radial-gradient(circle at top right,rgba(250,204,21,.28),transparent 32%),radial-gradient(circle at 12% 18%,rgba(96,165,250,.34),transparent 28%),linear-gradient(155deg,#0f172a,#172554 54%,#1d4ed8);border-color:#60a5fa6b;box-shadow:0 26px 48px #0f172a4d,0 0 0 1px #ffffff0f inset}.membership-modal-plan.is-spotlight:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.2) 34%,transparent 52%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%);pointer-events:none}.membership-modal-plan.is-spotlight:after{content:"高性价比";position:absolute;top:14px;right:-36px;width:140px;text-align:center;padding:6px 0;font-size:11px;font-weight:800;letter-spacing:.08em;color:#1e1b4b;background:linear-gradient(135deg,#fde68a,#fbbf24);transform:rotate(32deg);box-shadow:0 10px 22px #fbbf243d;pointer-events:none}.membership-modal-plan.is-spotlight:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 32px 56px #0f172a57,0 0 0 1px #ffffff14 inset}.membership-modal-plan.is-spotlight.is-selected{border-color:#93c5fd;box-shadow:0 0 0 2px #60a5fa52,0 32px 56px #0f172a57,0 0 0 1px #ffffff14 inset}.membership-modal-plan-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.membership-modal-plan-name{font-size:16px;font-weight:800;color:#0f172a}.membership-modal-plan-badge{font-size:11px;font-weight:700;color:#1d4ed8;background:#2563eb1a;border-radius:999px;padding:4px 8px}.membership-modal-plan-price{font-size:28px;font-weight:800;color:#0f172a}.membership-modal-plan.is-spotlight .membership-modal-plan-name,.membership-modal-plan.is-spotlight .membership-modal-plan-feature-title,.membership-modal-plan.is-spotlight .membership-modal-plan-feature-name{color:#f8fafc}.membership-modal-plan.is-spotlight .membership-modal-plan-badge{color:#fff8db;background:#ffffff24;border:1px solid rgba(255,255,255,.12)}.membership-modal-plan.is-spotlight .membership-modal-plan-price{font-size:38px;color:#fff;text-shadow:0 10px 28px rgba(96,165,250,.28)}.membership-modal-plan.is-spotlight .membership-modal-plan-original{color:#f8fafcb8;text-decoration-color:#f8fafc9e}.membership-modal-plan.is-spotlight .membership-modal-plan-credits{color:#fde68a}.membership-modal-plan-price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.membership-modal-plan-pricing{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-wrap:wrap}.membership-modal-plan-credits{font-size:18px;font-weight:800;line-height:1.2;color:#2563eb}.membership-modal-plan-original{font-size:14px;color:#dc2626;text-decoration:line-through;text-decoration-color:#dc2626;text-decoration-thickness:1.5px}.membership-modal-plan-countdown{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#dc26261a;color:#dc2626;font-size:12px;font-weight:700;line-height:1}.membership-modal-plan.is-hero .membership-modal-plan-price{color:#b45309;font-size:34px}.membership-modal-plan.is-hero .membership-modal-plan-badge{color:#92400e;background:#f59e0b29}.membership-modal-plan.is-hero .membership-modal-plan-name{color:#92400e}.membership-modal-plan.is-hero .membership-modal-plan-credits{color:#b45309}.membership-modal-plan-desc{font-size:13px;line-height:1.5;color:#475569}.membership-modal-plan.is-spotlight .membership-modal-plan-desc,.membership-modal-plan.is-spotlight .membership-modal-plan-feature-desc{color:#e2e8f0d6}.membership-modal-plan-highlights{display:flex;flex-direction:column;gap:8px}.membership-modal-plan-highlight-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}.membership-modal-plan-highlight{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;color:#0f172a;background:#0f172a0f}.membership-modal-plan.is-hero .membership-modal-plan-highlight{color:#92400e;background:#f59e0b29}.membership-modal-plan.is-spotlight .membership-modal-plan-highlight{color:#eff6ff;background:#ffffff1a}.membership-modal-plan-avg-pill{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;color:#1d4ed8;background:#2563eb14}.membership-modal-plan.is-hero .membership-modal-plan-avg-pill{color:#b45309;background:#fbbf2424}.membership-modal-plan.is-spotlight .membership-modal-plan-avg-pill{color:#fde68a;background:#0f172a3d;border:1px solid rgba(250,204,21,.18)}.membership-modal-plan-feature-title{margin-top:2px;font-size:13px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.membership-modal-plan-features{display:flex;flex-direction:column;gap:10px}.membership-modal-plan-feature{display:flex;align-items:flex-start;gap:10px}.membership-modal-plan-feature-icon{flex:0 0 auto;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#16a34a;background:#86efac42;border:1px solid rgba(34,197,94,.2)}.membership-modal-plan.is-spotlight .membership-modal-plan-feature-icon{color:#fde68a;background:#fef08a2e;border-color:#facc152e}.membership-modal-plan-feature.is-disabled .membership-modal-plan-feature-icon{color:#dc2626;background:#fecaca52;border-color:#f871713d}.membership-modal-plan-feature-copy{min-width:0}.membership-modal-plan-feature-name{font-size:14px;font-weight:700;line-height:1.35;color:#1f2937}.membership-modal-plan-feature-desc{margin-top:2px;font-size:12px;line-height:1.45;color:#94a3b8}.membership-modal-plan-feature.is-disabled .membership-modal-plan-feature-name{color:#64748b}.membership-modal-plan-feature.is-disabled .membership-modal-plan-feature-desc{color:#cbd5e1}.membership-modal-plan.is-spotlight .membership-modal-plan-feature.is-disabled .membership-modal-plan-feature-name,.membership-modal-plan.is-spotlight .membership-modal-plan-feature.is-disabled .membership-modal-plan-feature-desc{color:#94a3b8d1}.membership-modal-footer{margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:16px}.membership-modal-note{font-size:13px;line-height:1.6;color:#64748b;max-width:520px}.membership-modal-actions{display:flex;align-items:center;gap:10px}.membership-pay-backdrop{position:fixed;inset:0;z-index:1002;background:#0f172a85;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.membership-pay-modal{width:min(760px,100%);border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:0 40px 90px #0f172a3d;padding:28px;position:relative;border:1px solid rgba(255,255,255,.65)}.membership-pay-body{margin-top:24px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:center}.membership-pay-qrcode-shell{padding:18px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:inset 0 1px #fffc}.membership-pay-qrcode{width:100%;display:block;border-radius:16px}.membership-pay-qrcode-empty{aspect-ratio:1 / 1;border-radius:16px;background:repeating-linear-gradient(45deg,#94a3b824,#94a3b824 10px,#e2e8f0b3 10px 20px);display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px;font-weight:700}.membership-pay-summary{display:flex;flex-direction:column;gap:12px}.membership-pay-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#475569}.membership-pay-row strong,.membership-pay-row code{color:#0f172a;font-size:15px;font-weight:800}.membership-pay-row code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-all}.membership-pay-status{margin-top:4px;border-radius:18px;padding:14px 16px;font-size:14px;line-height:1.6;font-weight:700}.membership-pay-status.is-pending,.membership-pay-status.is-creating,.membership-pay-status.is-idle{background:#2563eb17;color:#1d4ed8}.membership-pay-status.is-paid{background:#16a34a1f;color:#15803d}.membership-pay-status.is-failed{background:#dc26261f;color:#b91c1c}.membership-pay-tip{font-size:13px;line-height:1.6;color:#64748b}.auth-modal{width:min(860px,100%);max-width:96vw;border-radius:30px;padding:0;background:linear-gradient(180deg,#fffffffa,#f8fafcf7);box-shadow:0 36px 90px #0f172a47;box-sizing:border-box;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7)}.auth-modal-close{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;border:none;border-radius:999px;background:#0f172a14;color:#0f172a;font-size:24px;line-height:1;cursor:pointer}.auth-modal-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.auth-modal-panel{padding:30px}.auth-modal-panel--aside{background:radial-gradient(circle at top left,rgba(59,130,246,.22),transparent 28%),linear-gradient(155deg,#eff6ff,#f8fafc 45%,#fff);border-right:1px solid rgba(226,232,240,.95)}.auth-modal-panel--form{display:flex;flex-direction:column;justify-content:center}.auth-modal-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#2563eb1f;color:#1d4ed8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-modal-title{margin-top:12px;font-size:34px;line-height:1.05;font-weight:800;color:#0f172a}.auth-modal-subtitle{margin-top:12px;font-size:14px;line-height:1.7;color:#475569}.auth-modal-highlight{margin-top:22px;padding:18px;border-radius:22px;background:#ffffffd1;border:1px solid rgba(191,219,254,.9);box-shadow:0 16px 36px #2563eb14}.auth-modal-highlight-title{font-size:16px;font-weight:800;color:#0f172a}.auth-modal-highlight-text{margin-top:8px;font-size:13px;line-height:1.7;color:#475569}.auth-modal-benefits{margin-top:18px;display:grid;gap:10px}.auth-modal-benefit{position:relative;padding-left:18px;font-size:13px;line-height:1.6;color:#334155}.auth-modal-benefit:before{content:"";position:absolute;top:8px;left:0;width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#22c55e)}.auth-mode-caption{margin-top:18px;margin-bottom:18px;font-size:13px;line-height:1.6;color:#64748b}.auth-modal-field{margin-bottom:14px}.auth-modal-field label{display:block;font-size:12px;font-weight:700;color:#334155;margin-bottom:7px}.auth-modal-input{width:100%;min-height:46px;border-radius:16px;border:1px solid #dbe2ea;background:#fffffff5;padding:11px 14px;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.auth-modal-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f;background:#fff}.auth-modal-input--merged{border-top-right-radius:0;border-bottom-right-radius:0}.auth-field-tip{margin-top:7px;font-size:12px;line-height:1.6;color:#64748b}.auth-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.auth-modal-btn{border-radius:999px;border:none;min-height:42px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer}.auth-modal-btn.primary{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;box-shadow:0 16px 30px #2563eb38}.auth-modal-btn.primary:disabled{opacity:.7;cursor:default}.session-pop-mask{position:fixed;inset:0;z-index:20}.session-pop{position:absolute;left:24px;right:24px;bottom:140px}.auth-modal-btn.secondary{background:#f8fafc;color:#334155;border:1px solid #e2e8f0}.auth-modal-error{margin-top:14px;border-radius:16px;padding:12px 14px;background:#fee2e2b8;border:1px solid rgba(248,113,113,.25);font-size:13px;line-height:1.6;color:#b91c1c}@media(max-width:900px){.auth-modal{width:min(560px,100%)}.auth-modal-layout{grid-template-columns:1fr}.auth-modal-panel{padding:24px}.auth-modal-panel--aside{border-right:none;border-bottom:1px solid rgba(226,232,240,.95)}.membership-modal-grid,.membership-pay-body{grid-template-columns:1fr}.membership-pay-qrcode-shell{max-width:320px;margin:0 auto}.membership-modal-footer{flex-direction:column;align-items:stretch}.membership-modal-actions{width:100%;justify-content:flex-end}}.viewport{position:relative;width:100%;height:100%;overflow:hidden;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.08) 1px,transparent 0);background-size:28px 28px;z-index:1}.canvas-actions{position:absolute;top:20px;left:20px;right:20px;z-index:50;display:flex;align-items:center;justify-content:space-between;z-index:999;gap:10px}.canvas-actions-group{display:flex;align-items:center;gap:10px}.canvas-actions-group--left{justify-content:flex-start}.canvas-ecommerce-status{display:inline-flex;align-items:center;gap:10px}.ecommerce-queue-hint{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border-radius:999px;background:#dbeafec2;border:1px solid rgba(59,130,246,.16);color:#1e3a8a;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;box-shadow:0 10px 20px #3b82f61a}.ecommerce-queue-dot{width:8px;height:8px;border-radius:999px;background:#2563eb;box-shadow:0 0 #2563eb59;animation:ecommerceQueuePulse 1.4s ease infinite}.canvas-maintenance-slot{display:flex;align-items:center;gap:10px;min-width:0}.server-maintenance-banner{max-width:420px;padding:8px 12px;border-radius:999px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.24);color:#9a3412;font-size:12px;line-height:1.45;font-weight:600}.server-maintenance-banner--busy{background:#0ea5e91a;border-color:#0ea5e933;color:#0f5f7a}.canvas-actions-group--right{position:relative;display:flex;flex-wrap:wrap;margin-left:auto;margin-right:92px}.business-floating-entry{position:fixed;right:92px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:14px;z-index:998}.business-floating-entry__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.business-popover{position:absolute;width:280px;border-radius:26px;padding:18px;box-sizing:border-box;background:linear-gradient(180deg,#fffffffa,#eff6fff5);border:1px solid rgba(191,219,254,.92);box-shadow:0 22px 48px #0f172a2e;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:999}.business-popover--floating{right:0;bottom:calc(100% + 14px)}.business-popover__qrcode{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:18px;background:#fff;box-shadow:0 10px 26px #2563eb1f}.business-popover__hours,.business-popover__days{text-align:center;color:#0f172a;font-size:14px;line-height:1.6;font-weight:600}.business-popover__days{margin-top:6px}.business-popover-enter-active,.business-popover-leave-active{transition:opacity .18s ease,transform .18s ease;transform-origin:bottom right}.business-popover-enter-from,.business-popover-leave-to{opacity:0;transform:translateY(10px)}.canvas-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;border:none;font-size:12px;font-weight:600;cursor:pointer;background:#fff;color:#111827;box-shadow:0 6px 16px #0e0d0d1f;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.canvas-action-btn--ecommerce{position:relative;overflow:hidden;isolation:isolate}.canvas-action-btn--ecommerce>*{position:relative;z-index:1}.canvas-action-btn--ecommerce:not(.canvas-action-btn--queued):not(.canvas-action-btn--stop){background:linear-gradient(135deg,#fff7ed,#fde68a 46%,#fb923c);background-size:180% 180%;color:#7c2d12;border:1px solid rgba(249,115,22,.18);box-shadow:0 12px 26px #f9731638;animation:ecommerceButtonGradient 3.8s ease infinite,ecommerceButtonPulse 2.8s ease-in-out infinite}.canvas-action-btn--ecommerce:not(.canvas-action-btn--queued):not(.canvas-action-btn--stop):after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.12) 44%,rgba(255,255,255,.52) 50%,transparent 62%);transform:translate(-160%);animation:ecommerceButtonSheen 2.8s ease-in-out infinite;pointer-events:none}.canvas-action-btn:active{transform:scale(.95) translateY(1px);box-shadow:0 3px 8px #f3f2f21f;filter:brightness(.96)}.canvas-action-btn.ghost{background:#fff;color:#111827;border:1px solid #e5e7eb}.canvas-action-btn-reset-sort{margin-right:0}.canvas-action-btn--member{background:#fff;color:#111827;border:1px solid #e5e7eb;box-shadow:0 6px 16px #0e0d0d1f}.canvas-action-btn--business{background:linear-gradient(135deg,#fff,#eff6ff);color:#1d4ed8;border:1px solid rgba(37,99,235,.18);box-shadow:0 10px 22px #2563eb1f}.canvas-action-btn--service{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 10px 22px #22c55e33}.canvas-action-btn--business:active{box-shadow:0 5px 12px #2563eb1a}.canvas-action-btn--service:active{box-shadow:0 5px 12px #22c55e29}.canvas-action-btn--member:active{box-shadow:0 3px 8px #f3f2f21f}.canvas-action-btn--trailing{margin-right:0}@keyframes ecommerceButtonGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ecommerceButtonPulse{0%,to{box-shadow:0 12px 26px #f9731638;filter:saturate(1)}50%{box-shadow:0 18px 34px #f973164d;filter:saturate(1.08)}}@keyframes ecommerceButtonSheen{0%{transform:translate(-160%)}58%,to{transform:translate(160%)}}@media(max-width:900px){.canvas-maintenance-slot{flex-wrap:wrap}.server-maintenance-banner{max-width:min(420px,calc(100vw - 48px));border-radius:16px}.business-floating-entry{right:16px;bottom:16px}.canvas-actions-group--right{margin-right:0}.business-popover--floating{width:min(280px,calc(100vw - 32px))}}.world{position:absolute;inset:0;transform-origin:0 0;pointer-events:auto}.card-shell{position:absolute;display:inline-block;width:max-content;height:max-content;pointer-events:auto;z-index:2}.card-shell--dragging{z-index:30}.card{position:relative;z-index:1;width:max-content;max-width:360px;border-radius:18px;background:#fff;border:1px solid rgba(12,12,12,.12);box-shadow:0 24px 60px -40px #0f141e0d;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none}.card-delete-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;border-radius:999px;background:#0f172ad1;color:#fff;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.92);transition:opacity .12s ease,transform .12s ease,background .12s ease;z-index:3}.card:hover .card-delete-btn,.card:focus-within .card-delete-btn{opacity:1;transform:scale(1)}.card-delete-btn:hover{background:#dc2626f0}.card-delete-btn.is-deleting{opacity:1;transform:scale(1);cursor:wait;background:#475569e6}.card-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px}.viewport img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.fullscreen-overlay{position:fixed;inset:0;background:#ffffff59;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}.fullscreen-preview-frame{display:flex;align-items:center;justify-content:center;gap:24px;max-width:calc(100vw - 72px);max-height:calc(100vh - 96px);cursor:default}.fullscreen-toolbar{display:flex;gap:12px}.fullscreen-toolbar--side{flex-direction:column;align-items:stretch;z-index:1}.fullscreen-toolbar-btn{min-width:104px;height:42px;padding:0 18px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:#ffffffe0;color:#0f172a;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 18px 38px -28px #0f172a73;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.fullscreen-toolbar-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 44px -28px #0f172a7a}.fullscreen-toolbar-btn:disabled{opacity:.42;cursor:not-allowed}.fullscreen-image{max-width:min(78vw,1320px);max-height:calc(100vh - 96px);object-fit:contain;border-radius:8px;box-shadow:0 0 50px #00000080}.close-hint{position:absolute;bottom:24px;color:#94a3b8;font-size:12px}@media(max-width:768px){.fullscreen-preview-frame{flex-direction:column;gap:18px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100vh - 84px)}.fullscreen-toolbar--side{flex-direction:row;width:100%;justify-content:center;flex-wrap:wrap}.fullscreen-toolbar-btn{flex:1 1 30%;min-width:92px}.fullscreen-image{max-width:100%;max-height:calc(100vh - 172px)}}.card--mockup .card-image{height:400px;object-fit:contain}.card--skeleton{overflow:hidden;background:linear-gradient(180deg,#f1f4f7,#e6ebf0);border-color:#94a3b838;box-shadow:0 22px 48px -40px #0f172a1f}.card--skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 0%,rgba(255,255,255,.08) 28%,rgba(255,255,255,.72) 48%,rgba(255,255,255,.12) 66%,transparent 100%);transform:translate(-145%);animation:skeletonSweep 1.9s linear infinite;pointer-events:none}.card--skeleton:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.35),transparent 38%),linear-gradient(180deg,#ffffff1f,#fff0);pointer-events:none}.card--skeleton>*{position:relative;z-index:2}.card--skeleton .card-skeleton-media{width:100%;height:auto;background:linear-gradient(180deg,#ffffff42,#d9dfe6ad);border-radius:18px 18px 0 0}.card--regenerating{overflow:hidden;box-shadow:0 22px 48px -40px #0f172a2e;isolation:isolate}.card--regenerating:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(108deg,transparent 0%,rgba(255,255,255,.04) 26%,rgba(255,255,255,.52) 48%,rgba(255,255,255,.08) 66%,transparent 100%);transform:translate(-145%);animation:skeletonSweep 1.9s linear infinite;pointer-events:none;z-index:5}.card--regenerating:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ecf1f72e,#d9dfe638),radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 42%);pointer-events:none;z-index:4}.card--regenerating>*{position:relative;z-index:3}.card--regenerating .card-image{filter:saturate(.92) brightness(.96)}.card--regenerating .card-body-copy{opacity:.16;transform:none}.card--regenerating .card-delete-btn,.card--regenerating .card-detail-regenerate-btn{opacity:0;pointer-events:none}.card-regenerating-status{position:absolute;left:50%;top:18px;transform:translate(-50%);z-index:6;padding:7px 14px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 24px -16px #0f172a8c}@keyframes skeletonSweep{0%{transform:translate(-145%)}to{transform:translate(145%)}}.card--base .card-skeleton-media{aspect-ratio:3440 / 1440}.card--layout .card-skeleton-media{aspect-ratio:1440 / 1440}.card--mockup .card-skeleton-media{aspect-ratio:4 / 3}.card--result .card-skeleton-media,.card--result-detail .card-skeleton-media{aspect-ratio:9 / 16}.card--result-main .card-skeleton-media,.card--logo .card-skeleton-media{aspect-ratio:1 / 1}.card--skeleton .card-title,.card--skeleton .card-meta{color:transparent;overflow:hidden;background:#ffffff61;border-radius:999px}.card--skeleton .card-body{padding:14px 18px 16px;background:transparent}.card--skeleton .card-title{height:14px;width:92px;margin-bottom:10px}.card--skeleton .card-meta{height:10px;width:60px}.card--skeleton{width:320px;max-width:320px}.card--skeleton.card--lg{width:400px;max-width:400px}.card--skeleton.card--mockup{width:360px;max-width:360px}.card--skeleton.card--sm{width:220px;max-width:220px}.card--skeleton.card--base{width:855px;max-width:855px}.card--skeleton.card--logo{width:356px;max-width:356px}.card--skeleton.card--result-detail,.card--skeleton.card--result-main{width:360px;max-width:360px}.card:active{cursor:grabbing}.card-image{width:100%;height:auto}.card-body{padding:1px 18px;position:relative}.card-body-copy{transition:opacity .18s ease,transform .18s ease}.card-title{font-size:16px;font-weight:600}.card-meta{font-size:10px;color:#6b7280}.card--lg{max-width:400px}.card--sm{max-width:180px}.card--base{max-width:855px}.card--result-detail,.card--result-main{max-width:360px}.card-body--result-action{min-height:38px;padding-left:0;padding-right:0;overflow:hidden;isolation:isolate}.card-body--result-action .card-body-copy{padding:0 18px}.card-body--result-action:after{content:"";position:absolute;inset:0;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#ffffff0a,#0f172a24);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:1}.card-result-actions{position:absolute;inset:0;padding:0;display:flex;align-items:center;justify-content:center;gap:0;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;transform:translateY(6px) scale(.98);z-index:2}.card-result-action-btn{height:100%;border:none;border-radius:0 0 18px 18px;font-size:18px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card-detail-regenerate-btn{background:linear-gradient(135deg,#111,#2b2b2b);color:#fff;width:100%;box-shadow:none}.card-detail-replace-btn{position:absolute;right:14px;bottom:12px;height:34px;padding:0 14px;border-radius:999px;background:#fffffff5;color:#111827;border:1px solid rgba(17,24,39,.14);min-width:112px;font-size:12px;font-weight:700;letter-spacing:.01em;z-index:3}.card--result-detail:hover .card-body-copy,.card--result-main:hover .card-body-copy,.card:focus-within .card-body--result-action .card-body-copy{opacity:.08;transform:translateY(2px)}.card--result-detail:hover .card-body--result-action:after,.card--result-main:hover .card-body--result-action:after,.card:focus-within .card-body--result-action:after{opacity:1}.card--regenerating.card--result-detail:hover .card-body-copy,.card--regenerating.card--result-main:hover .card-body-copy,.card--regenerating.card:focus-within .card-body--result-action .card-body-copy{opacity:.16;transform:none}.card--result-detail:hover .card-result-actions,.card--result-main:hover .card-result-actions,.card:focus-within .card-body--result-action .card-result-actions,.card-result-actions.is-active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.card-detail-regenerate-btn:hover{background:linear-gradient(135deg,#000,#171717);transform:translateY(-1px)}.card-detail-replace-btn:hover{background:#fff;border-color:#11182747;transform:translateY(-1px)}.card-result-action-btn:disabled{cursor:wait}.prompt-options{margin-top:10px;display:grid;gap:10px}.prompt-option.skip-option{border:1px dashed #ccc;background-color:#f9f9f9;margin-top:8px;opacity:.8}.prompt-option.skip-option:hover{background-color:#eff6ff;border-color:#7a7a7a;opacity:1}.prompt-option.skip-option .opt-title{color:#555}.prompt-option.skip-option.is-selected{border:1px solid #2563eb;background-color:#eff6ff;color:#2563eb}.prompt-option{position:relative;overflow:hidden;padding:10px;border-radius:10px;border:1px solid #dbeafe;background:#fff;cursor:pointer}.prompt-option:hover{box-shadow:0 6px 14px #2563eb1f}.prompt-option.is-selected{border-color:#2563eb;background:linear-gradient(135deg,#eef2ff,#fff 60%);box-shadow:0 8px 18px #2563eb2e;transform:translateY(-1px)}.prompt-option.is-selected:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 3px #2563eb26}.opt-title{font-weight:600;color:#1d4ed8;margin-bottom:4px}.opt-text{font-size:12px;color:#374151}.opt-tags span{font-size:10px;background:#eef2ff;padding:2px 6px;border-radius:6px;margin-right:4px}.prompt-options-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.prompt-options-title{font-weight:600;color:#1d4ed8;font-size:12px}.prompt-options-refresh{border:1px solid #dbeafe;background:#eff6ff;color:#2563eb;font-size:12px;padding:4px 8px;border-radius:8px;cursor:pointer}.prompt-options-refresh:hover{background:#dbeafe}.prompt-options-refresh:disabled{opacity:.7;cursor:not-allowed}.refreshing{display:inline-flex;align-items:center;gap:6px}.prompt-options.is-refreshing .prompt-option{animation:cardPulseSoft 2.2s ease-in-out infinite}.prompt-options.is-refreshing .prompt-option:after{content:"";position:absolute;top:-160%;left:-160%;width:130%;height:340%;background:repeating-linear-gradient(120deg,#fff0 0px 10px,#ffffff2e 12px,#fff0 16px),linear-gradient(120deg,transparent 0%,rgba(59,130,246,.18) 45%,rgba(191,219,254,.35) 50%,rgba(59,130,246,.18) 55%,transparent 100%);transform:translate(-240%);animation:shimmerGrain 2.8s linear infinite;pointer-events:none;mix-blend-mode:screen}@keyframes cardPulseSoft{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.015);opacity:.8}to{transform:scale(1);opacity:.95}}@keyframes shimmerGrain{0%{transform:translate(-240%)}to{transform:translate(340%)}}.progress-list{margin-top:10px;padding:10px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px}.progress-title{font-size:12px;color:#1d4ed8;font-weight:600;margin-bottom:6px}.progress-item{display:grid;grid-template-columns:1fr 22px;align-items:center;gap:8px;font-size:12px;color:#475569;padding:3px 0}.progress-text{line-height:1.5}.progress-status{display:flex;align-items:center;justify-content:flex-end;width:22px;height:16px}.progress-circle{width:8px;height:8px;border:1px solid #cbd5e1;border-radius:999px}.progress-dot{width:8px;height:8px;background:#2563eb;border-radius:999px;animation:pulseDot 1.2s ease-in-out infinite}.progress-check{color:#16a34a;font-weight:700;font-size:12px}.progress-item.is-done{color:#15803d}.progress-item.is-done,.progress-item.is-done .progress-icon{color:#16a34a}@keyframes pulseDot{0%{transform:scale(.7);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(.7);opacity:.6}}.progress-text{flex:1}.progress-check{margin-left:10px;color:#16a34a;font-weight:700;font-size:12px}.poster-action-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f8faff;border-bottom:1px solid #eef2f6;animation:fadeIn .3s ease}.poster-action-bar .selected-info{font-size:14px}.poster-action-bar .highlight-text{color:#6366f1;font-weight:600;background:#6366f11a;padding:4px 8px;border-radius:6px}.poster-action-bar .hint-text{color:#9ca3af}.btn-gen-poster:hover{transform:scale(1.02);filter:brightness(1.1)}.btn-gen-poster:active{transform:translateY(0)}.btn-gen-poster:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{display:flex;gap:10px;padding:6px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.auth-tab-item{flex:1;text-align:center;min-height:46px;padding:12px 0;font-size:14px;color:#64748b;background:transparent;border:none;border-radius:14px;cursor:pointer;position:relative;transition:all .2s}.auth-tab-item:hover{color:#0f172a}.auth-tab-item.active{color:#0f172a;font-weight:700;background:#fff;box-shadow:0 10px 22px #0f172a14}.auth-tab-item.active:after{display:none}.auth-input-group{display:flex;align-items:center;gap:0}.btn-send-code{height:46px;padding:0 16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-left:none;border-top-right-radius:16px;border-bottom-right-radius:16px;color:#1d4ed8;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;min-width:112px}.btn-send-code:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.btn-send-code:hover:not(:disabled){background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.beian-footer{position:fixed;bottom:5px;left:0;right:0;text-align:center;font-size:10px;color:#9999;z-index:1;pointer-events:none}.beian-footer a{pointer-events:auto;color:inherit;text-decoration:none}.fetch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;overflow-y:auto}.fetch-card{border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#fff;transition:all .2s}.fetch-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.fetch-card.active{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.fetch-card img{width:100%;height:200px;object-fit:cover}.fetch-card-info{padding:8px;font-size:12px;text-align:center;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-hint{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af;background:#fff;border-radius:8px}.admin-page[data-v-eded4c47]{padding:20px;max-width:1400px;margin:0 auto;height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa;box-sizing:border-box}.admin-header[data-v-eded4c47]{margin-bottom:20px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;flex-shrink:0}.tab-bar[data-v-eded4c47]{margin-top:15px;display:flex;gap:10px}.admin-toolbar[data-v-eded4c47]{margin-top:16px;display:flex;flex-direction:column;gap:12px}.maintenance-card[data-v-eded4c47]{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:12px;border:1px solid #fde68a;background:linear-gradient(180deg,#fffbeb,#fff7ed)}.maintenance-card--busy[data-v-eded4c47]{border-color:#bfdbfe;background:linear-gradient(180deg,#f8fbff,#eff6ff)}.maintenance-card__copy[data-v-eded4c47]{min-width:0;flex:1}.maintenance-card__title[data-v-eded4c47]{font-size:14px;font-weight:700;color:#92400e}.maintenance-card__desc[data-v-eded4c47]{margin-top:4px;font-size:13px;line-height:1.5;color:#9a3412}.maintenance-card__state[data-v-eded4c47]{min-width:64px;font-size:13px;font-weight:700;color:#64748b;text-align:right}.maintenance-card__state.is-on[data-v-eded4c47]{color:#b45309}.maintenance-card--busy .maintenance-card__title[data-v-eded4c47]{color:#0f4c81}.maintenance-card--busy .maintenance-card__desc[data-v-eded4c47]{color:#295b85}.maintenance-card__state--busy.is-on[data-v-eded4c47]{color:#0369a1}.admin-switch[data-v-eded4c47]{position:relative;display:inline-flex;width:52px;height:30px;flex:0 0 auto;cursor:pointer}.admin-switch input[data-v-eded4c47]{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.admin-switch__slider[data-v-eded4c47]{position:relative;width:100%;height:100%;border-radius:999px;background:#cbd5e1;transition:background .18s ease}.admin-switch__slider[data-v-eded4c47]:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0f172a29;transition:transform .18s ease}.admin-switch input:checked+.admin-switch__slider[data-v-eded4c47]{background:#f59e0b}.admin-switch input:checked+.admin-switch__slider[data-v-eded4c47]:after{transform:translate(22px)}.admin-switch input:disabled+.admin-switch__slider[data-v-eded4c47]{opacity:.6}.tab-bar button[data-v-eded4c47]{padding:8px 20px;border:1px solid #ddd;background:#f9f9f9;cursor:pointer;border-radius:4px;font-weight:500}.tab-bar button.active[data-v-eded4c47]{background:#222;color:#fff;border-color:#222}.admin-body[data-v-eded4c47]{display:flex;gap:20px;flex:1;overflow:hidden}.list-panel[data-v-eded4c47]{flex:2;background:#fff;border-radius:8px;padding:20px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000d}.panel-head[data-v-eded4c47]{display:flex;justify-content:space-between;margin-bottom:15px}.table-container[data-v-eded4c47]{flex:1;overflow-y:auto;border:1px solid #eee}table[data-v-eded4c47]{width:100%;border-collapse:collapse}th[data-v-eded4c47],td[data-v-eded4c47]{padding:10px;text-align:left;border-bottom:1px solid #eee;vertical-align:top}th[data-v-eded4c47]{background:#fafafa;position:sticky;top:0;z-index:10}.thumb-img[data-v-eded4c47]{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #eee}.no-img[data-v-eded4c47]{font-size:12px;color:#ccc}.row-title[data-v-eded4c47]{font-weight:700;font-size:14px}.row-sub[data-v-eded4c47]{font-size:12px;color:#999;font-family:monospace}.row-prompt[data-v-eded4c47]{font-size:12px;color:#888;margin-top:4px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.btn-refresh[data-v-eded4c47]{padding:4px 12px;cursor:pointer}.btn-del[data-v-eded4c47]{background:#ff4d4f;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px}.btn-edit[data-v-eded4c47]{background:#3b82f6;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px;margin-right:6px}.drag-hint[data-v-eded4c47]{display:inline-block;font-size:12px;color:#64748b;margin-right:6px;-webkit-user-select:none;user-select:none}.bg-row-dragging[data-v-eded4c47]{opacity:.45}.bg-row-dragover[data-v-eded4c47]{outline:2px dashed #3b82f6;outline-offset:-2px;background:#eff6ff}.form-panel[data-v-eded4c47]{flex:1;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d;overflow-y:auto}.form-header[data-v-eded4c47]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.btn-cancel[data-v-eded4c47]{font-size:12px;background:#e5e7eb;border:none;padding:4px 10px;border-radius:12px;cursor:pointer;color:#374151}.form-item[data-v-eded4c47]{margin-bottom:15px}.form-item label[data-v-eded4c47]{display:block;margin-bottom:6px;font-weight:700;font-size:13px}.form-item input[data-v-eded4c47],.form-item textarea[data-v-eded4c47]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.upload-group[data-v-eded4c47]{display:flex;gap:8px}.upload-group input[data-v-eded4c47]{flex:1}.btn-upload[data-v-eded4c47]{padding:0 15px;background:#10b981;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;font-size:13px}.btn-upload[data-v-eded4c47]:hover{background:#059669}.img-preview-box[data-v-eded4c47]{margin-top:8px;padding:8px;border:1px dashed #ddd;border-radius:4px;background:#f9f9f9;text-align:center}.img-preview-box img[data-v-eded4c47]{max-width:100%;max-height:150px;object-fit:contain;border-radius:4px}input.disabled[data-v-eded4c47]{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.hint[data-v-eded4c47]{font-weight:400;font-size:12px;color:#ef4444}.form-actions[data-v-eded4c47]{margin-top:25px}.btn-submit[data-v-eded4c47]{width:100%;padding:12px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:15px;cursor:pointer;font-weight:700}.btn-submit[data-v-eded4c47]:disabled{background:#8cc8ff;cursor:not-allowed}.redeem-wrap[data-v-eded4c47]{width:100%;display:flex}.redeem-card[data-v-eded4c47]{width:100%;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.redeem-row[data-v-eded4c47]{display:flex;align-items:center;gap:8px;margin-bottom:14px}.redeem-label[data-v-eded4c47]{color:#555}.redeem-actions[data-v-eded4c47]{margin-bottom:14px;max-width:260px;display:flex;flex-direction:column;gap:8px}.redeem-code-box[data-v-eded4c47]{display:flex;gap:10px;align-items:center;margin-bottom:12px}.redeem-code-box input[data-v-eded4c47]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px}.redeem-tip[data-v-eded4c47]{color:#666;font-size:13px;margin:0}.fetch-grid[data-v-eded4c47]{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:10px;align-content:start}.task-card[data-v-eded4c47]{position:relative;display:flex;flex-direction:column;height:260px;background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:all .2s ease}.task-card.selected[data-v-eded4c47]{border:3px solid #3b82f6!important;box-shadow:0 4px 12px #3b82f633}.floating-delete-btn[data-v-eded4c47]{position:absolute;top:6px;right:6px;z-index:20;width:22px;height:22px;line-height:20px;text-align:center;background:#ef4444e6;color:#fff;border:none;border-radius:50%;font-size:16px;cursor:pointer;opacity:0;transition:opacity .2s}.task-card:hover .floating-delete-btn[data-v-eded4c47]{opacity:1}.select-badge[data-v-eded4c47]{position:absolute;top:6px;left:6px;z-index:20;width:18px;height:18px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.card-image-wrapper[data-v-eded4c47]{flex:1;width:100%;overflow:hidden;background:#f9fafb}.card-image-wrapper img[data-v-eded4c47]{width:100%;height:100%;object-fit:cover}.card-footer-mini[data-v-eded4c47]{height:32px;display:flex;align-items:center;padding:0 8px;font-size:10px;color:#999;border-top:1px solid #eee;background:#fff;flex-shrink:0}.billing-wrap[data-v-eded4c47]{width:100%;height:100%;display:flex;flex-direction:column;gap:12px;overflow:hidden}.billing-filters[data-v-eded4c47]{background:#fff;border-radius:8px;padding:12px;display:grid;grid-template-columns:1.6fr 1fr 1.4fr 1fr 1fr 1fr 100px auto auto;gap:8px;align-items:center;box-shadow:0 2px 8px #0000000d}.analytics-wrap[data-v-eded4c47]{width:100%;height:100%;display:flex;flex-direction:column;gap:12px;overflow:auto}.analytics-filters[data-v-eded4c47]{background:#fff;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 2px 8px #0000000d}.analytics-range-group[data-v-eded4c47]{display:inline-flex;gap:8px;flex-wrap:wrap}.analytics-range-btn[data-v-eded4c47]{padding:8px 14px;border:1px solid #dbe3f0;border-radius:999px;background:#f8fafc;color:#334155;cursor:pointer;font-size:13px;font-weight:600}.analytics-range-btn.active[data-v-eded4c47]{background:#0f172a;border-color:#0f172a;color:#fff}.analytics-summary-grid[data-v-eded4c47]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytics-summary-card[data-v-eded4c47]{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:12px;padding:16px 18px;box-shadow:0 2px 8px #0f172a0d}.analytics-summary-card__label[data-v-eded4c47]{font-size:13px;font-weight:700;color:#475569}.analytics-summary-card__value[data-v-eded4c47]{margin-top:8px;font-size:30px;line-height:1;font-weight:800;color:#0f172a}.analytics-summary-card__sub[data-v-eded4c47]{margin-top:8px;font-size:12px;color:#64748b}.analytics-grid[data-v-eded4c47]{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.billing-filters input[data-v-eded4c47],.billing-filters select[data-v-eded4c47]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px}.billing-grid[data-v-eded4c47]{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:12px}.report-filters[data-v-eded4c47]{background:#fff;border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr 120px auto auto;gap:8px;align-items:center;box-shadow:0 2px 8px #0000000d}.report-filters input[data-v-eded4c47]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px}.row-desc[data-v-eded4c47]{white-space:pre-wrap;word-break:break-word}.report-images[data-v-eded4c47]{display:flex;flex-wrap:wrap;gap:6px}.report-image-link[data-v-eded4c47]{display:inline-flex}.report-thumb[data-v-eded4c47]{width:42px;height:42px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.billing-card[data-v-eded4c47]{background:#fff;border-radius:8px;padding:12px;min-height:0;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000d}.delta-plus[data-v-eded4c47]{color:#059669;font-weight:700}.delta-minus[data-v-eded4c47]{color:#dc2626;font-weight:700}.empty-row[data-v-eded4c47]{text-align:center;color:#9ca3af}@media(max-width:1200px){.billing-filters[data-v-eded4c47]{grid-template-columns:1fr 1fr 1fr}.report-filters[data-v-eded4c47]{grid-template-columns:1fr 1fr}.analytics-summary-grid[data-v-eded4c47]{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid[data-v-eded4c47]{grid-template-columns:1fr}}@media(max-width:768px){.analytics-filters[data-v-eded4c47]{flex-direction:column;align-items:stretch}.analytics-summary-grid[data-v-eded4c47]{grid-template-columns:1fr}}.task-card[data-v-eded4c47]{position:relative}.floating-delete-btn[data-v-eded4c47]{position:absolute;top:5px;right:5px;z-index:10}.loompac-ecagent-page[data-v-b9763c4f]{padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333;height:100vh;overflow-y:auto;background-color:#f4f6f8;display:flex;flex-direction:column}.header-section[data-v-b9763c4f]{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:sticky;top:0;background:#f4f6f8;z-index:100;padding:10px 0}.filter-controls[data-v-b9763c4f]{display:flex;gap:12px}.filter-input[data-v-b9763c4f]{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;min-width:250px;outline:none}.filter-input[data-v-b9763c4f]:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.content-section[data-v-b9763c4f]{flex:1}.refresh-btn[data-v-b9763c4f]{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.table-container[data-v-b9763c4f]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:visible}.image-table[data-v-b9763c4f]{width:100%;border-collapse:collapse}.image-table th[data-v-b9763c4f],.image-table td[data-v-b9763c4f]{padding:14px;text-align:center;border-bottom:1px solid #edf2f7;vertical-align:middle}.image-table th[data-v-b9763c4f]{background-color:#f8fafc;font-weight:600;color:#4a5568;position:sticky;top:60px;z-index:99}.sid-th[data-v-b9763c4f],.sid-td[data-v-b9763c4f]{width:1px;white-space:nowrap}.sid-code[data-v-b9763c4f]{font-size:11px;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#64748b}.image-table tr[data-v-b9763c4f]:hover{background-color:#f7fafc}.tag[data-v-b9763c4f]{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.tag-base[data-v-b9763c4f],.tag-base_image[data-v-b9763c4f]{background:#e3f2fd;color:#1976d2}.tag-poster[data-v-b9763c4f],.tag-poster_image[data-v-b9763c4f]{background:#f3e5f5;color:#7b1fa2}.pagination-footer[data-v-b9763c4f]{padding:30px;text-align:center}.load-more-btn[data-v-b9763c4f]{padding:10px 24px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.load-more-btn[data-v-b9763c4f]:hover{background-color:#f9fafb;border-color:#9ca3af}.mini-loading[data-v-b9763c4f]{color:#666;font-style:italic}.no-more[data-v-b9763c4f]{color:#999;font-size:.9rem}.preview-cell[data-v-b9763c4f]{width:100px}.preview-img[data-v-b9763c4f]{width:160px;height:90px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid #ddd;transition:transform .2s}.poster-img[data-v-b9763c4f]{width:120px;height:120px;object-fit:contain;background:#000}.preview-cell[data-v-b9763c4f]{width:180px}.poster-cell[data-v-b9763c4f]{width:140px}.img-wrapper[data-v-b9763c4f]{display:flex;justify-content:center;align-items:center}.path-cell code[data-v-b9763c4f]{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f0f0f0;padding:4px 8px;border-radius:4px;font-size:12px;color:#d63384;cursor:pointer}.loading[data-v-b9763c4f],.error[data-v-b9763c4f]{text-align:center;padding:40px;font-size:1.2rem}.error[data-v-b9763c4f]{color:#dc3545}.action-cell[data-v-b9763c4f]{display:flex!important;flex-direction:column;gap:8px;justify-content:center;align-items:center;padding:8px;min-height:120px}.action-btn[data-v-b9763c4f]{padding:6px 12px;border-radius:4px;border:none;cursor:pointer;font-size:13px;width:100px;transition:background .2s}.main-btn[data-v-b9763c4f]{background-color:#4caf50;color:#fff}.main-btn[data-v-b9763c4f]:hover{background-color:#45a049}.detail-btn[data-v-b9763c4f]{background-color:#2196f3;color:#fff}.detail-btn[data-v-b9763c4f]:hover{background-color:#1e88e5}