.admin-page{min-height:100%;display:flex;flex-direction:column;background:var(--bg-page)}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:20}.admin-topbar-brand{display:flex;align-items:center;gap:12px}.admin-topbar-logo{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.admin-topbar-title{font-size:15px;font-weight:600;color:var(--text-main)}.admin-topbar-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.admin-topbar-actions{display:flex;align-items:center;gap:10px}.admin-user-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--bg-subtle);color:var(--text-body);font-size:12px}.admin-body{flex:1;display:grid;grid-template-columns:208px 1fr;gap:20px;padding:20px 24px 40px;align-items:start}.admin-nav{display:flex;flex-direction:column;gap:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-sm);position:sticky;top:84px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-size:13px;cursor:pointer;text-align:left;font-family:inherit}.admin-nav-item:hover{background:var(--bg-hover)}.admin-nav-item.is-active{background:var(--primary-light);color:var(--primary);font-weight:600}.admin-content{display:flex;flex-direction:column;gap:18px;min-width:0}.admin-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border-subtle)}.admin-card-head h3{font-size:14px;font-weight:600;color:var(--text-main)}.admin-card-head p{font-size:12px;color:var(--text-muted);margin-top:4px}.admin-card-body{padding:18px}.admin-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.admin-field{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-field.is-full{grid-column:1 / -1}.admin-field>label{font-size:12px;font-weight:600;color:var(--text-body);display:flex;align-items:center;gap:6px}.admin-input,.admin-select{height:36px;padding:0 10px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;color:var(--text-main);background:var(--bg-surface);font-family:inherit;outline:none;width:100%}.admin-input:focus,.admin-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f626}.admin-secret-wrap{position:relative;display:flex;align-items:center}.admin-secret-wrap .admin-input{padding-right:38px}.admin-secret-toggle{position:absolute;right:4px;width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.admin-secret-toggle:hover{background:var(--bg-subtle);color:var(--text-body)}.admin-field-hint{font-size:11px;color:var(--text-subtle);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-source-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;font-size:11px;background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.admin-source-tag.is-db{background:var(--emerald-light);color:var(--emerald);border-color:var(--emerald-border)}.admin-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-subtle)}.admin-switch-row span{font-size:13px;color:var(--text-body)}.admin-switch{position:relative;width:40px;height:22px;border-radius:999px;border:0;background:var(--border-medium);cursor:pointer;transition:background .16s ease;flex:none}.admin-switch.is-on{background:var(--primary)}.admin-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .16s ease}.admin-switch.is-on:after{transform:translate(18px)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.admin-table th{font-size:12px;font-weight:600;color:var(--text-muted);background:var(--bg-subtle)}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table .is-muted{color:var(--text-subtle)}.admin-role-badge,.admin-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid transparent}.admin-role-badge.is-admin{background:var(--purple-light);color:var(--purple);border-color:var(--purple-border)}.admin-role-badge.is-staff{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border-subtle)}.admin-status-badge.is-active{background:var(--emerald-light);color:var(--emerald);border-color:var(--emerald-border)}.admin-status-badge.is-disabled{background:var(--rose-light);color:var(--rose);border-color:var(--rose-border)}.admin-row-actions{display:flex;gap:6px;justify-content:flex-end}.admin-icon-btn{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);cursor:pointer}.admin-icon-btn:hover{color:var(--primary);border-color:var(--primary-border);background:var(--primary-light)}.admin-icon-btn.is-danger:hover{color:var(--rose);border-color:var(--rose-border);background:var(--rose-light)}.admin-icon-btn.is-confirm{color:var(--rose);border-color:var(--rose-border);background:var(--rose-light);width:auto;padding:0 10px;font-size:12px}.admin-empty{padding:34px 18px;text-align:center;color:var(--text-subtle);font-size:13px}.admin-alert{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;border:1px solid transparent}.admin-alert.is-error{background:var(--rose-light);color:var(--rose);border-color:var(--rose-border)}.admin-alert.is-success{background:var(--emerald-light);color:var(--emerald);border-color:var(--emerald-border)}.admin-alert.is-info{background:var(--amber-light);color:var(--amber);border-color:var(--amber-border)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:20px;z-index:60}.admin-modal{width:min(440px,100%);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.admin-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);font-size:14px;font-weight:600;color:var(--text-main)}.admin-modal-body{padding:18px;display:flex;flex-direction:column;gap:12px}.admin-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px 18px}.admin-loading{display:flex;align-items:center;gap:8px;padding:40px 0;justify-content:center;color:var(--text-muted);font-size:13px}.admin-spin{animation:admin-spin .9s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.admin-body{grid-template-columns:1fr}.admin-nav{flex-direction:row;position:static;overflow-x:auto}.admin-field-grid{grid-template-columns:1fr}}.admin-ai-shared-hint{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--primary-border);background:var(--primary-light);color:var(--primary);font-size:13px}.admin-ai-shared-hint .admin-source-tag{margin-left:auto}.admin-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.admin-platform-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.admin-platform-card.is-developing{background:var(--bg-subtle, #f7f9fc)}.admin-platform-top{display:flex;align-items:center;gap:10px}.admin-platform-logo{flex:0 0 auto;width:32px;height:32px;border-radius:var(--radius-sm, 8px);display:grid;place-items:center;color:#fff}.admin-platform-title{min-width:0;display:flex;flex-direction:column}.admin-platform-title strong{font-size:15px;color:var(--text-main)}.admin-platform-vendor{font-size:12px;color:var(--text-muted)}.admin-platform-status{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:12px;white-space:nowrap}.admin-platform-status.is-available{background:#e8f6ee;color:#1f7a45}.admin-platform-status.is-developing{background:#f1f3f7;color:#8a94a6}.admin-platform-summary{margin:0;font-size:13px;color:var(--text-main)}.admin-platform-desc{margin:0;font-size:12px;line-height:1.6;color:var(--text-muted)}.admin-platform-caps{display:flex;flex-wrap:wrap;gap:6px}.admin-platform-cap{padding:2px 8px;border-radius:999px;background:var(--bg-subtle, #f1f3f7);color:var(--text-muted);font-size:11px}.admin-platform-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px}.admin-platform-ai{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.merchant-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.merchant-info-item{display:flex;flex-direction:column;gap:3px}.merchant-info-item span{font-size:12px;color:var(--text-muted)}.merchant-info-item strong{font-size:14px;color:var(--text-main);font-weight:600}.merchant-remark{margin:12px 0 0;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc);font-size:13px;color:var(--text-muted)}.merchant-project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.merchant-project{padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);display:flex;flex-direction:column;gap:12px}.merchant-project-top{display:flex;align-items:center;gap:10px}.merchant-project-icon{width:30px;height:30px;border-radius:var(--radius-sm, 8px);display:grid;place-items:center;background:var(--primary-light);color:var(--primary);flex:0 0 auto}.merchant-project-top strong{display:block;font-size:14px;color:var(--text-main)}.merchant-project-type{font-size:12px;color:var(--text-muted)}.merchant-project-top .admin-status-badge{margin-left:auto}.merchant-project-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-row-actions .admin-icon-btn.is-primary{color:var(--primary)}.m-progress{display:flex;align-items:center;gap:8px}.m-progress-track{flex:1;min-width:60px;height:6px;border-radius:999px;background:var(--border-subtle);overflow:hidden}.m-progress-bar{height:100%;border-radius:999px;background:var(--primary);transition:width .25s ease}.m-progress-bar.is-done{background:#16a34a}.m-progress-text{font-size:12px;color:var(--text-muted);white-space:nowrap}.merchant-summary-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.merchant-summary-bar-item{display:flex;align-items:baseline;gap:6px}.merchant-summary-bar-item span{font-size:12px;color:var(--text-muted)}.merchant-summary-bar-item strong{font-size:16px;color:var(--text-main);font-weight:600}.merchant-summary-bar-item em{font-style:normal;font-size:12px;color:var(--text-muted)}.merchant-summary-bar-item.is-wide{flex:1;min-width:240px;flex-direction:column;align-items:stretch;gap:4px}.merchant-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.merchant-summary-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.merchant-summary-item span{font-size:12px;color:var(--text-muted)}.merchant-summary-item strong{font-size:18px;color:var(--text-main);font-weight:600}.merchant-summary-item em{font-style:normal;font-size:11px;color:#8a94a6}.merchant-summary-platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.merchant-summary-chip{padding:4px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:12px}.merchant-project-stats{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--text-muted)}.merchant-project-stats b{color:var(--text-main);font-weight:600}.admin-perm{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.admin-perm-head{display:flex;align-items:center;gap:8px;color:var(--primary)}.admin-perm-head strong{font-size:13px}.admin-perm-head span{font-size:12px;color:var(--text-muted)}.admin-perm-group-title{font-size:12px;color:var(--text-muted);margin-bottom:6px}.admin-perm-list{display:flex;flex-wrap:wrap;gap:8px}.admin-perm-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 8px);background:var(--bg-surface);font-size:13px;color:var(--text-muted);cursor:pointer}.admin-perm-item.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--text-main)}.admin-perm-item input{accent-color:var(--primary)}.admin-perm-item em{font-style:normal;font-size:11px;color:var(--text-muted)}.admin-perm-cell{display:flex;flex-wrap:wrap;gap:4px}.admin-perm-tag{padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border-subtle)}.admin-perm-tag.is-on{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.admin-perm-tag.is-off{background:#f1f3f7;border-color:var(--border-subtle);color:#9aa4b5;text-decoration:line-through}.admin-perm-tag.is-admin{background:var(--primary);border-color:var(--primary);color:#fff}.admin-perm-summary{margin-top:3px;font-size:11px;color:var(--text-muted)}.admin-shared-caps{margin-bottom:16px;padding:12px 14px;border:1px dashed var(--primary-border);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.admin-shared-caps-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--primary)}.admin-shared-caps-head strong{font-size:13px}.admin-shared-caps-head span{font-size:12px;color:var(--text-muted)}.admin-shared-caps-list{display:flex;flex-wrap:wrap;gap:10px}.admin-shared-cap{display:flex;flex-direction:column;gap:2px;min-width:220px;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;text-align:left}.admin-shared-cap:hover{border-color:var(--primary-border)}.admin-shared-cap-main{display:flex;align-items:center;gap:8px}.admin-shared-cap-main strong{font-size:14px;color:var(--text-main)}.admin-shared-cap-main em{font-style:normal;font-size:11px;color:#8a94a6}.admin-shared-cap-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--primary)}.admin-platform-granted{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.system-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.system-info-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.system-info-item.is-wide{grid-column:1 / -1}.system-info-item span{font-size:12px;color:var(--text-muted)}.system-info-item strong{font-size:14px;color:var(--text-main);font-weight:600;word-break:break-all}.system-info-item em{font-style:normal;font-size:11px;color:#8a94a6}.system-info-perms{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.system-info-summary{margin-top:10px;font-size:12px;color:var(--text-muted);word-break:break-all}.ai-provider-card.is-enabled{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);background:#fff}.ai-provider-flag{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;color:var(--emerald);background:#10b9811f}.ai-provider-foot{display:flex;align-items:center;justify-content:space-between;margin-top:2px;font-size:12px}.ai-provider-state{color:#8a94a6}.ai-provider-state.is-on{color:var(--emerald)}.ai-provider-open{display:inline-flex;align-items:center;gap:3px;color:var(--primary)}.ai-provider-modal{width:min(720px,100%)}.ai-provider-modal .admin-modal-body{max-height:min(70vh,620px);overflow-y:auto}.ai-provider-enable{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.ai-provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.ai-provider-card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc);text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.ai-provider-card:hover{border-color:var(--primary)}.ai-provider-card.is-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);background:#fff}.ai-provider-top{display:flex;align-items:center;gap:8px}.ai-provider-top strong{font-size:14px;color:var(--text-main)}.ai-provider-sub{font-size:12px;color:var(--text-muted)}.ai-provider-caps{display:flex;flex-wrap:wrap;gap:4px}.ai-provider-note{font-size:11px;color:#8a94a6;line-height:1.5}.ai-provider-docs{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--primary)}.ai-recharge-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.ai-recharge-amounts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ai-amount-chip{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;font-size:14px;color:var(--text-main);cursor:pointer}.ai-amount-chip em{font-style:normal;font-size:11px;color:#8a94a6}.ai-amount-chip.is-active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.ai-amount-input{width:120px}.ai-pay-modal{width:min(520px,100%)}.ai-pay-box{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.ai-pay-qr{width:220px;height:220px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff}.ai-pay-qr.is-text{display:flex;align-items:center;justify-content:center;padding:12px;font-size:12px;color:var(--text-muted);text-align:center}.ai-pay-info{display:flex;flex-direction:column;gap:10px;flex:1;min-width:200px}.ai-pay-status{font-size:14px;color:var(--text-main);font-weight:600}.ai-pay-order-id{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.ai-pay-link{display:inline-flex;align-items:center;gap:3px;color:var(--primary);font-size:13px}.ai-pay-hint{font-size:12px;color:#8a94a6}.designer-shell{min-height:100%;display:flex;flex-direction:column;background:var(--bg-page)}.designer-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:20}.designer-topbar-left{display:flex;align-items:center;gap:12px}.designer-logo{width:34px;height:34px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.designer-topbar-title{display:flex;flex-direction:column}.designer-topbar-title strong{font-size:15px;color:var(--text-main)}.designer-topbar-title small{font-size:12px;color:var(--text-muted)}.designer-topbar-right{display:flex;align-items:center;gap:8px}.designer-scope-tag{padding:3px 10px;border-radius:999px;background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary);font-size:12px}.designer-body{flex:1;display:flex;flex-direction:column;gap:16px;padding:20px 24px 32px;max-width:1240px;margin:0 auto;width:100%;box-sizing:border-box}.designer-card{padding:18px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.designer-hero{background:linear-gradient(135deg,#f5faff,#f7f5ff)}.designer-hero-head{display:flex;align-items:flex-start;gap:14px}.designer-hero-icon{flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--primary);color:#fff}.designer-hero-head h2{margin:0 0 4px;font-size:17px;color:var(--text-main)}.designer-hero-head p{margin:0;font-size:13px;line-height:1.7;color:var(--text-muted)}.designer-badge{margin-left:auto;padding:3px 12px;border-radius:999px;background:#f1f3f7;color:#8a94a6;font-size:12px;white-space:nowrap}.designer-hero-actions{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.designer-my-perm{font-size:12px;color:var(--text-muted)}.designer-card-head{margin-bottom:12px}.designer-card-head h3{margin:0 0 4px;font-size:15px;color:var(--text-main)}.designer-card-head p{margin:0;font-size:12px;color:var(--text-muted)}.designer-platform-list{display:flex;flex-wrap:wrap;gap:10px}.designer-platform{display:flex;flex-direction:column;gap:2px;min-width:140px;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;text-align:left}.designer-platform.is-available{border-color:var(--primary-border);background:var(--primary-light)}.designer-platform:disabled{cursor:default;opacity:.7}.designer-platform span{font-size:14px;color:var(--text-main)}.designer-platform em{font-size:11px;font-style:normal;color:var(--text-muted)}.designer-plan{margin:0 0 8px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.designer-plan li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-main)}.designer-plan li svg{color:var(--text-muted)}.designer-note{margin:10px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--primary)}.designer-stats{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.designer-stat{padding:10px 12px;border-radius:var(--radius-md);background:#ffffffb8;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:2px}.designer-stat span{font-size:11px;color:var(--text-muted)}.designer-stat strong{font-size:18px;color:var(--text-main)}.designer-stat em{font-size:11px;font-style:normal;color:var(--text-muted)}.designer-error{padding:10px 14px;border-radius:var(--radius-md);background:var(--rose-light, #fdecec);color:var(--rose, #d93025);font-size:13px}.designer-loading,.designer-empty{padding:40px 0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:13px}.designer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.designer-filters{display:flex;gap:8px;flex-wrap:wrap}.designer-chip{padding:6px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);font-size:13px;cursor:pointer}.designer-chip.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary)}.designer-chip.is-match{border-style:dashed}.designer-shop-line{margin:10px 0 0;font-size:12px;color:var(--text-muted)}.designer-card-status.is-match{background:var(--emerald-light, #e9f8f1);color:var(--emerald, #059669)}.designer-toolbar-right{display:flex;align-items:center;gap:8px}.designer-search{display:flex;align-items:center;gap:6px;padding:0 10px;height:32px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-muted)}.designer-search input{border:0;outline:none;background:transparent;width:220px;font-size:13px;color:var(--text-main)}.designer-select{height:32px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);font-size:13px;color:var(--text-main)}.designer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.designer-card-item{--accent: var(--primary);padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;transition:box-shadow .18s ease,transform .18s ease}.designer-card-item:hover{box-shadow:var(--shadow-md, 0 4px 14px rgba(15, 23, 42, .1));transform:translateY(-2px)}.designer-card-top{display:flex;gap:12px;align-items:center}.designer-avatar{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:600;border:1px solid rgba(0,0,0,.06)}.designer-avatar.is-big{width:64px;height:64px;border-radius:18px;font-size:28px}.designer-card-title{display:flex;flex-direction:column;gap:2px;min-width:0}.designer-card-name{display:flex;align-items:center;gap:6px}.designer-card-name strong{font-size:15px;color:var(--text-main)}.designer-card-lv{padding:1px 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px}.designer-card-status{padding:1px 7px;border-radius:999px;font-size:11px;background:var(--primary-light);color:var(--primary)}.designer-card-role{font-size:12px;color:var(--text-main)}.designer-card-style{font-size:12px;color:var(--accent)}.designer-card-tags{display:flex;flex-wrap:wrap;gap:6px}.designer-card-tags span{padding:2px 8px;border-radius:999px;background:var(--bg-subtle, #f1f3f7);color:var(--text-muted);font-size:11px}.designer-card-abilities{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.designer-mini-ability{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.designer-mini-ability i,.designer-card-exp i,.designer-ability-track,.designer-course-progress i{display:block;height:5px;border-radius:999px;background:var(--bg-subtle, #eef0f4);overflow:hidden}.designer-mini-ability b,.designer-card-exp b,.designer-ability-track i,.designer-course-progress b{display:block;height:100%;border-radius:999px;background:var(--accent)}.designer-mini-ability em,.designer-card-exp em{font-style:normal;text-align:right;color:var(--text-main)}.designer-card-exp{display:grid;grid-template-columns:30px 1fr 68px;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.designer-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.designer-card-meta{font-size:11px;color:var(--text-muted)}.designer-card-actions{display:flex;gap:6px}.designer-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;justify-content:flex-end;z-index:60}.designer-drawer{width:min(560px,100%);height:100%;background:var(--bg-surface);display:flex;flex-direction:column;box-shadow:-8px 0 30px #0f172a29;animation:designer-drawer-in .2s ease}@keyframes designer-drawer-in{0%{transform:translate(24px);opacity:.4}to{transform:none;opacity:1}}.designer-drawer-head{--accent: var(--primary);display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#f7f9ff,#fbf7ff)}.designer-drawer-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.designer-drawer-title>div{display:flex;align-items:center;gap:8px}.designer-drawer-title strong{font-size:17px;color:var(--text-main)}.designer-drawer-title span{font-size:12px;color:var(--text-muted)}.designer-drawer-exp{display:flex;align-items:center;gap:8px}.designer-drawer-exp i{flex:1;height:5px;border-radius:999px;background:#eef0f4;overflow:hidden;display:block}.designer-drawer-exp b{display:block;height:100%;background:var(--accent)}.designer-drawer-exp em{font-size:11px;font-style:normal;color:var(--text-muted)}.designer-drawer-close{border:0;background:transparent;color:var(--text-muted);cursor:pointer;display:grid;place-items:center}.designer-drawer-tabs{display:flex;gap:4px;padding:10px 18px 0;border-bottom:1px solid var(--border-subtle)}.designer-drawer-tabs button{padding:8px 12px;border:0;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;border-bottom:2px solid transparent}.designer-drawer-tabs button.is-on{color:var(--primary);border-bottom-color:var(--primary)}.designer-drawer-body{flex:1;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px}.designer-drawer-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-subtle)}.designer-bio{margin:0;font-size:13px;line-height:1.8;color:var(--text-main)}.designer-kv,.designer-dna{display:flex;flex-direction:column;gap:8px}.designer-kv>div,.designer-dna>div{display:grid;grid-template-columns:68px 1fr;gap:8px;font-size:12px}.designer-kv span,.designer-dna span{color:var(--text-muted)}.designer-kv p,.designer-dna p{margin:0;color:var(--text-main);line-height:1.7}.designer-sub-title{margin:4px 0 0;font-size:13px;color:var(--text-main)}.designer-radar-wrap{display:grid;place-items:center}.designer-radar{width:100%;max-width:300px}.designer-radar-grid{fill:none;stroke:#e6e9ef;stroke-width:1}.designer-radar-axis{stroke:#e6e9ef;stroke-width:1}.designer-radar-label{font-size:9px;fill:#8a94a6;text-anchor:middle;dominant-baseline:middle}.designer-ability-bars{display:flex;flex-direction:column;gap:6px}.designer-ability-row{display:grid;grid-template-columns:72px 1fr 30px;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.designer-ability-row strong{text-align:right;color:var(--text-main);font-weight:500}.designer-training-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.designer-courses{display:flex;flex-direction:column;gap:10px}.designer-course{padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.designer-course.is-done{background:var(--emerald-light, #e9f8f1);border-color:#0596694d}.designer-course-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.designer-course-head strong{font-size:13px;color:var(--text-main)}.designer-course-flag{padding:1px 8px;border-radius:999px;font-size:11px;background:var(--primary-light);color:var(--primary)}.designer-course-flag.is-training{background:#fff4e5;color:#b26a00}.designer-course-flag.is-idle{background:#f1f3f7;color:#8a94a6}.designer-course.is-done .designer-course-flag{background:var(--emerald-light, #e9f8f1);color:var(--emerald, #059669)}.designer-course-goal{margin:6px 0;font-size:12px;color:var(--text-muted)}.designer-course-progress{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:8px}.designer-course-progress em{font-style:normal;font-size:11px;text-align:right;color:var(--text-main)}.designer-course-outline{margin:8px 0;padding-left:18px;display:flex;flex-direction:column;gap:3px}.designer-course-outline li{font-size:11px;color:var(--text-muted)}.designer-course-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.designer-course-foot span{font-size:11px;color:var(--text-muted)}.designer-feedback{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.designer-stars{display:flex;gap:2px}.designer-stars button{border:0;background:transparent;color:#d8dde6;cursor:pointer;display:grid;place-items:center}.designer-stars button.is-on{color:#f5a623}.designer-feedback-input{flex:1;min-width:160px;height:32px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:12px;color:var(--text-main)}.designer-memory-list{display:flex;flex-wrap:wrap;gap:6px}.designer-memory-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--bg-subtle, #f1f3f7);color:var(--text-muted);font-size:11px}.designer-log{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.designer-log-item{display:grid;grid-template-columns:12px 1fr;gap:10px}.designer-log-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--primary)}.designer-log-item.is-graduate .designer-log-dot{background:#059669}.designer-log-item.is-feedback .designer-log-dot{background:#f5a623}.designer-log-item.is-work .designer-log-dot{background:#7a5af8}.designer-log-item strong{font-size:12px;color:var(--text-main)}.designer-log-item p{margin:2px 0;font-size:11px;color:var(--text-main);line-height:1.6}.designer-log-item em{font-size:11px;font-style:normal;color:var(--text-muted)}.designer-log-empty{font-size:12px;color:var(--text-muted)}.designer-copy-limits{display:flex;flex-wrap:wrap;gap:6px}.designer-copy-limits span{padding:2px 8px;border-radius:999px;background:var(--bg-subtle, #f1f3f7);color:var(--text-muted);font-size:11px}.designer-copy-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.designer-copy-scenes{display:flex;gap:6px;flex-wrap:wrap}.designer-copy-scenes .designer-chip{padding:5px 12px;font-size:12px}.designer-copy-result{padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);display:flex;flex-direction:column;gap:6px}.designer-copy-row{display:grid;grid-template-columns:76px 1fr;gap:8px;align-items:baseline;font-size:12px}.designer-copy-row span{color:var(--text-muted)}.designer-copy-row strong{font-weight:600;color:var(--text-main);line-height:1.6}.designer-copy-hits{margin:0;font-size:11px;color:#b26a00;line-height:1.7}.designer-copy-actions{display:flex;gap:8px;flex-wrap:wrap}.designer-cases{display:flex;flex-direction:column;gap:12px}.designer-case{padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.designer-case.is-studied{background:var(--bg-subtle);border-style:dashed}.designer-case header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.designer-case header strong{font-size:14px;color:var(--text-main)}.designer-case-level{padding:1px 8px;border-radius:999px;font-size:11px;background:var(--bg-subtle);color:var(--text-muted)}.designer-case-level.is-flagship{background:#fff1e6;color:#a8560a}.designer-case-level.is-chain{background:#eef4ff;color:#2f5bb7}.designer-case-match{padding:1px 8px;border-radius:999px;font-size:11px;background:#e9f8ef;color:#1f7a44}.designer-case-scale{margin:6px 0 0;font-size:12px;color:var(--text-muted)}.designer-case-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.designer-case-tags span{padding:1px 8px;border-radius:999px;font-size:11px;background:var(--bg-subtle);color:var(--text-muted)}.designer-case-tags span.is-cuisine{background:#fdeef2;color:#b23b5c}.designer-case-kv{display:grid;grid-template-columns:44px 1fr;gap:8px;margin-top:6px;font-size:12px}.designer-case-kv span{color:var(--text-muted)}.designer-case-kv p{margin:0;color:var(--text-main);line-height:1.7}.designer-case h5{margin:10px 0 4px;font-size:12px;color:var(--text-muted);font-weight:600}.designer-case ul{margin:0;padding-left:16px;font-size:12px;color:var(--text-main);line-height:1.8}.designer-case-lessons{display:flex;gap:6px;flex-wrap:wrap}.designer-case-lessons span{padding:2px 8px;border-radius:999px;font-size:11px;background:#f2f6ff;color:#33509a}.designer-case footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-subtle)}.designer-case footer em{font-size:11px;color:var(--text-muted);font-style:normal}.designer-case-tip{margin:0;font-size:12px;color:var(--text-muted);line-height:1.7;flex:1}@media(max-width:720px){.designer-body{padding:16px 14px 28px}.designer-grid{grid-template-columns:1fr}.designer-search input{width:140px}}.pf-summary{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:14px}.pf-summary-item{display:flex;align-items:baseline;gap:6px}.pf-summary-item span{font-size:12px;color:var(--text-muted)}.pf-summary-item strong{font-size:16px;color:var(--text-main);font-weight:600}.pf-summary-item em{font-style:normal;font-size:12px;color:var(--text-muted)}.pf-tabs{display:flex;gap:8px;flex-wrap:wrap}.pf-tab{padding:5px 12px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-surface);font-size:13px;color:var(--text-muted);cursor:pointer}.pf-tab.is-active{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary)}.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.pf-card{margin:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden;display:flex;flex-direction:column}.pf-thumb{display:grid;place-items:center;height:130px;padding:0;border:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle, #f7f9fc);cursor:zoom-in}.pf-thumb img{max-width:100%;max-height:100%;object-fit:contain}.pf-thumb-empty{color:var(--text-muted);display:grid;place-items:center}.pf-card-body{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.pf-card-body strong{font-size:13px;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-card-meta{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-card-time{font-size:11px;color:#8a94a6}.pf-card-missing{font-size:11px;color:#d97706}.pf-card-actions{display:flex;justify-content:flex-end;gap:6px;padding:0 10px 10px}.pf-card-actions .admin-icon-btn{text-decoration:none}.pf-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.pf-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.pf-row-icon{width:30px;height:30px;border-radius:var(--radius-sm, 8px);display:grid;place-items:center;background:var(--primary-light);color:var(--primary);flex:0 0 auto}.pf-row-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pf-row-main strong{font-size:13px;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-row .admin-row-actions{flex:0 0 auto}.pf-row .admin-icon-btn{text-decoration:none}.pf-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0f172a8c}.pf-preview-box{display:flex;flex-direction:column;gap:10px;max-width:min(900px,92vw);max-height:90vh;padding:14px;border-radius:var(--radius-md);background:var(--bg-surface)}.pf-preview-head{display:flex;align-items:center;gap:10px}.pf-preview-head strong{font-size:14px;color:var(--text-main)}.pf-preview-head span{font-size:12px;color:var(--text-muted)}.pf-preview-head .admin-icon-btn{margin-left:auto}.pf-preview-box img{max-width:100%;max-height:66vh;object-fit:contain;background:var(--bg-subtle, #f7f9fc);border-radius:var(--radius-sm, 8px)}.pf-preview-foot{display:flex;justify-content:flex-end}.pf-preview-foot .btn{text-decoration:none}:root{--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--bg-hover: #f8fafc;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-focus: #3b82f6;--text-main: #0f172a;--text-body: #334155;--text-muted: #64748b;--text-subtle: #94a3b8;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #eff6ff;--primary-border: #bfdbfe;--emerald: #059669;--emerald-hover: #047857;--emerald-light: #ecfdf5;--emerald-border: #a7f3d0;--purple: #7c3aed;--purple-light: #f5f3ff;--purple-border: #ddd6fe;--rose: #e11d48;--rose-light: #fff1f2;--rose-border: #fecdd3;--amber: #d97706;--amber-light: #fffbeb;--amber-border: #fde68a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-body);background:var(--bg-page);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:550;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 2px 4px #2563eb33}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 8px #2563eb4d}.btn-outline{background:#fff;color:var(--text-body);border:1px solid var(--border-medium)}.btn-outline:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--text-muted);color:var(--text-main)}.btn-sm{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}.btn-icon{padding:6px;border-radius:var(--radius-sm);color:var(--text-muted)}.btn-icon:hover{background:var(--bg-subtle);color:var(--text-main)}.btn-block{width:100%}.btn-link{color:var(--primary);font-size:12px;font-weight:500;cursor:pointer}.btn-link:hover{text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:4px}.form-label .required{color:var(--rose);font-style:normal}.form-input,.form-select,.form-textarea{width:100%;padding:7px 10px;font-size:13px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);transition:all .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-input--sm{padding:5px 8px;font-size:12px}.form-textarea{resize:vertical;line-height:1.5}.login-page{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#eff6ff,#f8fafc);padding:20px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:36px 32px;box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:28px}.login-logo{width:48px;height:48px;margin:0 auto 14px;display:grid;place-items:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;box-shadow:0 8px 16px #2563eb40}.login-header h2{font-size:20px;font-weight:700;color:var(--text-main);margin-bottom:6px}.login-header p{font-size:13px;color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field span{font-size:12px;font-weight:600;color:var(--text-muted)}.login-field input{width:100%;padding:10px 12px;font-size:14px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .15s ease}.login-field input:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:38px}.login-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-subtle);padding:4px}.login-eye-btn:hover{color:var(--text-main)}.login-error{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:var(--radius-md);background:var(--rose-light);border:1px solid var(--rose-border);color:var(--rose);font-size:12px}.loading-fullscreen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:14px}.app-layout{display:grid;grid-template-columns:430px minmax(0,1fr);width:100%;height:100dvh;overflow:hidden;background:var(--bg-page)}.phone-col{height:100%;background:#fff;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:14px 16px 10px;gap:10px;overflow:hidden}.phone-col-header{display:flex;flex-direction:column;gap:8px}.phone-col-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-main)}.phone-pages-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg-subtle);padding:3px;border-radius:var(--radius-md)}.phone-pages-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 0;font-size:12px;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s ease}.phone-pages-tabs button:hover{color:var(--text-main)}.phone-pages-tabs button.is-active{background:#fff;color:var(--text-main);font-weight:650;box-shadow:var(--shadow-sm)}.phone-device-wrapper{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.phone-device-shell{width:350px;height:100%;max-height:700px;background:#fff;border:5px solid #1e293b;border-radius:38px;box-shadow:0 16px 36px -8px #0f172a2e,0 0 0 1px #0f172a14;position:relative;overflow:hidden;display:flex;flex-direction:column}.phone-status-bar{height:28px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#1e293b;font-size:11px;font-weight:600;position:relative;z-index:20}.phone-island{position:absolute;top:4px;left:50%;transform:translate(-50%);width:76px;height:16px;background:#000;border-radius:9px}.phone-status-icons{display:flex;align-items:center;gap:5px}.phone-battery-pill{width:17px;height:9px;border:1px solid currentColor;border-radius:3px;padding:1px;display:flex;align-items:center}.phone-battery-pill span{width:80%;height:100%;background:currentColor;border-radius:1px}.phone-nav-bar{height:40px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05);background:#fffffff2;position:relative;z-index:15}.phone-nav-title{font-size:13px;font-weight:700;color:#1e293b;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-wechat-capsule{display:flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#ffffffb3;font-size:10px;color:#334155}.capsule-dots{letter-spacing:-1px;font-weight:700}.capsule-divider{width:1px;height:10px;background:#0000001f}.capsule-circle{font-size:9px}.phone-screen{flex:1;min-height:0;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.phone-screen.is-full{padding-bottom:10px}.phone-slot-node{display:block;width:100%;position:relative;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000a;transition:all .15s ease;border:1.5px solid transparent}.phone-slot-node img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.phone-slot-node:hover{transform:translateY(-1px);border-color:#2563eb66}.phone-slot-node.is-active{border-color:var(--primary)!important;box-shadow:0 0 0 2px #2563eb40!important;z-index:10}.phone-slot-node.is-failed{border-color:var(--rose)}.phone-slot-busy{position:absolute;top:6px;right:6px;background:#ffffffe6;border-radius:50%;padding:3px;display:grid;place-items:center;color:var(--primary);box-shadow:var(--shadow-sm);z-index:5}.phone-slot-badge{position:absolute;bottom:4px;left:4px;background:#0f172ab8;color:#fff;font-size:9px;font-weight:500;padding:1px 5px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .15s ease;pointer-events:none}.phone-slot-node:hover .phone-slot-badge,.phone-slot-node.is-active .phone-slot-badge{opacity:1}.phone-component-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffffd9;color:var(--text-body);font-size:11px;padding:4px 8px}.placeholder-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px}.placeholder-title{font-size:11px;font-weight:600}.placeholder-hint{font-size:9px;color:var(--text-muted)}.phone-home-view{min-height:100%;padding:10px 10px 65px;display:flex;flex-direction:column;gap:8px;background-position:center top;background-repeat:no-repeat;background-size:100% auto}.phone-bg-switcher{display:flex;justify-content:flex-end}.phone-bg-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;background:#0f172aa6;color:#fff;font-size:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4)}.phone-bg-btn.is-active{background:var(--primary);border-color:#fff}.phone-notice-card{height:100%;display:flex;align-items:center;gap:6px;padding:0 10px;background:#fffffff2;border-radius:6px;font-size:10px;color:var(--text-body)}.phone-carousel{position:relative}.phone-carousel-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px}.carousel-tag{font-size:8px;font-weight:700;padding:1px 6px;border-radius:4px}.phone-carousel-dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:5}.phone-carousel-dots button{width:5px;height:5px;border-radius:50%;background:#ffffffa6}.phone-carousel-dots button.is-active{background:#fff;box-shadow:0 0 0 1px #0000004d}.phone-funcs{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 4px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a}.phone-func-item{display:flex;flex-direction:column;align-items:center;gap:4px}.phone-func-item.is-active .phone-func-icon{box-shadow:0 0 0 2px var(--primary)}.phone-func-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;overflow:hidden}.phone-func-icon img{width:100%;height:100%;object-fit:contain}.phone-func-item small{font-size:10px;color:var(--text-body)}.phone-focus-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-coupon-card{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;border-left:3px solid var(--primary);border-radius:6px}.phone-coupon-card strong{font-size:11px}.phone-coupon-card small{font-size:9px;color:var(--text-muted);display:block}.coupon-action{font-size:9px;font-weight:700;color:#fff;padding:2px 7px;border-radius:10px}.phone-order-view{min-height:100%;padding-bottom:60px}.phone-order-hero{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:11px;font-weight:600}.phone-order-tabs{display:flex;gap:16px;padding:8px 14px;background:#fff;font-size:11px;border-bottom:1px solid var(--border-subtle)}.phone-order-tabs b{border-bottom:2px solid;padding-bottom:4px}.phone-order-list{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.phone-order-item{display:grid;grid-template-columns:60px 1fr 24px;gap:10px;align-items:center;padding:8px;background:#fff;border-radius:8px}.order-item-img{width:60px;height:52px;border-radius:6px}.order-item-info b{font-size:11px;display:block}.order-item-info small{font-size:9px;color:var(--text-muted);display:block}.order-item-info strong{font-size:12px}.order-item-add{width:22px;height:22px;border-radius:50%;color:#fff;font-size:14px;display:grid;place-items:center}.phone-orders-view{min-height:100%;padding-bottom:60px}.phone-orders-list{padding:10px;display:flex;flex-direction:column;gap:8px}.phone-order-ticket{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border-radius:8px}.phone-order-ticket b{font-size:12px;display:block}.phone-order-ticket small{font-size:10px;color:var(--text-muted)}.phone-order-ticket strong{font-size:12px}.phone-mine-view{min-height:100%;padding:12px 10px 65px;display:flex;flex-direction:column;gap:10px}.phone-mine-header{padding:16px 14px;border-radius:10px;display:flex;align-items:center;gap:12px;color:#fff}.mine-avatar{width:42px;height:42px;border-radius:50%;background:#fff;color:#1e293b;display:grid;place-items:center;font-size:16px;font-weight:700}.mine-info b{font-size:13px;display:block}.mine-info small{font-size:10px;opacity:.8}.phone-mine-assets{display:grid;grid-template-columns:repeat(3,1fr);padding:10px;background:#fff;border-radius:8px;text-align:center}.phone-mine-assets.is-active{box-shadow:0 0 0 2px var(--primary)}.phone-mine-assets b{font-size:14px;display:block}.phone-mine-assets span{font-size:10px;color:var(--text-muted)}.phone-mine-section{padding:10px 12px;background:#fff;border-radius:8px}.phone-mine-section h3{font-size:11px;color:var(--text-muted);margin-bottom:8px}.mine-quick-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mine-quick-icons span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:var(--text-body)}.phone-marketing-view{min-height:100%;padding:12px 10px}.marketing-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.marketing-header strong{font-size:12px;display:block}.marketing-header small{font-size:10px;color:var(--text-muted)}.marketing-list{display:flex;flex-direction:column;gap:12px}.marketing-card-wrap{display:flex;flex-direction:column;gap:4px}.marketing-card-title{display:flex;align-items:center;justify-content:space-between}.marketing-card-title h4{font-size:11px;color:var(--text-body)}.marketing-card-title small{font-size:9px;color:var(--text-muted)}.phone-tabbar{position:absolute;left:10px;right:10px;bottom:8px;height:50px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:25px;box-shadow:0 4px 14px #0f172a14;overflow:hidden;z-index:20}.phone-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);font-size:9px}.phone-tab-item.is-active{font-weight:700}.phone-tab-icon{width:20px;height:20px;display:grid;place-items:center}.phone-tab-icon img{width:100%;height:100%;object-fit:contain}.phone-tab-icon i{width:16px;height:16px;border-radius:5px;display:block}.phone-hint{font-size:11px;color:var(--text-muted);text-align:center;padding:4px 0}.main-col{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px 24px 90px;gap:16px;background:var(--bg-page);scrollbar-width:thin}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:16px;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px #2563eb33}.header-title-row{display:flex;align-items:center;gap:8px}.header-title-row h2{font-size:16px;font-weight:750;color:var(--text-main)}.template-badge{font-size:11px;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);padding:2px 7px;border-radius:10px;font-weight:600}.header-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.header-progress-wrap{display:flex;flex-direction:column;gap:4px;min-width:200px}.progress-info{display:flex;align-items:center;justify-content:space-between;font-size:12px}.progress-info span{color:var(--text-muted)}.progress-info strong{color:var(--text-main)}.progress-bar-bg{width:100%;height:6px;background:var(--bg-subtle);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#10b981);border-radius:3px;transition:width .3s ease}.header-actions{display:flex;align-items:center;gap:10px}.provider-status-pill{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:550;border:1px solid transparent}.provider-status-pill .dot{width:7px;height:7px;border-radius:50%}.provider-status-pill.is-online{background:var(--emerald-light);color:var(--emerald);border-color:var(--emerald-border)}.provider-status-pill.is-online .dot{background:var(--emerald);box-shadow:0 0 0 2px #05966933}.provider-status-pill.is-offline{background:var(--rose-light);color:var(--rose);border-color:var(--rose-border);cursor:pointer}.provider-status-pill.is-offline .dot{background:var(--rose);box-shadow:0 0 0 2px #e11d4833}.store-profile-panel{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.store-panel-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:14px}.store-panel-bottom{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:flex-end;border-top:1px dashed var(--border-subtle);padding-top:12px}.palette-group{display:flex;flex-direction:column;gap:5px}.palette-inputs{display:flex;align-items:center;gap:8px}.palette-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);cursor:pointer}.palette-color-dot{width:18px;height:18px;border-radius:50%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000001a}.palette-color-dot input[type=color]{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:40px;height:40px;opacity:0;cursor:pointer}.palette-hex{font-size:11px;font-family:monospace;color:var(--text-main);font-weight:600}.form-group--brief{flex:1}.system-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--rose-light);border:1px solid var(--rose-border);color:var(--rose);border-radius:var(--radius-md);font-size:13px}.alert-text{flex:1}.focus-workbench{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:stretch}.focus-workbench__preview{display:flex;flex-direction:column;gap:8px}.focus-shot-box{width:100%;height:200px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-subtle);overflow:hidden;position:relative;display:grid;place-items:center}.focus-shot-img-wrap{width:100%;height:100%;position:relative;cursor:pointer}.focus-shot-img-wrap img{width:100%;height:100%}.focus-shot-zoom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a66;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;opacity:0;transition:opacity .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.focus-shot-img-wrap:hover .focus-shot-zoom-overlay{opacity:1}.focus-shot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:var(--text-subtle);padding:16px}.shot-spinner{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--primary);font-size:12px}.shot-empty-msg{display:flex;flex-direction:column;align-items:center;gap:4px}.shot-empty-msg span{font-size:13px;font-weight:600;color:var(--text-muted)}.shot-empty-msg small{font-size:11px}.focus-shot-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.meta-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--bg-subtle);color:var(--text-body)}.meta-page-tag{font-size:11px;padding:2px 6px;border-radius:4px;background:#f3f4f6;color:var(--text-muted)}.meta-status{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.meta-status.is-done{background:var(--emerald-light);color:var(--emerald)}.meta-status.is-busy{background:var(--primary-light);color:var(--primary)}.meta-status.is-failed{background:var(--rose-light);color:var(--rose)}.focus-workbench__editor{display:flex;flex-direction:column;gap:12px}.focus-editor-header{display:flex;align-items:flex-start;justify-content:space-between}.focus-editor-header h3{font-size:16px;font-weight:700;color:var(--text-main)}.focus-saas-path{font-size:12px;color:var(--text-muted)}.focus-prompt-field{display:flex;flex-direction:column;gap:4px}.focus-prompt-header{display:flex;align-items:center;justify-content:space-between}.prompt-len-counter{font-size:11px;color:var(--text-subtle);font-family:monospace}.focus-prompt-textarea{min-height:90px;font-size:13px;line-height:1.55;background:var(--bg-subtle)}.focus-prompt-textarea:focus{background:#fff}.focus-editor-buttons{display:flex;align-items:center;gap:10px}.focus-error-alert{display:flex;align-items:center;gap:6px;color:var(--rose);font-size:12px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--rose-light)}.slots-section{display:flex;flex-direction:column;gap:12px}.slots-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#fff;padding:10px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.filter-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.filter-tab-btn{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-md);font-size:12px;font-weight:550;color:var(--text-muted);background:transparent;transition:all .15s ease}.filter-tab-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.filter-tab-btn.is-active{background:var(--primary-light);color:var(--primary);font-weight:650}.filter-tab-btn em{font-size:10px;font-style:normal;padding:1px 5px;border-radius:8px;background:#0000000f}.filter-tab-btn.is-active em{background:var(--primary);color:#fff}.filter-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input-wrap{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);font-size:12px;color:var(--text-subtle)}.search-input-wrap input{border:none;background:transparent;outline:none;font-size:12px;color:var(--text-main);width:120px}.status-filter-select{padding:5px 8px;font-size:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;color:var(--text-body)}.bulk-select-btns{display:flex;align-items:center;gap:4px}.bulk-select-btns .divider{color:var(--border-medium);font-size:11px}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.slots-empty-view{grid-column:1 / -1;padding:48px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-subtle)}.slot-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;display:grid;grid-template-columns:auto 64px minmax(0,1fr) auto auto;align-items:center;gap:10px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #00000005}.slot-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.slot-card.is-selected{background:#fafcff}.slot-card.is-active{border-color:var(--primary);background:#f0f7ff;box-shadow:0 0 0 1.5px var(--primary)}.slot-card__check input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.slot-card__thumb{width:64px;height:48px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);overflow:hidden;position:relative;display:grid;place-items:center}.slot-card__thumb img{width:100%;height:100%}.thumb-placeholder{color:var(--text-subtle);font-size:10px;font-family:monospace}.slot-thumb-busy{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;display:grid;place-items:center;color:var(--primary)}.slot-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.slot-card__title-row{display:flex;align-items:center;gap:6px}.slot-card__name{font-size:13px;font-weight:650;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-card__dim{font-size:10px;color:var(--text-subtle);font-family:monospace;background:var(--bg-subtle);padding:1px 4px;border-radius:3px}.slot-card__upload{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.status-badge.is-done{background:var(--emerald-light);color:var(--emerald);border:1px solid var(--emerald-border)}.status-badge.is-busy{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.status-badge.is-prompt{background:var(--purple-light);color:var(--purple);border:1px solid var(--purple-border)}.status-badge.is-empty{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.status-badge.is-failed{background:var(--rose-light);color:var(--rose);border:1px solid var(--rose-border)}.slot-card__jump-btn{color:var(--text-subtle);padding:4px;border-radius:4px;display:grid;place-items:center}.slot-card:hover .slot-card__jump-btn{color:var(--text-main);background:var(--bg-subtle)}.batch-action-bar{position:fixed;bottom:16px;left:450px;right:24px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:0 12px 30px -4px #0f172a24,0 4px 6px -2px #0f172a0d;flex-wrap:wrap;gap:12px}.batch-stats{display:flex;align-items:center;gap:8px;font-size:13px}.batch-stats strong{color:var(--text-main);font-size:14px}.batch-missing-hint{color:var(--amber);font-size:12px}.batch-buttons{display:flex;align-items:center;gap:10px}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}.lightbox-content{width:min(980px,100%);max-height:calc(100dvh - 60px);background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.lightbox-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.lightbox-header h3{font-size:16px;font-weight:700;color:var(--text-main)}.lightbox-header span{font-size:12px;color:var(--text-muted)}.lightbox-header-actions{display:flex;align-items:center;gap:8px}.lightbox-image-wrap{flex:1;min-height:200px;max-height:calc(100dvh - 160px);overflow:auto;display:grid;place-items:center;background:#111827;padding:20px}.lightbox-image-wrap img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 30px #0006}.module-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:grid;place-items:center;padding:24px;z-index:70}.module-picker{width:min(1100px,100%);height:min(760px,92vh);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.module-picker.is-loading{width:320px;height:140px;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.module-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.module-picker-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-main)}.module-picker-title small{font-size:12px;color:var(--text-muted);font-weight:400;margin-left:6px}.module-picker-close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-muted);cursor:pointer}.module-picker-close:hover{background:var(--rose-light);color:var(--rose)}.module-picker-body{flex:1;display:grid;grid-template-columns:130px 1fr 340px;min-height:0}.mp-groups{border-right:1px solid var(--border-subtle);padding:12px 8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.mp-group-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-size:13px;cursor:pointer;text-align:left;font-family:inherit}.mp-group-btn:hover{background:var(--bg-hover)}.mp-group-btn.is-active{background:var(--primary-light);color:var(--primary);font-weight:600}.mp-count{font-size:11px;padding:1px 6px;border-radius:999px;background:var(--bg-subtle);color:var(--text-muted)}.mp-group-btn.is-active .mp-count{background:var(--primary-border);color:var(--primary)}.mp-modules{border-right:1px solid var(--border-subtle);padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;align-content:start;overflow-y:auto}.mp-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-subtle);font-size:13px}.mp-module-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-body);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.mp-module-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.mp-module-card.is-active{border-color:var(--primary);background:var(--primary-light)}.mp-module-name{font-size:13px;font-weight:600;color:var(--text-main)}.mp-module-meta{font-size:11px;color:var(--text-muted)}.mp-module-tags{display:flex;flex-wrap:wrap;gap:4px}.mp-tag{font-size:10px;padding:1px 5px;border-radius:999px;background:var(--bg-subtle);color:var(--text-subtle)}.mp-size{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mp-size-title{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:2px}.mp-size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mp-size-card{padding:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s ease}.mp-size-card:hover{border-color:var(--primary-border)}.mp-size-card.is-active{border-color:var(--primary);background:var(--primary-light)}.mp-size-visual{background:var(--bg-subtle);border:1px dashed var(--border-medium);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-subtle);margin-bottom:8px;max-height:90px}.mp-size-name{font-size:12px;font-weight:600;color:var(--text-main)}.mp-size-dim{font-size:11px;color:var(--text-body);margin-top:2px}.mp-size-ratio{font-size:10px;color:var(--text-subtle);margin-top:1px}.mp-size-detail{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid var(--border-subtle)}.mp-note-label{font-size:12px;font-weight:600;color:var(--text-body)}.mp-note-input{width:100%;padding:8px 10px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;color:var(--text-main);background:var(--bg-surface);font-family:inherit;resize:vertical;outline:none}.mp-note-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61f}.mp-hint{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--text-muted);line-height:1.5}.mp-style-list{display:flex;flex-direction:column;gap:6px}.mp-style-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:4px 8px;background:var(--bg-subtle);border-radius:var(--radius-sm)}.mp-style-key{color:var(--text-muted)}.mp-style-values{color:var(--text-body);font-weight:500}.mp-message{padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;display:flex;align-items:center;gap:6px}.mp-message.is-success{background:var(--emerald-light);color:var(--emerald)}.mp-message.is-error{background:var(--rose-light);color:var(--rose)}.mp-message.is-info{background:var(--amber-light);color:var(--amber)}.mp-history{margin-top:4px;padding-top:10px;border-top:1px solid var(--border-subtle)}.mp-history-title{font-size:12px;font-weight:600;color:var(--text-body);margin-bottom:8px}.mp-history-list{display:flex;flex-direction:column;gap:6px}.mp-history-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm);font-size:12px;background:var(--bg-subtle)}.mp-history-name{color:var(--text-body)}.mp-history-status{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:11px}.mp-history-item.is-done .mp-history-status{color:var(--emerald)}.mp-history-item.is-failed .mp-history-status{color:var(--rose)}.module-picker-trigger{display:inline-flex;align-items:center;gap:6px}@media(max-width:1120px){.app-layout{grid-template-columns:380px minmax(0,1fr)}.batch-action-bar{left:400px}.phone-device-shell{width:320px}}@media(max-width:880px){.app-layout{grid-template-columns:1fr;height:auto;overflow:auto}.phone-col{height:720px;border-right:none;border-bottom:1px solid var(--border-subtle)}.batch-action-bar{left:16px;right:16px}.module-picker-body{grid-template-columns:1fr;grid-template-rows:auto 1fr 1fr}.mp-groups{flex-direction:row;border-right:0;border-bottom:1px solid var(--border-subtle);overflow-x:auto}.mp-modules{border-right:0;border-bottom:1px solid var(--border-subtle)}}.platform-dev-card{max-width:460px}.platform-dev-body{display:flex;flex-direction:column;gap:10px;padding:0 4px}.platform-dev-badge{align-self:center;padding:3px 12px;border-radius:999px;background:#f1f3f7;color:#8a94a6;font-size:12px}.platform-dev-desc{margin:0;font-size:13px;line-height:1.7;color:var(--text-muted);text-align:center}.platform-dev-list{margin:0;padding-left:18px;font-size:12px;color:var(--text-muted)}.platform-dev-note{margin:0;font-size:12px;color:var(--primary);text-align:center}