@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,400;0,500;1,400&family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--c-bg: #0D0D12;--c-surface: #16161E;--c-surface-raised: #1E1E2A;--c-surface-2: #0A0A10;--c-border: #2A2A3A;--c-border-subtle: #1E1E2C;--c-primary: #6366F1;--c-primary-hover: #4F46E5;--c-primary-muted: rgba(99, 102, 241, .12);--c-primary-text: #A5B4FC;--c-primary-rgb: 99, 102, 241;--c-bg-1: #0D0D12;--c-bg-2: #0A0A10;--c-glow-accent: rgba(0, 255, 200, .12);--c-glow-accent-strong: rgba(0, 255, 200, .3);--c-glow-accent-color: #00ffc8;--c-text-1: #F0F0F6;--c-text-2: #9090A8;--c-text-disabled: #484860;--c-text-on-brand: #FFFFFF;--c-text: var(--c-text-1);--c-text-secondary: var(--c-text-2);--c-text-3: var(--c-text-2);--c-surface-1: var(--c-surface);--c-bg-3: #1A1A28;--c-success: #22C55E;--c-success-muted: rgba(34, 197, 94, .1);--c-success-rgb: 34, 197, 94;--c-error: #EF4444;--c-error-muted: rgba(239, 68, 68, .1);--c-error-rgb: 239, 68, 68;--c-warning: #F59E0B;--c-warning-muted: rgba(245, 158, 11, .1);--c-warning-rgb: 245, 158, 11;--c-accent-orange: #F97316;--c-accent-yellow: #FACC15;--c-accent-blue: #38BDF8;--c-accent-green: #4ADE80;--c-accent-purple: #A855F7;--c-accent-pink: #F472B6;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "Fira Code", "Cascadia Code", monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 4px rgba(0, 0, 0, .2);--shadow-raised: 0 1px 3px rgba(0, 0, 0, .45);--shadow-float: 0 4px 20px rgba(0, 0, 0, .55);--shadow-overlay: 0 8px 40px rgba(0, 0, 0, .65);--t-fast: .12s ease-out;--t-normal: .16s ease-out;--t-slow: .22s ease-out;--z-base: 1;--z-sidebar: 100;--z-nav: 1000;--z-dropdown: 1100;--z-popover: 1100;--z-overlay: 1500;--z-modal-backdrop: 1800;--z-modal: 2000;--z-toast: 3000;--nav-height: 64px;--theme-icon-sun: 1;--theme-icon-moon: 0;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239090A8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=light]{color-scheme:light;--c-bg: #F5F5FA;--c-surface: #FFFFFF;--c-surface-raised: #EEEEF5;--c-surface-2: #EBEBF2;--c-border: #D8D8E6;--c-border-subtle: #E5E5F0;--c-primary: #5254CC;--c-primary-hover: #4045B5;--c-primary-muted: rgba(82, 84, 204, .1);--c-primary-text: #4045B5;--c-text-1: #12121C;--c-text-2: #55556E;--c-text-disabled: #A0A0BC;--c-text-on-brand: #FFFFFF;--c-text: var(--c-text-1);--c-text-secondary: var(--c-text-2);--c-text-3: var(--c-text-2);--c-surface-1: var(--c-surface);--c-bg-3: #E8E8F2;--c-primary-rgb: 82, 84, 204;--c-bg-1: #EBEBF2;--c-bg-2: #E5E5F0;--c-glow-accent: rgba(0, 255, 200, .06);--c-glow-accent-strong: rgba(0, 255, 200, .18);--c-glow-accent-color: #00ffc8;--c-success: #16A34A;--c-success-muted: rgba(22, 163, 74, .1);--c-error: #DC2626;--c-error-muted: rgba(220, 38, 38, .1);--c-warning: #D97706;--c-warning-muted: rgba(217, 119, 6, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08);--shadow-raised: 0 1px 3px rgba(0, 0, 0, .08);--shadow-float: 0 4px 20px rgba(0, 0, 0, .12);--shadow-overlay: 0 8px 40px rgba(0, 0, 0, .18);--theme-icon-sun: 0;--theme-icon-moon: 1}@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light;--c-bg: #F5F5FA;--c-surface: #FFFFFF;--c-surface-raised: #EEEEF5;--c-surface-2: #EBEBF2;--c-border: #D8D8E6;--c-border-subtle: #E5E5F0;--c-primary: #5254CC;--c-primary-hover: #4045B5;--c-primary-muted: rgba(82, 84, 204, .1);--c-primary-text: #4045B5;--c-text-1: #12121C;--c-text-2: #55556E;--c-text-disabled: #A0A0BC;--c-text-on-brand: #FFFFFF;--c-text: var(--c-text-1);--c-text-secondary: var(--c-text-2);--c-surface-1: var(--c-surface);--c-success: #16A34A;--c-success-muted: rgba(22, 163, 74, .1);--c-error: #DC2626;--c-error-muted: rgba(220, 38, 38, .1);--c-warning: #D97706;--c-warning-muted: rgba(217, 119, 6, .1);--c-text-3: var(--c-text-2);--c-bg-3: #E8E8F2;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08);--shadow-raised: 0 1px 3px rgba(0, 0, 0, .08);--shadow-float: 0 4px 20px rgba(0, 0, 0, .12);--shadow-overlay: 0 8px 40px rgba(0, 0, 0, .18);--theme-icon-sun: 0;--theme-icon-moon: 1;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2355556E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--c-bg);color:var(--c-text-2);font-family:var(--font-ui);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--c-text-1);font-family:var(--font-ui);line-height:1.3;text-wrap:balance}h1{font-size:24px;font-weight:600;letter-spacing:-.01em}h2{font-size:18px;font-weight:600}h3{font-size:14px;font-weight:600}p{color:var(--c-text-2)}.text-display{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--c-text-1);text-wrap:balance}.text-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-disabled)}.text-mono{font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums}.text-filename{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a{color:var(--c-primary-text);text-decoration:none;transition:color var(--t-fast)}a:hover:not(.btn){color:var(--c-primary)}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-primary-muted),0 0 0 1px var(--c-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-surface-raised)}.surface{background:var(--c-surface)}.surface-raised{background:var(--c-surface-raised)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-6)}.divider{border:none;border-top:1px solid var(--c-border)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-ui);font-weight:500;padding:0 16px;height:36px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap;transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),opacity var(--t-fast),transform 80ms ease-out}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-sm{height:28px;padding:0 12px;font-size:12px}.btn-md{height:36px;padding:0 16px;font-size:14px}.btn-lg{height:44px;padding:0 24px;font-size:14px;font-weight:600;min-width:140px}.btn-primary{background:linear-gradient(135deg,var(--c-primary) 0%,#4F46E5 100%);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #6366f140,inset 0 1px #ffffff26;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4F46E5 0%,var(--c-primary) 100%);border-color:#fff3;box-shadow:0 8px 25px #6366f166,inset 0 1px #fff3;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px #6366f133}.btn-secondary{background:var(--c-surface-raised);color:var(--c-text-1);border:1px solid var(--c-border)}.btn-secondary:hover:not(:disabled){background:var(--c-surface);border-color:var(--c-primary);color:var(--c-primary-text)}.btn-ghost{background:transparent;color:var(--c-text-2)}.btn-ghost:hover:not(:disabled){background:var(--c-primary-muted);color:var(--c-primary-text)}.btn-danger{background:var(--c-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-icon{width:36px;height:36px;padding:0;flex-shrink:0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--c-surface-raised);border:1px solid var(--c-border);overflow:hidden;flex-shrink:0;transition:border-color var(--t-fast)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar--lg{width:64px;height:64px}.avatar--xl{width:80px;height:80px}.avatar--sm{width:24px;height:24px}.avatar-fallback{color:var(--c-text-disabled);display:flex;align-items:center;justify-content:center}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);border:2px dashed var(--c-border);border-radius:var(--radius-lg);min-height:120px;padding:var(--sp-6);background:transparent;cursor:pointer;transition:border-color var(--t-normal),background var(--t-normal),transform var(--t-normal)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--c-primary);background:var(--c-primary-muted);transform:scale(1.01)}.drop-zone__icon{color:var(--c-text-disabled)}.drop-zone__label{font-size:14px;font-weight:500;color:var(--c-text-2)}.drop-zone__sub{font-size:12px;color:var(--c-text-disabled)}.drop-zone--compact{flex-direction:row;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);min-height:48px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md)}.drop-zone--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.drop-zone__max-hint{font-size:10px;color:var(--c-text-disabled);margin-top:-4px}.drop-zone__previews{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.drop-zone__previews--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-4);max-height:420px;overflow-y:auto;padding-right:var(--sp-1)}.drop-zone__previews--grid .drop-zone__preview-item{display:block;padding:0}.drop-zone__previews--grid .drop-zone__remove-btn{top:6px;right:6px}.drop-zone__preview-item{position:relative;display:flex;align-items:center;gap:var(--sp-1)}.drop-zone__preview-thumb{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--c-border);background:var(--c-surface-raised);display:flex;align-items:center;justify-content:center}.drop-zone__preview-thumb img{width:100%;height:100%;object-fit:cover}.drop-zone__preview-name{font-size:10px;color:var(--c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;padding:0 var(--sp-1)}.drop-zone__remove-btn{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.drop-zone__clear-btn{font-size:10px;font-weight:700;color:var(--c-error, #f43f5e);background:none;border:none;cursor:pointer;padding:0;align-self:center}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-4)}.thumb-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;cursor:default;transition:border-color var(--t-normal);position:relative}.thumb-card:hover{border-color:var(--c-primary)}.thumb-card__img-wrap{aspect-ratio:4/3;background:var(--c-surface-raised);overflow:hidden;position:relative}.thumb-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:filter var(--t-normal)}.thumb-card:hover .thumb-card__img{filter:brightness(1.08) contrast(1.02)}.thumb-card__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--c-text-disabled);font-size:11px;text-align:center;padding:var(--sp-2);flex-direction:column;gap:4px}.thumb-card__body{padding:8px 10px}.thumb-card__name{font-family:var(--font-mono);font-size:11px;color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-card__badge{font-size:10px;color:var(--c-text-disabled);margin-top:2px}.thumb-card__remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:var(--radius-sm);background:#000000b3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--t-fast)}.thumb-card:hover .thumb-card__remove{opacity:1}.thumb-card__download{position:absolute;bottom:6px;right:6px;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--c-primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--t-fast),transform var(--t-fast);box-shadow:0 2px 8px #00000059}.thumb-card__download:hover{transform:scale(1.08)}.thumb-card:hover .thumb-card__download{opacity:1}.thumb-card--error .thumb-card__img-wrap{background:color-mix(in srgb,var(--c-error) 8%,var(--c-surface-2))}.step-indicator{display:flex;align-items:center;gap:0;margin-bottom:var(--sp-8)}.step-indicator__item{display:flex;align-items:center}.step-indicator__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:box-shadow var(--t-normal),background var(--t-normal)}.step-indicator__dot--done{background:var(--c-primary)}.step-indicator__dot--active{background:var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-muted)}.step-indicator__dot--pending{background:transparent;border:2px solid var(--c-border)}.step-indicator__line{height:1px;width:40px;margin:0 var(--sp-2);transition:background var(--t-normal)}.step-indicator__line--done{background:var(--c-primary)}.step-indicator__line--pending{background:var(--c-border)}.progress-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-5)}.progress-track{height:8px;background:var(--c-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--sp-3)}.progress-fill{height:100%;background:var(--c-primary);border-radius:var(--radius-full);transition:width .2s ease-out}.progress-meta{display:flex;justify-content:space-between;align-items:baseline}.progress-file{font-family:var(--font-mono);font-size:11px;color:var(--c-text-disabled);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.progress-pct{font-family:var(--font-mono);font-size:12px;color:var(--c-text-2);font-variant-numeric:tabular-nums;flex-shrink:0}.file-list{border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.file-list__header{display:grid;grid-template-columns:20px 72px 1fr 70px 80px;gap:var(--sp-3);align-items:center;padding:8px var(--sp-4);background:var(--c-surface-raised);border-bottom:1px solid var(--c-border)}.file-list__header span{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-disabled)}.file-list__body{max-height:400px;overflow-y:auto;background:var(--c-surface)}.file-row{display:grid;grid-template-columns:20px 72px 1fr 70px 80px;gap:var(--sp-3);align-items:center;padding:8px var(--sp-4);border-bottom:1px solid var(--c-border-subtle);transition:background var(--t-fast);min-height:52px}.file-row:last-child{border-bottom:none}.file-row:nth-child(2n){background:#ffffff04}.file-row:hover{background:#ffffff08}.file-row__thumb{width:72px;height:54px;border-radius:var(--radius-sm);overflow:hidden;background:var(--c-surface-raised);flex-shrink:0;position:relative;border:1px solid var(--c-border-subtle)}.file-row__thumb img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;transition:transform var(--t-normal),filter var(--t-normal)}.file-row__thumb img:hover{transform:scale(1.06);filter:brightness(1.1)}.file-row__thumb--error{display:flex;align-items:center;justify-content:center;color:var(--c-error);opacity:.5}.file-row__thumb--loading{display:flex;align-items:center;justify-content:center}.file-row__name{font-family:var(--font-mono);font-size:12px;color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-row__size{font-family:var(--font-mono);font-size:11px;color:var(--c-text-disabled);font-variant-numeric:tabular-nums;text-align:right}.file-row__action{display:flex;justify-content:flex-end}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--sp-8);cursor:zoom-out;animation:lightboxIn .15s ease-out both}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:90vw;max-height:85vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);object-fit:contain;animation:lightboxScale .15s ease-out both}@keyframes lightboxScale{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes pvmFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pvmSlideDown{0%{opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden}to{opacity:1;transform:translateY(0);max-height:1000px;overflow:visible}}@keyframes pvmSlideUp{0%{opacity:1;transform:translateY(0);max-height:1000px}to{opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden}}@keyframes pvmPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.lightbox__close{position:absolute;top:var(--sp-4);right:var(--sp-4);width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}.lightbox__close:hover{background:#fff3}.lightbox__label{position:absolute;bottom:var(--sp-4);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;color:#ffffff80;pointer-events:none;white-space:nowrap}.tool-label{display:block;font-size:11px;font-weight:700;color:var(--c-text-disabled);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-2)}.tool-input,.tool-select{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface-raised);color:var(--c-text-1);font-size:13px;box-sizing:border-box;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.tool-input:focus,.tool-select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-muted)}.tool-input::placeholder{color:var(--c-text-disabled)}.tool-btn-primary{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:14px 24px;background:var(--c-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:700;cursor:pointer;transition:background var(--t-normal),color var(--t-normal),box-shadow var(--t-normal),transform var(--t-normal),opacity var(--t-normal);box-shadow:0 4px 12px #6366f140}.tool-btn-primary:hover:not(:disabled){background:var(--c-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.tool-btn-primary:active:not(:disabled){transform:translateY(0)}.tool-btn-primary:disabled{opacity:.5;cursor:not-allowed;background:var(--c-surface-raised);color:var(--c-text-disabled);box-shadow:none;transform:none;filter:none!important}.tool-btn-primary.loading{position:relative;color:transparent}.tool-btn-primary.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}.tool-btn-group{display:flex;gap:var(--sp-2);background:var(--c-surface-raised);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--c-border)}.tool-btn-group-item{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--c-text-2);font-size:13px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.tool-btn-group-item--active{background:var(--c-surface);color:var(--c-text-1);box-shadow:var(--shadow-raised)}.tool-text-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--c-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);width:fit-content}.tool-text-btn:hover{background:var(--c-primary-muted)}.tool-control-group{display:flex;flex-direction:column;gap:var(--sp-4)}.tool-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--sp-4)}.tool-container{max-width:1400px;margin:0 auto;padding:var(--sp-6);animation:fadeIn .4s ease-out}.tool-grid{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:var(--sp-6);min-height:0}@media (max-width: 1024px){.tool-grid{grid-template-columns:1fr;gap:var(--sp-4)}}.tool-side{display:flex;flex-direction:column;gap:var(--sp-6);min-width:0;align-self:start}.tool-content{display:flex;flex-direction:column;min-height:500px;min-width:0}@media (min-width: 1025px){.tool-content{max-width:500px}}.tool-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:var(--shadow-raised)}.tool-card-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-1)}.tool-card-title{font-size:14px;font-weight:700;color:var(--c-text-1);margin:0}.tool-card-icon{color:var(--c-primary);flex-shrink:0}.tool-btn-secondary{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px 16px;background:var(--c-surface-raised);color:var(--c-text-1);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.tool-btn-secondary:hover:not(:disabled){background:var(--c-surface);border-color:var(--c-primary)}.tool-btn-secondary:disabled{opacity:.5;cursor:not-allowed;color:var(--c-text-disabled)}.tool-text-btn{background:none;border:1px solid transparent;color:var(--c-primary-text);font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);display:flex;align-items:center;gap:8px}.tool-text-btn:hover{background:var(--c-primary-muted);color:var(--c-primary-text)}.tool-text-btn.error{color:var(--c-error)}.tool-text-btn.error:hover{background:var(--c-error-muted)}.tool-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--c-primary-muted);color:var(--c-primary-text);border:1px solid transparent;border-radius:var(--radius-md);font-size:12px;font-weight:600;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.tool-tag:hover{background:var(--c-primary);color:#fff}.tool-tag.active{background:var(--c-primary);color:#fff;box-shadow:0 4px 12px var(--c-primary-muted)}.tool-card-item{width:100%;display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);text-align:left}.tool-card-item:hover{background:var(--c-primary-muted);border-color:var(--c-primary);color:var(--c-primary-text)}.tool-card-item.active{background:var(--c-primary-muted);border-color:var(--c-primary);color:var(--c-primary-text);box-shadow:inset 0 0 0 1px var(--c-primary)}.tool-card-item__sub{font-size:11px;opacity:.6;font-weight:500}.tool-tag-remove{background:none;border:none;color:inherit;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:opacity var(--t-fast)}.tool-tag-remove:hover{opacity:1}.tool-progress{display:flex;flex-direction:column;gap:var(--sp-1)}.tool-progress-bar{height:6px;background:var(--c-primary);border-radius:3px;transition:width var(--t-normal)}.tool-progress-text{font-size:11px;font-weight:600;color:var(--c-text-muted);text-align:center}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(200%)}}.tool-radio-group{display:flex;flex-direction:column;gap:var(--sp-2)}.tool-radio-label{display:flex;align-items:center;gap:var(--sp-3);padding:12px 16px;background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast);font-size:13px;color:var(--c-text-2)}.tool-radio-label:hover{border-color:var(--c-primary);background:var(--c-primary-muted)}.tool-radio-label.active{background:var(--c-primary-muted);border-color:var(--c-primary);color:var(--c-primary-text);font-weight:600}.tool-tabs{display:flex;gap:var(--sp-6);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-6)}.tool-tab{background:transparent;padding:12px 0;border:none;border-bottom:2px solid transparent;font-weight:700;font-size:13px;color:var(--c-text-disabled);cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.tool-tab:hover{color:var(--c-text-1)}.tool-tab.active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.tool-tabs--pill{border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:4px;gap:4px;background:var(--c-surface-raised);margin-bottom:var(--sp-4);border-bottom:none}.tool-tabs--pill .tool-tab{padding:8px 12px;border-radius:var(--radius-md);border:none;flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.tool-tabs--pill .tool-tab.active{background:var(--c-surface);color:var(--c-primary);box-shadow:var(--shadow-sm);border-bottom-color:transparent}.segmented-control{display:flex;background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:4px;gap:4px;align-items:center}.segmented-btn{flex:1;border:none;background:transparent;padding:6px 16px;height:32px;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--c-text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap;display:flex;align-items:center;justify-content:center}.segmented-btn:hover{color:var(--c-text-1);background:#ffffff08}.segmented-btn.active{background:var(--c-surface);color:var(--c-primary);box-shadow:var(--shadow-sm)}.tool-radio-label input[type=radio]{accent-color:var(--c-primary);width:16px;height:16px}.tool-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-4);color:var(--c-text-disabled);padding:var(--sp-12)}.tool-empty-icon{opacity:.2}.tool-empty-title{font-size:16px;font-weight:700;color:var(--c-text-2)}.tool-empty-desc{font-size:14px;max-width:300px}.tool-error-container{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--c-error-muted);color:var(--c-error);border-radius:var(--radius-md);font-size:13px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:220px;flex-shrink:0;background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;padding:var(--sp-6) 0}.sidebar__logo{padding:0 var(--sp-4) var(--sp-6);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-4)}.sidebar__logo-text{font-size:14px;font-weight:700;color:var(--c-text-1);letter-spacing:-.01em}.sidebar__logo-sub{font-size:11px;color:var(--c-text-disabled);margin-top:2px}.sidebar__section{padding:0 var(--sp-4);margin-bottom:var(--sp-4)}.sidebar__section-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-disabled);margin-bottom:var(--sp-2)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-disabled)}.form-label--required:after{content:" *";color:var(--c-error)}.form-input{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:8px 12px;color:var(--c-text-1);font-size:14px;font-family:var(--font-ui);width:100%;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.form-input::placeholder{color:var(--c-text-disabled)}.form-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-muted)}.form-hint{font-size:12px;color:var(--c-text-disabled)}.form-error{font-size:12px;color:var(--c-error)}.form-input--mono{font-family:var(--font-mono);font-size:13px}.form-preview{background:var(--c-surface-raised);border-radius:var(--radius-md);padding:8px 12px;font-family:var(--font-mono);font-size:12px;color:var(--c-primary-text);border:1px solid var(--c-border-subtle)}.form-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--c-border);outline:none;cursor:pointer;accent-color:var(--c-primary);margin:6px 0 4px}.form-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-muted);transition:box-shadow var(--t-fast)}.form-range::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--c-primary-muted)}.form-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--c-primary);border:none;box-shadow:0 0 0 3px var(--c-primary-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-8);gap:var(--sp-3);text-align:center}.empty-state__icon{color:var(--c-text-disabled)}.empty-state__title{font-size:14px;font-weight:600;color:var(--c-text-1)}.empty-state__desc{font-size:12px;color:var(--c-text-disabled);max-width:280px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.badge-muted{background:var(--c-surface-raised);color:var(--c-text-disabled)}.count-chip{display:inline-flex;align-items:center;justify-content:center;background:var(--c-primary-muted);color:var(--c-primary-text);border-radius:var(--radius-full);padding:2px 10px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.app-shell{display:flex;flex:1;min-height:0;overflow:hidden}.nav-rail{width:52px;flex-shrink:0;background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;padding:var(--sp-2) 0;z-index:var(--z-sidebar);transition:width .22s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-rail--expanded{width:185px}.nav-rail__items{display:flex;flex-direction:column;gap:2px;width:100%;padding:0 var(--sp-1);flex:1;overflow-y:auto}.nav-rail__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;min-height:42px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--c-text-disabled);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);font-family:var(--font-ui);white-space:nowrap;padding:var(--sp-1);overflow:hidden;text-decoration:none}.nav-rail__item:hover{background:var(--c-surface-raised)}.nav-rail__item--active{background:var(--c-primary-muted)}.nav-rail__item--active .nav-rail__icon{color:var(--c-primary)}.nav-rail__icon{flex-shrink:0;color:var(--c-text-2);transition:color var(--t-fast)}.nav-rail__label{display:none}.nav-rail__sublabel{font-size:8px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-disabled)}.nav-rail--expanded .nav-rail__items{padding:0 var(--sp-2)}.nav-rail--expanded .nav-rail__item{flex-direction:row;justify-content:flex-start;height:36px;gap:var(--sp-2);padding:0 var(--sp-2);text-align:left}.nav-rail--expanded .nav-rail__label{display:block;font-size:12px;font-weight:500;color:var(--c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-rail--expanded .nav-rail__sublabel,.nav-rail__ai-badge{display:none}.nav-rail--expanded .nav-rail__ai-badge{display:inline-block;flex-shrink:0;padding:0 4px;font-size:8px;font-weight:700;line-height:14px;border-radius:3px;background:var(--c-primary-muted);color:var(--c-primary-text);letter-spacing:.04em}.nav-rail__beta-badge{display:none}.nav-rail--expanded .nav-rail__beta-badge{display:inline-block;flex-shrink:0;padding:0 4px;font-size:8px;font-weight:700;line-height:14px;border-radius:3px;background:#f59e0b20;color:#f59e0b;letter-spacing:.04em}.nav-rail__footer{display:flex;flex-direction:column;gap:var(--sp-1);width:100%;padding:var(--sp-2) var(--sp-1);margin-top:auto;flex-shrink:0}.nav-rail__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--c-text-disabled);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.nav-rail__btn:hover{background:var(--c-surface-raised);color:var(--c-text-2)}.nav-rail__btn svg{flex-shrink:0;color:var(--c-text-2)}.nav-rail__btn svg.rotated{transform:rotate(180deg)}.nav-rail__btn-label{font-size:8px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-disabled)}.nav-rail--expanded .nav-rail__footer{padding:var(--sp-2)}.nav-rail--expanded .nav-rail__btn{flex-direction:row;justify-content:flex-start;height:32px;gap:var(--sp-2);padding:0 var(--sp-2);background:var(--c-surface-2);border:1px solid var(--c-border)}.nav-rail--expanded .nav-rail__btn-label{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--c-text-2)}@media (max-width: 768px){.app-shell{flex-direction:column;padding-bottom:60px}.nav-rail{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;height:60px!important;flex-direction:row!important;padding:4px 8px!important;border-right:none!important;border-top:1px solid var(--c-border)!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:99999!important;background:var(--c-surface)!important;box-shadow:0 -2px 12px #00000026!important}.nav-rail__items{display:flex!important;visibility:visible!important;flex-direction:row!important;justify-content:space-evenly!important;align-items:center!important;flex:1!important;width:100%!important;padding:0!important;gap:0!important}.nav-rail__item{display:flex!important;visibility:visible!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:1!important;min-width:48px!important;max-width:72px!important;height:48px!important;padding:4px 2px!important;gap:2px!important;border-radius:8px!important;background:transparent!important;text-decoration:none!important;color:var(--c-text-2)!important}.nav-rail__item:hover{background:var(--c-surface-raised)!important}.nav-rail__item--active{background:var(--c-primary-muted)!important}.nav-rail__item--active .nav-rail__icon{color:var(--c-primary)!important}.nav-rail__icon{display:block!important;width:24px!important;height:24px!important;color:var(--c-text-2)!important}.nav-rail__sublabel{display:block!important;font-size:9px!important;font-weight:600!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--c-text-disabled)!important;line-height:1!important}.nav-rail__label,.nav-rail__footer{display:none!important}.app-main{padding-bottom:70px!important}.workflow-sidebar{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.nav-rail{width:48px}.nav-rail--expanded{width:140px}}.workflow-sidebar{width:220px;flex-shrink:0;background:var(--c-bg);border-right:1px solid var(--c-border);display:flex;flex-direction:column;overflow-y:auto}.workflow-sidebar__header{padding:var(--sp-5) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--c-border)}.workflow-sidebar__label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-disabled)}.workflow-step{position:relative;display:flex;align-items:flex-start;gap:var(--sp-3);padding:10px var(--sp-4);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background var(--t-fast);border-left:2px solid transparent}.workflow-step:hover{background:#ffffff08}.workflow-step--active{background:var(--c-surface);border-left-color:var(--c-primary)}.workflow-step__connector{position:absolute;left:calc(var(--sp-4) + 9px);top:34px;width:1px;height:calc(100% - 20px);background:var(--c-border);pointer-events:none}.workflow-step__num{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--c-border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--c-text-disabled);flex-shrink:0;background:var(--c-bg);transition:border-color var(--t-normal),color var(--t-normal),background var(--t-normal),box-shadow var(--t-normal);font-family:var(--font-mono)}.workflow-step--active .workflow-step__num{border-color:var(--c-primary);color:var(--c-text-on-brand);background:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-muted)}.workflow-step--done .workflow-step__num{border-color:var(--c-success);color:var(--c-success);background:transparent}.workflow-step__text{flex:1;min-width:0}.workflow-step__name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-disabled);line-height:1.3}.workflow-step--active .workflow-step__name{color:var(--c-text-1)}.workflow-step--done .workflow-step__name{color:var(--c-text-2)}.workflow-step__status{font-size:10px;color:var(--c-text-disabled);margin-top:3px}.workflow-step--active .workflow-step__status{color:var(--c-primary-text)}.workflow-step--done .workflow-step__status{color:var(--c-success)}.app-main{flex:1;overflow-y:auto;min-width:0}.batch-section{max-width:1080px;margin-inline:auto;padding:var(--sp-10) var(--sp-10);border-bottom:1px solid var(--c-border-subtle);scroll-margin-top:0}.batch-section:first-child{padding-top:var(--sp-10)}.batch-section__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-6);gap:var(--sp-4)}.batch-section__left{flex:1}.batch-section__pill{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--c-border);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-disabled);margin-bottom:var(--sp-3);font-family:var(--font-mono)}.batch-section__pill--active{border-color:var(--c-primary);color:var(--c-primary-text);background:var(--c-primary-muted)}.batch-section__pill--done{border-color:var(--c-success);color:var(--c-success);background:var(--c-success-muted)}.batch-section h2{font-size:26px;font-weight:700;color:var(--c-text-1);letter-spacing:-.02em;margin-bottom:var(--sp-2)}.batch-section__desc{font-size:13px;color:var(--c-text-disabled)}.batch-section__counter{display:flex;flex-direction:column;align-items:flex-end;gap:2px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:8px 14px;flex-shrink:0}.batch-section__counter-label{font-size:10px;color:var(--c-text-disabled);text-transform:uppercase;letter-spacing:.08em}.batch-section__counter-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--c-text-1);font-variant-numeric:tabular-nums;line-height:1}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.section__title{font-size:13px;font-weight:600;color:var(--c-text-1)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}@keyframes rowEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.row-enter{animation:rowEnter .22s ease-out both}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.toast-container{position:fixed;top:20px;right:20px;bottom:auto;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{pointer-events:all;display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--c-surface-raised);border:1px solid var(--c-border);border-left:4px solid var(--c-success);border-radius:var(--radius-lg);padding:12px var(--sp-4);width:310px;box-shadow:var(--shadow-float);animation:toastIn .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes toastIn{0%{opacity:0;transform:translate(110%) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}.toast--success{border-left-color:var(--c-success)}.toast--error{border-left-color:var(--c-error)}.toast--warning{border-left-color:var(--c-warning)}.toast--info{border-left-color:var(--c-primary)}.toast__msg{font-size:13px;color:var(--c-text-1);flex:1;line-height:1.4}.toast__close{width:20px;height:20px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--c-text-disabled);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin-top:-1px;transition:background var(--t-fast),color var(--t-fast)}.toast__close:hover{background:var(--c-border);color:var(--c-text-1)}.config-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:start;max-width:860px}@media (max-width: 700px){.config-split{grid-template-columns:1fr}}.config-split__controls{display:flex;flex-direction:column;gap:var(--sp-5)}.config-split__preview{position:sticky;top:80px;padding:var(--sp-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.fit-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}.fit-mode-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast);color:var(--c-text-2);font-size:11px;font-weight:500}.fit-mode-card:hover{border-color:var(--c-primary);background:var(--c-surface-raised);transform:translateY(-1px)}.fit-mode-card--active{border-color:var(--c-primary);background:var(--c-primary-muted);color:var(--c-primary-text)}.fit-mode-card__icon{font-size:18px;line-height:1}.fit-mode-card__label{text-transform:uppercase;letter-spacing:.04em;font-size:10px}.preset-chip{padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-2);font-size:11px;font-weight:500;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast);font-family:var(--font-mono)}.preset-chip:hover{border-color:var(--c-primary);color:var(--c-primary-text)}.preset-chip--active{border-color:var(--c-primary);background:var(--c-primary-muted);color:var(--c-primary-text)}.placement-preview{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.placement-preview__canvas{position:relative;border:2px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface-2);overflow:visible}.placement-preview__grid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(var(--c-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--c-border-subtle) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.placement-preview__design{position:absolute;border-radius:3px;background:linear-gradient(135deg,var(--c-primary) 0%,color-mix(in srgb,var(--c-primary) 60%,#fff) 100%);opacity:.75;transition:width .15s,height .15s,left .15s,top .15s}.placement-preview__label{position:absolute;bottom:4px;right:6px;font-size:9px;letter-spacing:.04em;color:var(--c-text-disabled);text-transform:uppercase;pointer-events:none}.placement-preview__svg{display:block;border-radius:var(--radius-md);background:var(--c-surface-2)}.pp-wrap{display:flex;flex-direction:column;gap:10px;align-items:center}.pp-svg{display:block;width:100%;max-width:340px;border-radius:12px;box-shadow:0 0 0 1px #ffffff0d,0 4px 24px #0000008c,0 1px 3px #0006;transition:box-shadow .2s}.pp-svg:hover{box-shadow:0 0 0 1px rgba(var(--c-primary-rgb, 120, 80, 255),.35),0 6px 32px #000000a6,0 2px 6px #00000080}.pp-meta{display:flex;align-items:center;gap:8px}.pp-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1}.pp-chip--mode{background:var(--c-primary-muted);color:var(--c-primary-text);border:1px solid var(--c-primary);border-opacity:.3}.pp-chip--pos{background:#ffffff0d;color:var(--c-text-2);border:1px solid var(--c-border)}.pp-arrow{color:var(--c-text-disabled);flex-shrink:0;transform:rotate(90deg)}.pp-column-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c-text-disabled);margin-bottom:12px}.pp-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e80;animation:pp-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pp-pulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.placement-preview__meta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--c-text-2);margin-top:8px}.placement-preview__badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--c-primary-muted);color:var(--c-primary-text);font-size:11px;font-weight:600;letter-spacing:.02em}.placement-preview__sep{color:var(--c-text-disabled);font-size:14px}.placement-preview__anchor{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 2px var(--c-surface-2),0 0 0 4px var(--c-primary);pointer-events:none;transition:left .15s,top .15s;z-index:var(--z-overlay)}.placement-tabs{display:flex;gap:0;border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.placement-tab{flex:1;padding:8px 12px;font-size:12px;font-weight:600;letter-spacing:.03em;background:var(--c-surface);border:none;border-right:1px solid var(--c-border);cursor:pointer;color:var(--c-text-2);transition:background var(--t-fast),color var(--t-fast)}.placement-tab:last-child{border-right:none}.placement-tab--active{background:var(--c-primary-muted);color:var(--c-primary-text)}.placement-tab:hover:not(.placement-tab--active){background:var(--c-surface-raised);color:var(--c-text-1)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.preset-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;text-align:left;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.preset-card:hover{border-color:var(--c-primary);background:var(--c-surface-raised);transform:translateY(-1px)}.preset-card--active{border-color:var(--c-primary);background:var(--c-primary-muted)}.preset-card__icon{font-size:16px;line-height:1}.preset-card__label{font-size:12px;font-weight:600;color:var(--c-text-1)}.preset-card__meta{font-size:10px;color:var(--c-text-disabled);font-family:var(--font-mono)}.pos-grid{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:4px}.pos-cell{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.pos-cell:hover{border-color:var(--c-primary);background:var(--c-surface-raised)}.pos-cell--active{border-color:var(--c-primary);background:var(--c-primary-muted)}.pos-cell__dot{width:8px;height:8px;border-radius:50%;background:var(--c-border);transition:background var(--t-fast),transform var(--t-fast)}.pos-cell:hover .pos-cell__dot{background:var(--c-primary);transform:scale(1.3)}.pos-cell--active .pos-cell__dot{background:var(--c-primary);transform:scale(1.4);box-shadow:0 0 0 3px var(--c-primary-muted)}.padding-link-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface-raised);color:var(--c-text-2);cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.padding-link-btn--active{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-primary-muted)}.csel{position:relative;width:100%}.csel__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.csel__trigger:hover,.csel__trigger--open{border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-muted)}.csel__trigger-inner{display:flex;flex-direction:column;gap:2px;min-width:0}.csel__trigger-label{font-size:13px;font-weight:600;color:var(--c-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csel__trigger-desc{font-size:11px;color:var(--c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csel__chevron{flex-shrink:0;color:var(--c-text-disabled);transition:transform var(--t-fast)}.csel__chevron--open{transform:rotate(180deg)}.csel__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown);background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000059;overflow:hidden;max-height:320px;overflow-y:auto}.csel__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid var(--c-border);cursor:pointer;text-align:left;transition:background var(--t-fast)}.csel__option:last-child{border-bottom:none}.csel__option:hover{background:var(--c-surface)}.csel__option--active{background:var(--c-primary-muted)}.csel__option-text{display:flex;flex-direction:column;gap:2px;min-width:0}.csel__option-label{font-size:13px;font-weight:600;color:var(--c-text-1)}.csel__option-desc{font-size:11px;color:var(--c-text-2);line-height:1.4}.csel__check{flex-shrink:0;color:var(--c-primary)}.csel__group-header{padding:6px 14px 4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-disabled);background:var(--c-surface-2, var(--c-surface));border-bottom:1px solid var(--c-border);pointer-events:none;-webkit-user-select:none;user-select:none}.export-split{display:grid;grid-template-columns:280px 1fr;gap:var(--sp-6);align-items:start}@media (max-width: 900px){.export-split{grid-template-columns:1fr}}.export-split__col{display:flex;flex-direction:column;gap:var(--sp-3)}.batch-control-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5)}.batch-control-bar__info{display:flex;flex-direction:column;gap:2px}.batch-control-bar__title{font-size:13px;font-weight:600;color:var(--c-text-1)}.batch-control-bar__meta{font-size:12px;color:var(--c-text-disabled)}.batch-control-bar__meta--mono{font-family:var(--font-mono)}.batch-control-bar__actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.batch-control-bar__status{font-size:13px;font-weight:600;color:var(--c-text-1);margin-bottom:3px}.batch-control-bar__status--success{color:var(--c-success)}.batch-control-bar__status--warning{color:var(--c-warning)}.batch-control-bar__status--running{color:var(--c-primary-text)}.batch-control-bar__title--success{color:var(--c-success)}.batch-control-bar__title--warning{color:var(--c-warning)}.batch-control-bar__title--running{color:var(--c-primary-text)}@media (max-width: 640px){.batch-control-bar{flex-direction:column;align-items:stretch}.batch-control-bar__info{width:100%}.batch-control-bar__actions{width:100%;justify-content:stretch}.batch-control-bar__actions .btn{flex:1}}.batch-section--last{border-bottom:none;min-height:60vh}.batch-section__generate{display:flex;flex-direction:column;gap:var(--sp-5)}.batch-error-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--c-error-muted);border:1px solid rgba(239,68,68,.2);font-size:13px;color:var(--c-error)}.batch-progress-wrap,.batch-skeleton-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.batch-bottom-actions{display:flex;justify-content:flex-end}.form-hint--mb{margin-bottom:12px}.batch-section{transition:background-color var(--t-normal)}.batch-section:hover{background-color:color-mix(in srgb,var(--c-surface) 50%,var(--c-surface-raised))}.batch-section__pill{transition:transform var(--t-fast)}.batch-section__pill:hover{transform:translate(4px)}.batch-section__counter-value{transition:color var(--t-fast),transform var(--t-fast)}.batch-control-bar__actions{transition:transform var(--t-fast),opacity var(--t-fast)}.batch-section{animation:sectionFadeIn .3s ease-out}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.batch-app-page{overflow:hidden;height:100vh}.batch-section__counter-value--warning{color:var(--c-warning)}.batch-section__counter-value--success{color:var(--c-success)}.photopea-panel{position:fixed;left:-9999px;top:-9999px;width:820px;height:600px;pointer-events:none;visibility:hidden;overflow:hidden}.export-col-heading{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--c-text-1);margin-bottom:4px}.export-col-heading__icon{font-size:16px}.efp{display:flex;flex-direction:column;gap:var(--sp-4)}.efp__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.efp__btn{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--c-border);background:var(--c-surface);cursor:pointer;text-align:left;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.efp__btn:hover{border-color:var(--c-primary);background:var(--c-primary-muted)}.efp__btn--active{border-color:var(--c-primary);background:var(--c-primary-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 18%,transparent)}.efp__btn-label{font-size:14px;font-weight:800;color:var(--c-text-1);letter-spacing:.04em}.efp__btn--active .efp__btn-label{color:var(--c-primary-text)}.efp__btn-hint{font-size:10.5px;color:var(--c-text-disabled);line-height:1.3}.efp__btn-check{position:absolute;top:8px;right:10px;font-size:12px;font-weight:700;color:var(--c-primary-text);background:var(--c-primary);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.efp__qtab-wrap{display:flex;flex-direction:column;gap:0;border-radius:var(--radius-md);border:1px solid var(--c-border);overflow:hidden}.efp__qtab-bar{display:flex;border-bottom:1px solid var(--c-border)}.efp__qtab{flex:1;padding:8px 12px;background:var(--c-surface);border:none;border-right:1px solid var(--c-border);cursor:pointer;font-size:12px;font-weight:600;color:var(--c-text-2);transition:background var(--t-fast),color var(--t-fast);text-align:center}.efp__qtab:last-child{border-right:none}.efp__qtab:hover{background:var(--c-surface-2, #111118);color:var(--c-text-1)}.efp__qtab--active{background:var(--c-primary-muted);color:var(--c-primary-text)}.efp__quality{display:flex;flex-direction:column;gap:var(--sp-2);padding:12px 14px;background:var(--c-surface)}.efp__quality-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.efp__quality-val{font-size:13px;font-weight:700;color:var(--c-primary-text);background:var(--c-primary-muted);padding:1px 8px;border-radius:999px}.fnb{display:flex;flex-direction:column;gap:var(--sp-3)}.fnb__palette-label{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-disabled)}.fnb__palette{display:flex;flex-wrap:wrap;gap:6px}.fnb__chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;border:1.5px solid color-mix(in srgb,var(--chip-color, #666) 35%,transparent);background:color-mix(in srgb,var(--chip-color, #666) 12%,var(--c-surface));color:var(--chip-color, var(--c-text-1));-webkit-user-select:none;user-select:none;transition:opacity .15s,box-shadow .15s;white-space:nowrap}.fnb__chip--palette{cursor:grab}.fnb__chip--palette:active{cursor:grabbing}.fnb__chip--palette:hover:not(.fnb__chip--disabled){box-shadow:0 0 0 2px color-mix(in srgb,var(--chip-color, #666) 40%,transparent)}.fnb__chip--disabled{opacity:.38;cursor:not-allowed}.fnb__chip--active{box-shadow:0 0 0 2px color-mix(in srgb,var(--chip-color, #666) 70%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--chip-color, #666) 50%,transparent);background:color-mix(in srgb,var(--chip-color, #666) 22%,var(--c-surface))}.fnb__chip--seq{cursor:grab;box-shadow:0 1px 4px #0000004d}.fnb__chip-drag{opacity:.4;font-size:11px;cursor:grab}.fnb__chip-icon{font-size:13px}.fnb__chip-label{color:inherit}.fnb__chip-badge{font-size:9px;font-weight:700;padding:1px 4px;border-radius:4px;background:color-mix(in srgb,var(--chip-color, #666) 25%,transparent);letter-spacing:.04em}.fnb__chip-lock{font-size:10px;opacity:.6}.fnb__chip-input{width:54px;background:transparent;border:none;border-bottom:1px dashed color-mix(in srgb,var(--chip-color, #fff) 50%,transparent);color:var(--chip-color, var(--c-text-1));font-size:12px;font-weight:600;font-family:var(--font-mono, monospace);outline:none;padding:0 2px;text-align:center;transition:border-color .15s}.fnb__chip-input::placeholder{opacity:.4}@keyframes fnb-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.fnb__chip-input--error{border-bottom-color:#f87171!important;color:#f87171!important;animation:fnb-shake .35s ease}.fnb__chip-remove{background:none;border:none;color:inherit;opacity:.45;cursor:pointer;font-size:14px;padding:0 0 0 2px;line-height:1;transition:opacity .12s}.fnb__chip-remove:hover{opacity:1}.fnb__zone{min-height:56px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;border-radius:var(--radius-md);border:2px dashed var(--c-border);background:var(--c-surface);transition:border-color .15s,background .15s;position:relative}.fnb__zone--over{border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 8%,var(--c-surface))}.fnb__zone-empty{font-size:12px;color:var(--c-text-disabled);pointer-events:none;width:100%;text-align:center}.fnb__seq-item{position:relative;display:flex;align-items:center}.fnb__seq-item--dragging .fnb__chip--seq{opacity:.3}.fnb__insert-line{position:absolute;left:-4px;top:0;bottom:0;width:2px;border-radius:2px;background:var(--c-primary);box-shadow:0 0 6px var(--c-primary)}.fnb__zone-tail{min-width:28px;min-height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1.5px dashed var(--c-border);color:var(--c-text-disabled);font-size:14px;font-weight:300;position:relative;transition:border-color .15s,background .15s}.fnb__zone-tail--over{border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 10%,transparent)}.fnb__preview{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--radius-md);background:var(--c-surface-2, #111118);border:1px solid var(--c-border)}.fnb__preview-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c-text-disabled);flex-shrink:0}.fnb__preview-value{font-family:var(--font-mono, monospace);font-size:12px;color:var(--c-text-1);word-break:break-all}.fnb__preview-ext{color:var(--c-primary);font-weight:700}.fs-wrap{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--sp-3)}.fs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 860px){.fs-grid{grid-template-columns:1fr}}.fs-card{display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;border-radius:var(--radius-md);border:1.5px solid var(--c-border);background:var(--c-surface);cursor:pointer;text-align:left;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.fs-card:hover{border-color:var(--c-primary);background:var(--c-primary-muted)}.fs-card--active{border-color:var(--c-primary);background:var(--c-primary-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 18%,transparent)}.fs-card__top{display:flex;align-items:center;gap:7px}.fs-card__icon{font-size:18px;line-height:1}.fs-card__label{font-size:13px;font-weight:700;color:var(--c-text-1);flex:1}.fs-card--active .fs-card__label{color:var(--c-primary-text)}.fs-card__check{font-size:11px;font-weight:800;color:var(--c-primary-text);background:var(--c-primary);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fs-card__desc{font-size:11px;color:var(--c-text-disabled);line-height:1.4}.fs-card__tree{margin-top:4px;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:6px;background:var(--c-surface-2, #0d0d14);border:1px solid var(--c-border)}.fs-card__tree-line{display:flex;align-items:center;gap:4px;font-family:var(--font-mono, monospace);font-size:10px;color:var(--c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-card__tree-line--folder{color:var(--c-primary-text);font-weight:600}.fs-card__tree-line--child{padding-left:10px;color:var(--c-text-disabled)}.fs-card__tree-branch{opacity:.4;font-size:9px;flex-shrink:0}.ds-wrap{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--sp-3)}.ds-mode-row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.ds-mode-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:10px;color:var(--c-text-secondary);cursor:pointer;transition:border-color .18s,background .18s,color .18s;text-align:left;min-width:148px;flex:1}.ds-mode-btn:hover{border-color:var(--c-primary);color:var(--c-text)}.ds-mode-btn--active{border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 10%,transparent);color:var(--c-text)}.ds-mode-btn__icon{font-size:18px;flex-shrink:0;opacity:.8}.ds-mode-btn__label{display:block;font-size:13px;font-weight:600;line-height:1.2}.ds-mode-btn__desc{display:block;font-size:11px;opacity:.6;margin-top:2px}.ds-fields{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:10px;padding:14px 18px}.ds-field{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.ds-field--auto{opacity:.55}.ds-field__auto-badge{display:inline-flex;align-items:center;height:36px;padding:0 12px;background:var(--c-surface-1);border:1.5px dashed var(--c-border);border-radius:7px;font-size:12px;font-style:italic;color:var(--c-text-disabled);letter-spacing:.05em}.ds-field__auto-badge--btn{cursor:pointer;transition:border-color .15s,color .15s,background .15s}.ds-field__auto-badge--btn:hover{border-color:var(--c-primary);border-style:solid;color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 8%,transparent)}.ds-field__auto-badge--btn:active{transform:scale(.97)}.ds-field--dpi{margin-left:6px;padding-left:14px;border-left:1px solid var(--c-border)}.ds-field__label{font-size:11px;font-weight:600;color:var(--c-text-secondary);letter-spacing:.04em;text-transform:uppercase}.ds-field__input{width:90px;padding:8px 10px;background:var(--c-surface-1);border:1.5px solid var(--c-border);border-radius:7px;color:var(--c-text);font-size:14px;font-family:var(--font-mono, monospace);transition:border-color .15s;-moz-appearance:textfield}.ds-field__input::-webkit-outer-spin-button,.ds-field__input::-webkit-inner-spin-button{-webkit-appearance:none}.ds-field__input:focus{outline:none;border-color:var(--c-primary)}.ds-field__input--dpi{width:68px}.ds-field__x{font-size:15px;font-weight:700;color:var(--c-text-disabled);flex-shrink:0;margin-top:18px}.ds-field__badge{margin-left:auto;font-size:11px;color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--c-primary) 30%,transparent);border-radius:6px;padding:5px 10px;font-family:var(--font-mono, monospace);white-space:nowrap;margin-top:18px}@media (max-width: 700px){.ds-fields{gap:8px}.ds-field__badge{margin-left:0;margin-top:8px;width:100%}}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color var(--t-slow),border-color var(--t-slow),color var(--t-slow),fill var(--t-slow),stroke var(--t-slow)!important}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--c-text-disabled);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;transition:background var(--t-fast),color var(--t-fast)}.theme-toggle:hover{background:var(--c-primary-muted);color:var(--c-primary-text);border-color:var(--c-primary)}.theme-toggle svg{position:absolute}.theme-toggle .icon-sun{opacity:var(--theme-icon-sun, 1);transition:opacity var(--t-normal)}.theme-toggle .icon-moon{opacity:var(--theme-icon-moon, 0);transition:opacity var(--t-normal)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-row{display:grid;grid-template-columns:20px 72px 1fr 70px 80px;gap:var(--sp-3);align-items:center;padding:8px var(--sp-4);border-bottom:1px solid var(--c-border-subtle);min-height:52px}.skeleton-row:last-child{border-bottom:none}.skel{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--c-surface-raised) 25%,var(--c-border) 50%,var(--c-surface-raised) 75%);background-size:600px 100%;animation:shimmer 1.6s ease-in-out infinite}.skel-thumb{width:72px;height:48px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--c-surface-raised) 25%,var(--c-border) 50%,var(--c-surface-raised) 75%);background-size:600px 100%;animation:shimmer 1.6s ease-in-out infinite}.pvm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--sp-6);animation:pvmIn .18s ease-out both}@keyframes pvmIn{0%{opacity:0}to{opacity:1}}.pvm-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);width:min(640px,100%);max-height:calc(100vh - var(--sp-12));display:flex;flex-direction:column;overflow:hidden;animation:pvmSlide .2s cubic-bezier(.22,1,.36,1) both}@keyframes pvmSlide{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pvm-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);flex-shrink:0}.pvm-title{font-size:14px;font-weight:700;color:var(--c-text-1);display:flex;align-items:center;gap:var(--sp-2)}.pvm-close{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--c-text-disabled);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast)}.pvm-close:hover{background:var(--c-surface-raised);color:var(--c-text-1)}.pvm-body{flex:1;overflow-y:auto;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);align-items:center}.pvm-img-wrap{width:100%;max-width:520px;border-radius:var(--radius-lg);overflow:hidden;background:var(--c-surface-raised);border:1px solid var(--c-border);position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.pvm-img{width:100%;height:100%;object-fit:contain;display:block}.pvm-img-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--c-surface-raised)}.pvm-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pvm-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:var(--c-surface-raised);border:1px solid var(--c-border);color:var(--c-text-2)}.pvm-chip--ok{background:var(--c-success-muted);border-color:var(--c-success);color:var(--c-success)}.pvm-chip--err{background:var(--c-error-muted);border-color:var(--c-error);color:var(--c-error)}.pvm-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--c-border);gap:var(--sp-3);flex-shrink:0;flex-wrap:wrap}.pvm-footer-hint{font-size:12px;color:var(--c-text-disabled);flex:1}.tool-card:hover{border-color:var(--c-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-primary-muted),0 0 0 1px var(--c-primary)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;color-scheme:inherit;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px!important;cursor:pointer}select[class]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:var(--select-arrow)!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:14px!important;color:var(--c-text-1)}input[type=radio],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--c-border);background:var(--c-surface-raised);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;flex-shrink:0}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:4px}input[type=radio]:hover,input[type=checkbox]:hover{border-color:var(--c-primary)}input[type=radio]:checked,input[type=checkbox]:checked{background:var(--c-primary);border-color:var(--c-primary)}input[type=radio]:checked{background:radial-gradient(circle,var(--c-primary) 40%,transparent 40%)}input[type=checkbox]:checked:after{content:"✓";display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;width:100%;height:100%}.spacer-1{margin-top:var(--sp-1)}.spacer-2{margin-top:var(--sp-2)}.spacer-3{margin-top:var(--sp-3)}.spacer-4{margin-top:var(--sp-4)}.spacer-5{margin-top:var(--sp-5)}.spacer-6{margin-top:var(--sp-6)}.spacer-8{margin-top:var(--sp-8)}.spacer-10{margin-top:var(--sp-10)}.spacer-12{margin-top:var(--sp-12)}.spacer-b-1{margin-bottom:var(--sp-1)}.spacer-b-2{margin-bottom:var(--sp-2)}.spacer-b-3{margin-bottom:var(--sp-3)}.spacer-b-4{margin-bottom:var(--sp-4)}.spacer-b-5{margin-bottom:var(--sp-5)}.spacer-b-6{margin-bottom:var(--sp-6)}.spacer-b-8{margin-bottom:var(--sp-8)}.spacer-b-10{margin-bottom:var(--sp-10)}.spacer-b-12{margin-bottom:var(--sp-12)}:root{--nav-height: 60px}.social-post-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6);padding:var(--sp-5)}@media (min-width: 1024px){.social-post-grid{grid-template-columns:1fr 2fr}}.social-post-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--sp-5)}.social-post-card__title{font-size:14px;font-weight:700;color:var(--c-text-1);margin-bottom:var(--sp-4)}.social-post-preset-grid{display:flex;gap:var(--sp-2);flex-wrap:wrap}.social-post-preset-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--c-border);font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--c-text-2);transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.social-post-preset-btn:hover{background:var(--c-surface-raised)}.social-post-preset-btn--active{border-color:var(--c-primary);background:var(--c-primary-muted);color:var(--c-primary-text)}.social-post-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-float);width:100%;min-height:300px;max-height:600px;display:flex;align-items:center;justify-content:center}.social-post-preview__img{width:100%;height:100%;object-fit:contain;display:block;background:var(--c-surface-2)}.social-post-preview__overlay{position:absolute;top:0;right:0;padding:var(--sp-3);background:linear-gradient(to bottom left,rgba(0,0,0,.6) 0%,transparent 100%);opacity:0;transition:opacity var(--t-normal);display:flex;gap:var(--sp-2)}.social-post-preview:hover .social-post-preview__overlay{opacity:1}.social-post-preview__action{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),transform var(--t-fast)}.social-post-preview__action:hover{background:var(--c-surface);transform:scale(1.05)}.social-post-nav{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-3)}.social-post-nav__btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;box-shadow:var(--shadow-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),transform var(--t-fast),opacity var(--t-fast);opacity:1}.social-post-nav__btn:hover:not(:disabled){background:var(--c-surface);transform:scale(1.05)}.social-post-nav__btn:disabled{opacity:.4;cursor:not-allowed}.social-post-nav__btn span{font-size:18px;color:var(--c-text-1)}.social-post-counter{text-align:center;margin-top:var(--sp-2);font-size:11px;color:var(--c-text-2)}.social-post-zip-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-lg);background:var(--c-primary);color:#fff;border:none;font-weight:700;font-size:14px;cursor:pointer;width:100%;margin-top:var(--sp-3);transition:background var(--t-fast)}.social-post-zip-btn:hover{background:var(--c-primary-hover)}.social-post-loading{text-align:center;color:var(--c-text-2);font-size:14px;margin-top:var(--sp-4)}.social-post-empty{text-align:center;color:var(--c-text-disabled);font-size:13px;padding:var(--sp-8)}.sp-tool{display:grid;grid-template-columns:1fr;gap:var(--sp-5);padding:var(--sp-4);min-height:100%}@media (min-width: 768px){.sp-tool{grid-template-columns:minmax(280px,1fr) minmax(400px,2fr)}}@media (min-width: 900px){.sp-tool{grid-template-columns:340px 1fr}.sp-tool__right{min-width:0}}.sp-tool__left{display:flex;flex-direction:column;gap:var(--sp-4)}.sp-tool__right .sp-card{height:100%}.sp-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--sp-4);color:var(--c-text-1)}.sp-card__title{font-size:14px;font-weight:700;color:var(--c-text-1);margin-bottom:var(--sp-3)}.sp-preset-grid{display:flex;gap:var(--sp-2);flex-wrap:wrap}.sp-preset-btn{padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--c-border);font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:var(--c-text-2);transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.sp-preset-btn:hover{background:var(--c-surface-raised)}.sp-preset-btn--active{border-color:var(--c-primary);background:var(--c-primary-muted);color:var(--c-primary-text)}.sp-dropzone{border:2px dashed var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-6);text-align:center;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.sp-dropzone:hover,.sp-dropzone--active{border-color:var(--c-primary);background:var(--c-primary-muted)}.sp-dropzone__icon{color:var(--c-text-disabled);margin-bottom:var(--sp-2)}.sp-dropzone__label{font-size:13px;color:var(--c-text-2)}.sp-input{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface-raised);font-size:14px;color:var(--c-text-1)}.sp-input:focus{outline:none;border-color:var(--c-primary)}.sp-input::placeholder{color:var(--c-text-disabled)}.sp-color-row{display:flex;gap:var(--sp-3);margin-top:var(--sp-3)}.sp-color-field{flex:1}.sp-label{display:block;font-size:12px;font-weight:600;color:var(--c-text-disabled);margin-bottom:4px}.sp-loading{text-align:center;font-size:14px;color:var(--c-text-2);padding:var(--sp-4)}.sp-empty{text-align:center;font-size:13px;color:var(--c-text-disabled);padding:var(--sp-8)}.sp-preview-wrap{width:100%;position:relative;display:flex;align-items:center}.sp-emabla{overflow:hidden;width:100%;flex:1}.sp-emabla__container{display:flex;width:100%;align-items:center}.sp-emabla__slide{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-2)}.sp-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden;width:100%;min-height:280px;max-height:500px;display:flex;align-items:center;justify-content:center;background:var(--c-surface-2)}.sp-preview__img{max-width:100%;max-height:480px;object-fit:contain}.sp-preview__overlay{position:absolute;top:0;right:0;padding:var(--sp-3);background:linear-gradient(to bottom left,rgba(0,0,0,.6) 0%,transparent 100%);display:flex;gap:var(--sp-2);transition:opacity var(--t-fast)}.sp-preview__btn{width:34px;height:34px;border-radius:var(--radius-md);border:none;background:var(--c-surface-raised);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast);color:var(--c-text-1);border:1px solid var(--c-border)}.sp-preview__btn:hover{background:var(--c-primary-muted);border-color:var(--c-primary);color:var(--c-primary-text)}.sp-preview__filename{text-align:center;font-size:11px;color:var(--c-text-2);margin-top:var(--sp-2);font-weight:500;cursor:pointer;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);background:var(--c-surface-raised);width:100%;box-sizing:border-box}.sp-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-2)}.sp-nav__btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--c-surface-raised);box-shadow:var(--shadow-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast),opacity var(--t-fast);opacity:1}.sp-nav__btn:hover:not(:disabled){background:var(--c-primary-muted)}.sp-nav__btn:disabled{opacity:.3;cursor:not-allowed}.sp-nav__btn span{font-size:20px;color:var(--c-text-1);font-weight:600}.sp-counter{text-align:center;margin-top:var(--sp-2);font-size:11px;color:var(--c-text-2)}.sp-thumbnails{display:flex;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-3);overflow-x:auto;padding:var(--sp-2)}.sp-thumbnail{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;opacity:.5;border:2px solid transparent;transition:opacity var(--t-fast),border-color var(--t-fast);flex-shrink:0}.sp-thumbnail:hover{opacity:.8}.sp-thumbnail--active{opacity:1;border-color:var(--c-primary)}.sp-thumbnail img{width:100%;height:100%;object-fit:cover}.sp-zip-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px 20px;border-radius:var(--radius-lg);background:var(--c-primary);color:var(--c-text-on-brand);border:none;font-weight:700;font-size:14px;cursor:pointer;width:100%;margin-top:var(--sp-4);transition:background var(--t-fast)}.sp-zip-btn:hover{background:var(--c-primary-hover)}.embla{overflow:hidden;width:100%}.embla__container{display:flex;width:100%}.embla__slide{flex:0 0 100%;min-width:0;display:flex;align-items:center;justify-content:center}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--c-surface-raised) 25%,var(--c-border) 37%,var(--c-surface-raised) 63%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md);flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-12) var(--sp-6);gap:var(--sp-3)}.empty-state__icon{color:var(--c-text-disabled);margin-bottom:var(--sp-2)}.empty-state__title{font-size:15px;font-weight:600;color:var(--c-text-1)}.empty-state__desc{font-size:13px;color:var(--c-text-2);max-width:320px;line-height:1.6}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-8);flex-wrap:wrap}.page-header__left{display:flex;align-items:center;gap:var(--sp-4);min-width:0}.page-header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--c-primary-muted);color:var(--c-primary);flex-shrink:0}.page-header__title{font-size:20px;font-weight:700;color:var(--c-text-1);letter-spacing:-.01em;line-height:1.2}.page-header__subtitle{font-size:13px;color:var(--c-text-2);margin-top:2px}.page-header__actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.section-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);overflow:hidden}.section-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--c-border)}.section-card__title{display:flex;align-items:center;gap:var(--sp-2);font-size:14px;font-weight:600;color:var(--c-text-1)}.section-card__icon{display:flex;align-items:center;color:var(--c-primary)}.section-card__action{flex-shrink:0}.section-card__body{padding:var(--sp-6)}.section-card__body--no-pad{padding:0}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.03em;white-space:nowrap;line-height:1.6}.badge--success{background:var(--c-success-muted);color:var(--c-success)}.badge--error{background:var(--c-error-muted);color:var(--c-error)}.badge--warning{background:var(--c-warning-muted);color:var(--c-warning)}.badge--info{background:var(--c-primary-muted);color:var(--c-primary-text)}.badge--neutral{background:var(--c-surface-raised);color:var(--c-text-2);border:1px solid var(--c-border)}.badge--plan-free{background:#9090a81f;color:#9090a8}.badge--plan-starter{background:#60a5fa1f;color:#60a5fa}.badge--plan-pro{background:var(--c-primary-muted);color:var(--c-primary-text)}.badge--plan-business{background:#a855f71f;color:#a855f7}.badge--plan-lifetime{background:#f59e0b1f;color:#f59e0b}.offline-banner{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--c-warning-muted);border:1px solid var(--c-warning);border-radius:var(--radius-lg);margin-bottom:var(--sp-4)}.offline-banner__icon{color:var(--c-warning);flex-shrink:0;margin-top:2px}.offline-banner__title{font-size:14px;font-weight:600;color:var(--c-text-1)}.offline-banner__desc{font-size:13px;color:var(--c-text-2);margin-top:2px}.offline-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-8);background:var(--c-bg)}.offline-page__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--sp-12) var(--sp-10);max-width:440px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.offline-page__icon{color:var(--c-text-disabled)}.offline-page__title{font-size:22px;font-weight:700;color:var(--c-text-1)}.offline-page__desc{font-size:14px;color:var(--c-text-2);line-height:1.7}.breadcrumb{margin-bottom:var(--sp-6)}.breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap;gap:2px;list-style:none;padding:0;margin:0}.breadcrumb__item{display:flex;align-items:center;gap:2px}.breadcrumb__link{font-size:13px;color:var(--c-text-2);text-decoration:none;transition:color var(--t-fast)}.breadcrumb__link:hover{color:var(--c-primary-text)}.breadcrumb__sep{color:var(--c-text-disabled);flex-shrink:0}.breadcrumb__current{font-size:13px;color:var(--c-text-1);font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.upgrade-modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);max-width:460px;width:100%;padding:var(--sp-8) var(--sp-7);box-shadow:var(--shadow-overlay);animation:slideUp .22s ease both}.upgrade-modal__icon-wrap{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--c-warning-muted);border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-5)}.upgrade-modal__icon{color:var(--c-warning)}.upgrade-modal__title{font-size:20px;font-weight:800;color:var(--c-text-1);margin-bottom:var(--sp-2);letter-spacing:-.01em}.upgrade-modal__body{font-size:14px;color:var(--c-text-2);line-height:1.7;margin-bottom:var(--sp-5)}.upgrade-modal__stats{background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-4);margin-bottom:var(--sp-6)}.upgrade-modal__stats-row{display:flex;justify-content:space-between;font-size:12px;color:var(--c-text-disabled);margin-bottom:var(--sp-2)}.upgrade-modal__track{height:8px;border-radius:var(--radius-full);background:var(--c-border);overflow:hidden}.upgrade-modal__fill{height:100%;background:var(--c-primary);border-radius:var(--radius-full);transition:width .3s ease}.upgrade-modal__stats-vals{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--c-text-1);margin-top:var(--sp-2);font-variant-numeric:tabular-nums}.upgrade-modal__actions{display:flex;flex-direction:column;gap:var(--sp-2)}.upgrade-inline{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--c-primary-muted);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg)}.upgrade-inline__icon{color:var(--c-primary);flex-shrink:0}.upgrade-inline__title{font-size:13px;font-weight:600;color:var(--c-text-1)}.upgrade-inline__desc{font-size:12px;color:var(--c-text-2);margin-top:2px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tool-gate-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-12) var(--sp-6);gap:var(--sp-4);animation:slideUp .25s ease}.tool-gate-screen__icon-wrap{width:64px;height:64px;border-radius:50%;background:var(--c-primary-muted);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-2)}.tool-gate-screen__icon{color:var(--c-primary)}.tool-gate-screen__title{font-size:20px;font-weight:700;color:var(--c-text-1);margin:0}.tool-gate-screen__desc{font-size:14px;color:var(--c-text-2);max-width:400px;line-height:1.6;margin:0}.tool-gate-screen__actions{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}.results-carousel{position:relative;display:flex;flex-direction:column;height:100%}.results-carousel__empty{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-6);border:1px dashed var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface-2);color:var(--c-text-disabled);text-align:center}.results-carousel__empty.processing{border:none}.results-carousel__stage-wrap{position:relative;height:400px;border-radius:var(--radius-lg);overflow:hidden;background:var(--c-surface-2);border:1px solid var(--c-border-subtle)}.results-carousel__stage{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.results-carousel__image{max-width:100%;max-height:100%;display:block;animation:fadeIn .2s ease-out}.results-carousel__counter{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:10;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 10px;border-radius:var(--radius-full);font-size:11px;color:#fff;font-weight:700;letter-spacing:.05em;pointer-events:none}.results-carousel__nav-btn{position:absolute;top:50%;z-index:10;width:36px;height:36px;border-radius:50%;border:none;background:#00000073;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast),opacity var(--t-fast);transform:translateY(-50%)}.results-carousel__nav-btn:first-of-type{left:var(--sp-2)}.results-carousel__nav-btn:last-of-type{right:var(--sp-2)}.results-carousel__nav-btn:hover:not(:disabled){background:#000000b3}.results-carousel__nav-btn:disabled{opacity:0;pointer-events:none}.results-carousel__actions{position:absolute;top:0;right:0;padding:var(--sp-2);background:linear-gradient(to bottom left,rgba(0,0,0,.35),transparent);display:flex;gap:var(--sp-1);z-index:10}.results-carousel__footer{text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--c-text-disabled);margin-top:var(--sp-2);background:var(--c-surface-raised);border-radius:var(--radius-md);padding:6px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-carousel__thumbs{display:flex;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-3);overflow-x:auto;padding-bottom:4px}.results-carousel__thumb{width:48px;height:48px;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;flex-shrink:0;opacity:.5;transition:opacity var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.results-carousel__thumb:hover{opacity:.8}.results-carousel__thumb.active{opacity:1;border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-muted)}.results-carousel__thumb img{width:100%;height:100%;object-fit:cover}@media (max-width: 640px){.results-carousel__empty,.results-carousel__stage-wrap{height:240px}.results-carousel__thumbs{gap:var(--sp-1);margin-top:var(--sp-2)}.results-carousel__thumb{width:40px;height:40px}.results-carousel__nav-btn{width:28px;height:28px}.results-carousel__actions button{width:32px!important;height:32px!important}.results-carousel__actions svg{width:14px;height:14px}}.results-carousel__fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:var(--z-modal);-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.results-carousel__fullscreen-name{color:#fff9;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.announcement-banner{background:var(--banner-bg, var(--c-primary));color:#fff;padding:8px 48px 8px 16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:var(--z-nav);font-size:13px;font-weight:600;min-height:40px}.announcement-banner--warn{--banner-bg: var(--c-warning);color:#12121c}.announcement-banner__content{display:flex;align-items:center;gap:8px;text-align:center;flex-wrap:wrap;justify-content:center}.announcement-banner__text{line-height:1.4}.announcement-banner__link{color:inherit;text-decoration:underline;display:inline-flex;align-items:center;gap:4px;opacity:.9;white-space:nowrap;transition:opacity var(--t-fast)}.announcement-banner__link:hover{opacity:1}.announcement-banner__close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:inherit;opacity:.7;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm);transition:opacity var(--t-fast),background var(--t-fast)}.announcement-banner__close:hover{opacity:1;background:#ffffff26}.inactive-row{opacity:.5;filter:grayscale(1)}.feature-gate{position:relative}.feature-gate__overlay[aria-disabled=true]{opacity:.4;pointer-events:none;filter:grayscale(.6);-webkit-user-select:none;user-select:none}.feature-gate__badge{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--radius-full);background:var(--c-primary);color:var(--c-text-on-brand);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1;z-index:10;cursor:help;pointer-events:auto;box-shadow:0 2px 8px #0000004d}.feature-gate__badge:hover{background:var(--c-primary-hover)}.pub-page{min-height:100vh;display:flex;flex-direction:column;background:var(--c-bg)}.pub-page main{flex:1}.section-wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:var(--sp-6)}.section-wrap--sm{max-width:760px}.section-wrap--md{max-width:900px}.section-wrap--lg{max-width:1200px}.section{padding-block:var(--sp-12)}.section--sm{padding-block:var(--sp-8)}.section--lg{padding-block:80px}.section--xl{padding-block:100px}.dash-section{display:flex;flex-direction:column;gap:var(--sp-4)}.dash-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.dash-section__title{display:flex;align-items:center;gap:var(--sp-2);font-size:15px;font-weight:700;color:var(--c-text-1)}.dash-section__link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--c-primary-text);text-decoration:none;transition:color var(--t-fast)}.dash-section__link:hover{color:var(--c-primary)}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:5px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--c-primary-muted);color:var(--c-primary-text);margin-bottom:var(--sp-5)}.hero-title{font-size:clamp(28px,5vw,52px);font-weight:900;letter-spacing:-.03em;line-height:1.1;color:var(--c-text-1);text-wrap:balance;margin-bottom:var(--sp-4)}.hero-subtitle{font-size:clamp(15px,2.5vw,18px);color:var(--c-text-2);line-height:1.65;max-width:600px;margin:0 auto var(--sp-8);text-align:center;text-wrap:balance}.section-title{font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--c-text-1);line-height:1.2;text-wrap:balance}.section-subtitle{font-size:15px;color:var(--c-text-2);line-height:1.65;margin-top:var(--sp-3);text-wrap:balance}.content-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--sp-6);transition:border-color var(--t-normal),box-shadow var(--t-normal)}.content-card--hoverable:hover{border-color:var(--c-primary);box-shadow:var(--shadow-float)}.content-card--raised{background:var(--c-surface-raised)}.content-card--compact{padding:var(--sp-4) var(--sp-5)}.stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-1)}.stat-card__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-disabled)}.stat-card__value{font-size:28px;font-weight:900;color:var(--c-text-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-card__sub{font-size:12px;color:var(--c-text-2)}.stat-card__accent{color:var(--c-primary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-5)}.feature-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3);transition:border-color var(--t-normal),transform var(--t-normal)}.feature-card:hover{border-color:color-mix(in srgb,var(--c-primary) 40%,var(--c-border));transform:translateY(-2px)}.feature-card__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--c-primary-muted);color:var(--c-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-card__title{font-size:15px;font-weight:700;color:var(--c-text-1)}.feature-card__desc{font-size:13px;color:var(--c-text-2);line-height:1.65}.tool-page{min-height:100vh;display:flex;flex-direction:column;background:var(--c-bg)}.tool-page main{flex:1;max-width:860px;width:100%;margin-inline:auto;padding:var(--sp-12) var(--sp-6)}.tool-header{margin-bottom:var(--sp-8)}.tool-header__back{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:12px;color:var(--c-text-disabled);text-decoration:none;transition:color var(--t-fast);margin-bottom:var(--sp-4)}.tool-header__back:hover{color:var(--c-primary-text)}.tool-header h1{font-size:clamp(22px,4vw,32px);font-weight:900;color:var(--c-text-1);letter-spacing:-.025em;margin-bottom:var(--sp-2)}.tool-header p{font-size:15px;color:var(--c-text-2);line-height:1.6;max-width:600px}.tool-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:12px;color:var(--c-text-disabled);margin-top:var(--sp-3)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--c-surface-raised);color:var(--c-text-2);border:1px solid var(--c-border);cursor:default;-webkit-user-select:none;user-select:none}.chip--primary{background:var(--c-primary-muted);color:var(--c-primary-text);border-color:transparent}.chip--success{background:var(--c-success-muted);color:var(--c-success);border-color:transparent}.chip--warning{background:var(--c-warning-muted);color:var(--c-warning);border-color:transparent}.chip--error{background:var(--c-error-muted);color:var(--c-error);border-color:transparent}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);font-size:13px;line-height:1.55;border:1px solid transparent}.alert--info{background:var(--c-primary-muted);color:var(--c-primary-text);border-color:color-mix(in srgb,var(--c-primary) 20%,transparent)}.alert--success{background:var(--c-success-muted);color:var(--c-success);border-color:color-mix(in srgb,var(--c-success) 20%,transparent)}.alert--warning{background:var(--c-warning-muted);color:var(--c-warning);border-color:color-mix(in srgb,var(--c-warning) 20%,transparent)}.alert--error{background:var(--c-error-muted);color:var(--c-error);border-color:color-mix(in srgb,var(--c-error) 20%,transparent)}.field-group{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.field-label{font-size:13px;font-weight:600;color:var(--c-text-1)}.field-hint{font-size:12px;color:var(--c-text-2)}.field-error{font-size:12px;color:var(--c-error)}.divider-label{display:flex;align-items:center;gap:var(--sp-3);color:var(--c-text-disabled);font-size:12px;margin-block:var(--sp-5)}.divider-label:before,.divider-label:after{content:"";flex:1;border-top:1px solid var(--c-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-6);text-align:center;color:var(--c-text-disabled)}.empty-state__icon{opacity:.25}.empty-state h3{font-size:16px;font-weight:700;color:var(--c-text-2)}.empty-state p{font-size:13px;color:var(--c-text-disabled);max-width:320px}.cta-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--c-primary) 10%,var(--c-surface)),var(--c-surface));border:1px solid var(--c-border);border-radius:20px;padding:var(--sp-12) var(--sp-10);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.cta-banner__title{font-size:clamp(22px,3.5vw,32px);font-weight:900;color:var(--c-text-1);letter-spacing:-.02em}.cta-banner__sub{font-size:15px;color:var(--c-text-2);max-width:460px;line-height:1.6}.cta-banner__actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;margin-top:var(--sp-2)}.pub-footer{background:#000;color:var(--c-text-2);padding:100px 0 60px;border-top:1px solid rgba(255,255,255,.05);font-family:var(--font-ui)}.pub-footer__container{max-width:1200px;margin:0 auto;padding:0 var(--sp-6)}.pub-footer__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:60px;gap:var(--sp-8)}.pub-footer__brand{display:flex;flex-direction:column;gap:16px;max-width:320px}.pub-footer__logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.pub-footer__logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--c-primary);background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.pub-footer__brand-name{font-size:22px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:2px}.pub-footer__brand-bulk{color:#fff}.pub-footer__brand-mockup{color:#fff;opacity:.7;font-weight:400}.pub-footer__brand-pro{background:#fff;color:#000;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;text-transform:uppercase;margin-left:6px;line-height:1}.pub-footer__brand-desc{font-size:14px;line-height:1.6;color:#888}.pub-footer__email{font-size:14px;color:#fff;opacity:.6;text-decoration:none;transition:opacity .2s}.pub-footer__email:hover{opacity:1}.pub-footer__support{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.pub-footer__support-text{font-size:18px;color:#fff;font-weight:500}.pub-footer__support-btn{display:inline-flex;align-items:center;padding:12px 28px;background:var(--c-glow-accent);border:1px solid var(--c-glow-accent-strong);border-radius:var(--radius-full);color:var(--c-glow-accent-color, #00ffc8);font-size:14px;font-weight:700;text-decoration:none;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pub-footer__support-btn:hover{background:var(--c-glow-accent-color, #00ffc8);color:#000;border-color:#00ffc8;box-shadow:0 0 30px var(--c-glow-accent-strong);transform:translateY(-2px)}.pub-footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:60px;border-top:1px solid rgba(255,255,255,.05);padding-top:60px}.pub-footer__col-title{color:#fff;font-size:15px;font-weight:600;margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}.pub-footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.pub-footer__links a{color:#888;font-size:14px;text-decoration:none;transition:color .2s}.pub-footer__links a:hover{color:#fff}.pub-footer__social{display:flex;gap:16px}.pub-footer__social a{width:36px;height:36px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#888;transition:background .2s,color .2s,transform .2s}.pub-footer__social a:hover{background:var(--c-primary);color:#fff;transform:translateY(-2px)}.pub-footer__bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:32px}.pub-footer__payments-wrap{display:flex;flex-direction:row;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.pub-footer__payments-label{font-size:12px;color:#555;font-weight:500}.pub-footer__payment-icons{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.payment-icon{height:28px;width:44px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#8a8f9d;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);cursor:help}.payment-icon svg{width:100%;height:100%;object-fit:contain}.payment-icon:hover{background:#ffffff14;border-color:var(--c-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--c-primary-rgb),.15)}[data-theme=light] .payment-icon{background:#00000008;border:1px solid rgba(0,0,0,.08);color:#4b5563}[data-theme=light] .payment-icon:hover{background:#0000000f;border-color:var(--c-primary);color:#111827;box-shadow:0 4px 12px rgba(var(--c-primary-rgb),.1)}.pub-footer__copyright{font-size:13px;color:var(--c-text-disabled)}[data-theme=light] .pub-footer{background:#fff;border-top:1px solid var(--c-border)}[data-theme=light] .pub-footer__brand-desc{color:var(--c-text-2)}[data-theme=light] .pub-footer__email{color:var(--c-primary);opacity:1}[data-theme=light] .pub-footer__support-text{color:var(--c-text-1)}[data-theme=light] .pub-footer__support-btn{background:var(--c-primary-muted);border-color:var(--c-primary);color:var(--c-primary)}[data-theme=light] .pub-footer__support-btn:hover{background:var(--c-primary);color:#fff}[data-theme=light] .pub-footer__grid{border-top:1px solid var(--c-border-subtle)}[data-theme=light] .pub-footer__col-title{color:var(--c-text-1)}[data-theme=light] .pub-footer__links a{color:var(--c-text-2)}[data-theme=light] .pub-footer__links a:hover{color:var(--c-primary)}[data-theme=light] .pub-footer__social a{background:var(--c-surface-2);color:var(--c-text-2)}[data-theme=light] .pub-footer__social a:hover{background:var(--c-primary);color:#fff}[data-theme=light] .pub-footer__bottom{border-top:1px solid var(--c-border-subtle)}[data-theme=light] .pub-footer__payments-label,[data-theme=light] .pub-footer__copyright{color:var(--c-text-disabled)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--c-border);cursor:pointer;color:var(--c-text-2);transition:background var(--t-fast),color var(--t-fast);position:relative;flex-shrink:0}.theme-toggle:hover{background:var(--c-surface-raised);color:var(--c-text-1)}.theme-toggle .icon-sun{opacity:var(--theme-icon-sun);position:absolute}.theme-toggle .icon-moon{opacity:var(--theme-icon-moon);position:absolute}@media (max-width: 768px){.pub-nav,.section-wrap{padding-inline:var(--sp-4)}.section{padding-block:var(--sp-8)}.section--lg{padding-block:var(--sp-10)}.hero-title{letter-spacing:-.02em}.cta-banner{padding:var(--sp-8) var(--sp-5);border-radius:var(--radius-xl)}.feature-grid{grid-template-columns:1fr}.pub-footer__grid{grid-template-columns:1fr;gap:var(--sp-8)}.pub-footer__top{flex-direction:column;align-items:flex-start;gap:var(--sp-6)}.pub-footer__support{align-items:flex-start;text-align:left}.pub-footer__bottom{flex-direction:column;gap:var(--sp-4);align-items:flex-start}.product-hero{grid-template-columns:1fr}}@media (max-width: 480px){.pub-nav__links{display:none}.hero-subtitle{font-size:14px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--c-primary) 40%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.animate-fade-up{animation:fadeSlideUp .3s ease-out both}.animate-fade-in{animation:fadeIn .25s ease-out both}.stagger>*{animation:fadeSlideUp .3s ease-out both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.progress-bar{width:100%;height:4px;background:var(--c-surface);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--sp-4)}.progress-bar__fill{width:50%;height:100%;background:var(--c-primary);border-radius:var(--radius-full);animation:progress-indeterminate 1.5s infinite linear}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(200%)}}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mt-10{margin-top:var(--sp-10)}.mt-12{margin-top:var(--sp-12)}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.pb-1{padding-bottom:var(--sp-1)}.pb-2{padding-bottom:var(--sp-2)}.pb-3{padding-bottom:var(--sp-3)}.pb-4{padding-bottom:var(--sp-4)}.pb-5{padding-bottom:var(--sp-5)}.pb-6{padding-bottom:var(--sp-6)}.pb-8{padding-bottom:var(--sp-8)}.pb-10{padding-bottom:var(--sp-10)}.pb-12{padding-bottom:var(--sp-12)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-5)}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-1{color:var(--c-text-1)}.text-2{color:var(--c-text-2)}.text-muted{color:var(--c-text-disabled)}.text-primary{color:var(--c-primary-text)}.text-success{color:var(--c-success)}.text-error{color:var(--c-error)}.text-warning{color:var(--c-warning)}.font-bold{font-weight:700}.font-black{font-weight:900}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.w-full{width:100%}.min-w-0{min-width:0}.overflow-hidden{overflow:hidden}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.app-nav{position:sticky;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:14px var(--sp-6);background:color-mix(in srgb,var(--c-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border-subtle);z-index:var(--z-nav);transition:background var(--t-normal),border-color var(--t-normal),box-shadow var(--t-normal),height var(--t-normal),padding var(--t-normal)}.app-nav__left,.app-nav__right{display:flex;align-items:center;gap:var(--sp-4)}.app-nav__logo{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;color:var(--c-text-1);transition:opacity var(--t-fast)}.app-nav__logo:hover{opacity:.8}.app-nav__logo-img{height:32px;width:auto;object-fit:contain}.app-nav__logo-placeholder{display:flex;align-items:center;gap:var(--sp-2)}.app-nav__logo-icon{width:32px;height:32px;background:var(--c-primary);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px color-mix(in srgb,var(--c-primary) 30%,transparent)}.app-nav__logo-name{font-size:18px;font-weight:800;letter-spacing:-.02em}.app-nav__badge{font-size:10px;font-weight:700;padding:2px 8px;background:var(--c-primary-muted);color:var(--c-primary-text);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.app-nav__tools{display:flex;align-items:center;gap:var(--sp-3);padding-left:var(--sp-3);border-left:1px solid var(--c-border-subtle)}@media (max-width: 768px){.app-nav{padding:14px var(--sp-3)}.app-nav__left,.app-nav__right{gap:var(--sp-2)}.app-nav__logo-name,.app-nav__badge{display:none}.app-nav__tools{border-left:none;padding-left:0;gap:var(--sp-2)}.app-nav__actions .btn{padding:6px 10px;font-size:13px}}.notif-bell-wrap{position:relative;display:inline-flex}.notif-bell-btn{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--c-text-disabled);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.notif-bell-btn:hover{background:var(--c-primary-muted);color:var(--c-primary-text)}.notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--c-error);color:#fff;font-size:10px;font-weight:800;border-radius:999px;border:2px solid var(--c-bg);display:flex;align-items:center;justify-content:center;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1)}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);z-index:var(--z-popover);overflow:hidden;animation:notifSlide .2s ease-out}@media (max-width: 480px){.notif-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.hide-mobile{display:inline}.user-menu{position:relative;display:inline-flex;align-items:center;vertical-align:top;z-index:var(--z-popover)}.user-menu__trigger{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:var(--radius-full);background:var(--c-surface);border:1px solid var(--c-border);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);color:var(--c-text-1)}.user-menu__trigger:hover,.user-menu__trigger--open,.user-menu__trigger[aria-expanded=true]{background:var(--c-surface-raised);border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-muted)}.user-menu__avatar{width:28px!important;height:28px!important;border-radius:50%!important;flex-shrink:0;display:block}.user-menu__name{font-size:13px;font-weight:600;color:var(--c-text-1);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__chevron{color:var(--c-text-disabled);transition:transform .2s ease;flex-shrink:0}.user-menu__chevron--active{transform:rotate(180deg)}.user-menu__backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:calc(var(--z-popover) - 2);animation:fadeIn .2s ease}.user-menu__dropdown{position:fixed;top:var(--nav-height);right:16px;left:auto;width:256px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;box-shadow:0 8px 32px #0003;z-index:var(--z-popover);overflow:hidden;animation:menuFadeIn .16s ease-out}.user-menu__info{display:flex;align-items:center;gap:10px;padding:14px;background:var(--c-surface-raised);border-bottom:1px solid var(--c-border-subtle)}.user-menu__info-avatar{flex-shrink:0;width:36px!important;height:36px!important;border-radius:50%!important;border:2px solid var(--c-primary)!important;display:block}.user-menu__info-details{display:flex;flex-direction:column;gap:2px;min-width:0}.user-menu__info-name{font-size:13px;font-weight:700;color:var(--c-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__info-email{font-size:11px;color:var(--c-text-disabled);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__section{padding:4px}.user-menu__section+.user-menu__section{border-top:1px solid var(--c-border-subtle)}.user-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--c-text-2);text-decoration:none;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);text-align:left;line-height:1.4}.user-menu__item:hover{background:var(--c-surface-raised);color:var(--c-text-1)}.user-menu__item svg{color:var(--c-text-disabled);flex-shrink:0;transition:color var(--t-fast)}.user-menu__item:hover svg{color:var(--c-text-2)}.user-menu__item--admin,.user-menu__item--admin svg,.user-menu__item--admin:hover svg{color:#a855f7}.user-menu__item--danger,.user-menu__item--danger svg,.user-menu__item--danger:hover svg{color:var(--c-error)}.user-menu__item--danger:hover{background:var(--c-error-muted)}@media (max-width: 640px){.hide-mobile,.user-menu__chevron{display:none!important}.user-menu__trigger{padding:3px;background:transparent;border-color:transparent;box-shadow:none!important}.user-menu__trigger:hover,.user-menu__trigger--open,.user-menu__trigger[aria-expanded=true]{background:var(--c-surface-raised);border-color:transparent;box-shadow:none!important}.user-menu__backdrop{display:block}.user-menu__dropdown{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;max-height:80dvh;overflow-y:auto;overflow-x:hidden;border-radius:16px 16px 0 0!important;border:none!important;border-top:1px solid var(--c-border)!important;box-shadow:0 -4px 24px #0003!important;animation:sheetUp .26s cubic-bezier(.32,.72,0,1)!important;z-index:var(--z-popover)!important;padding-top:22px}.user-menu__dropdown:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--c-border);border-radius:2px;display:block}}@keyframes sheetUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes badgePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes notifSlide{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes menuFadeIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.blog-hero{padding:80px 0 40px;background:radial-gradient(circle at 50% -20%,rgba(99,102,241,.18) 0%,transparent 60%),radial-gradient(circle at 0% 0%,rgba(0,209,255,.08) 0%,transparent 40%),var(--c-bg);position:relative;overflow:visible;text-align:center;z-index:1}.blog-hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--c-border-subtle),transparent)}.blog-search-wrap{position:relative;max-width:580px;margin:48px auto 0;z-index:2}.search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--c-text-disabled);pointer-events:none;display:flex;align-items:center;justify-content:center}.blog-search-input{width:100%;padding:18px 24px 18px 56px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:20px;color:var(--c-text-1);font-size:16px;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.blog-search-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 4px #6366f11a,var(--shadow-md);transform:translateY(-1px)}.blog-content-section{padding-top:32px;padding-bottom:64px}.featured-post-wrap{margin-top:-30px;margin-bottom:60px;position:relative;z-index:5}.featured-post{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.featured-post:hover{transform:translateY(-6px);border-color:var(--c-primary);box-shadow:0 20px 40px -20px #0003}.featured-post__image-wrap{position:relative;overflow:hidden;background:var(--c-bg-3);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.featured-post__image-placeholder{font-size:32px;font-weight:900;color:var(--c-text-disabled);opacity:.2}.featured-post__image{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.featured-post:hover .featured-post__image{transform:scale(1.05)}.featured-post__badge{position:absolute;top:20px;left:20px;background:var(--c-primary);color:#fff;padding:6px 12px;border-radius:100px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.featured-post__content{padding:40px;display:flex;flex-direction:column;justify-content:center}.featured-post__title{font-size:clamp(22px,3vw,36px);font-weight:900;line-height:1.2;margin-bottom:20px;color:var(--c-text-1);letter-spacing:-.02em}.featured-post__excerpt{font-size:17px;line-height:1.6;color:var(--c-text-2);margin-bottom:32px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btn-read{display:inline-flex;align-items:center;gap:12px;font-weight:700;color:var(--c-primary);font-size:16px;transition:gap .3s}.featured-post:hover .btn-read{gap:18px}.grid-header{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--c-border-subtle)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px}.blog-card{display:flex;flex-direction:column;height:100%;background:var(--c-surface);border:1px solid var(--c-border);border-radius:24px;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-12px);border-color:var(--c-primary);box-shadow:0 20px 40px -15px #00000026}.blog-card__image-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--c-bg-3)}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card__image{transform:scale(1.08)}.blog-card__tag{position:absolute;top:16px;left:16px;padding:4px 12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:700;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.blog-card__content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.blog-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;color:var(--c-text-disabled)}.meta-item{display:flex;align-items:center;gap:6px}.blog-card__title{font-size:20px;font-weight:800;line-height:1.3;color:var(--c-text-1);margin-bottom:12px}.blog-card__excerpt{font-size:15px;line-height:1.6;color:var(--c-text-2);margin-bottom:24px}.blog-card__footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--c-border-subtle)}.read-more{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--c-primary);transition:gap .2s}.blog-card:hover .read-more{gap:12px}.blog-cta{display:flex;align-items:center;justify-content:space-between;padding:48px;background:linear-gradient(135deg,rgba(99,102,241,.08),transparent);border:1px solid var(--c-border);border-radius:24px;gap:40px}.blog-cta__content{max-width:480px}.blog-cta__form{display:flex;gap:12px;flex-shrink:0;width:100%;max-width:440px}.blog-cta__input{flex:1;padding:14px 20px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;color:var(--c-text-1);font-size:15px}.blog-cta__input:focus{outline:none;border-color:var(--c-primary)}@media (max-width: 1024px){.featured-post{grid-template-columns:1fr}.featured-post__content{padding:48px}}@media (max-width: 900px){.blog-cta{flex-direction:column;text-align:center;padding:48px 32px}.blog-cta__form{max-width:100%}}.admin-page .btn-primary,.admin-modal .btn-primary{background:var(--c-primary);background-image:none;border:none;box-shadow:none;font-weight:600;border-radius:10px}.admin-page .btn-primary:hover,.admin-modal .btn-primary:hover{background:var(--c-primary-hover);transform:none;box-shadow:none}.btn-icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:8px;color:var(--c-text-2);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.btn-icon:hover{background:var(--c-surface-raised);color:var(--c-text-1);border-color:var(--c-primary)}.btn-icon.btn-sm{width:28px;height:28px}.btn-icon.btn-xs{width:24px;height:24px}.btn-icon.btn-danger{color:var(--c-error)}.btn-icon.btn-danger:hover{background:var(--c-error-muted);border-color:var(--c-error);color:var(--c-error)}.admin-blog{display:flex;flex-direction:column;gap:24px}.admin-blog__header{display:flex;justify-content:space-between;align-items:center;gap:16px}.search-box{position:relative;flex-grow:1;max-width:500px}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-text-disabled)}.search-box input{width:100%;padding:12px 14px 12px 42px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:10px;color:var(--c-text-1);font-size:14px;transition:border-color .2s,background .2s}.search-box input:focus{border-color:var(--c-primary);background:var(--c-surface-raised);outline:none}[data-theme=light] .search-box input{color:var(--c-text-1)}.admin-table-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;overflow:hidden;overflow-x:auto}.admin-table{min-width:600px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.status-pill--published{background:var(--c-success-muted);color:var(--c-success)}.status-pill--draft{background:var(--c-warning-muted);color:var(--c-warning)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2500;padding:24px}.admin-modal--xl{max-width:900px;height:85vh}.admin-modal{background:#0d0d12;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #000000b3,0 0 0 1px #ffffff0d;border-radius:28px;width:100%;display:flex;flex-direction:column;overflow:hidden;animation:modalPremiumIn .4s cubic-bezier(.16,1,.3,1)}@keyframes modalPremiumIn{0%{opacity:0;transform:scale(.96) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-modal__header{padding:32px 40px;background:linear-gradient(to bottom,#16161e,#0d0d12);border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.modal-icon{width:44px;height:44px;border-radius:12px;background:var(--c-primary-muted);display:flex;align-items:center;justify-content:center;color:var(--c-primary);flex-shrink:0}.tab-pane{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modal-tabs{display:flex;gap:32px;padding:0 40px;background:var(--c-surface);border-bottom:1px solid var(--c-border-subtle)}.modal-tab{padding:8px 0;font-size:15px;font-weight:600;color:var(--c-text-disabled);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s,border-color .2s}.modal-tab:hover{color:var(--c-text-1)}.modal-tab.active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.admin-modal__close{width:40px;height:40px;border-radius:12px;background:var(--c-surface-2);border:1px solid var(--c-border);color:var(--c-text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}.admin-modal__close:hover{background:var(--c-surface-raised);color:var(--c-text-1);transform:rotate(90deg)}.modal-close{width:40px;height:40px;border-radius:12px;background:var(--c-surface-2);border:1px solid var(--c-border);color:var(--c-text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}.modal-close:hover{background:var(--c-surface-raised);color:var(--c-text-1);transform:rotate(90deg)}.admin-modal__body{padding:32px;overflow-y:auto;flex-grow:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.col-span-2{grid-column:span 2}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:10px;color:var(--c-text-1);font-size:14px;transition:border-color .2s,background .2s}.form-group select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;cursor:pointer}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--c-primary);background:var(--c-surface-raised);outline:none}.field-hint{font-size:11px;color:var(--c-text-disabled);margin-top:6px}.image-preview-mini{width:44px;height:44px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.image-preview-mini img{width:100%;height:100%;object-fit:cover}.cover-image-upload{display:flex;gap:12px;align-items:stretch}.cover-image-input-wrap{flex:1;display:flex;position:relative;align-items:center}.cover-image-input{width:100%;padding:12px 48px 12px 16px;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:10px;color:var(--c-text-1);font-size:14px;transition:border-color .2s,background .2s}.cover-image-input:focus{border-color:var(--c-primary);background:var(--c-surface-raised);outline:none}.cover-image-input::placeholder{color:var(--c-text-disabled)}.cover-image-upload-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--c-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.cover-image-upload-btn:hover{background:var(--c-primary-hover)}.cover-image-upload-btn:disabled{opacity:.6;cursor:not-allowed}.cover-image-preview{width:80px;height:80px;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.cover-image-preview img{width:100%;height:100%;object-fit:cover}.cover-image-placeholder{color:var(--c-text-disabled)}.upload-progress{margin-top:8px;height:4px;background:var(--c-border);border-radius:4px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--c-primary);transition:width .3s ease}.seo-preview{background:var(--c-surface-2);padding:20px;border-radius:12px;border:1px solid var(--c-border)}.google-result{font-family:arial,sans-serif}.google-url{color:var(--c-text-disabled);font-size:14px;margin-bottom:4px}.google-title{color:#8ab4f8;font-size:20px;line-height:1.3;margin-bottom:4px;cursor:pointer}.google-title:hover{text-decoration:underline}.google-desc{color:var(--c-text-2);font-size:14px;line-height:1.58}.admin-modal__footer{padding-top:24px;display:flex;justify-content:flex-end;gap:12px}.scrollbar-custom::-webkit-scrollbar{width:6px}.scrollbar-custom::-webkit-scrollbar-track{background:transparent}.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:10px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:var(--c-text-disabled)}[data-theme=light] .admin-modal{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-overlay)}[data-theme=light] .admin-modal__header{background:var(--c-surface);border-bottom:1px solid var(--c-border)}[data-theme=light] .modal-tab{color:var(--c-text-disabled)}[data-theme=light] .modal-tab:hover{color:var(--c-text-1)}[data-theme=light] .modal-tab.active{color:var(--c-primary)}[data-theme=light] .form-group label{color:var(--c-text-2)}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:var(--c-surface-2);color:var(--c-text-1);border-color:var(--c-border)}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{background:var(--c-surface);border-color:var(--c-primary)}[data-theme=light] .image-preview-mini{background:var(--c-surface-2);border-color:var(--c-border)}[data-theme=light] .cover-image-input{background:var(--c-surface-2);border-color:var(--c-border);color:var(--c-text-1)}[data-theme=light] .cover-image-input:focus{background:var(--c-surface);border-color:var(--c-primary)}[data-theme=light] .cover-image-preview{background:var(--c-surface-2);border-color:var(--c-border)}[data-theme=light] .upload-progress{background:var(--c-border)}[data-theme=light] .seo-preview{background:var(--c-surface-2);border-color:var(--c-border)}[data-theme=light] .google-title{color:#1a0dab}[data-theme=light] .modal-close{color:var(--c-text-2)}[data-theme=light] .modal-close:hover{background:var(--c-surface-2);color:var(--c-text-1)}.blog-post-page{background-color:var(--c-bg)}.blog-breadcrumb{display:flex;align-items:center;gap:8px;margin-top:32px;margin-bottom:32px;font-size:13px;color:var(--c-text-disabled);font-weight:500}.blog-breadcrumb a{color:var(--c-text-disabled);text-decoration:none;transition:color .2s}.blog-breadcrumb a:hover{color:var(--c-primary)}.blog-post__header{padding-bottom:40px}.blog-post__meta-top{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.blog-post__meta-top .tag{padding:6px 14px;background:var(--c-primary-muted);color:var(--c-primary-text);border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.blog-post__meta-top .dot{width:4px;height:4px;border-radius:50%;background:var(--c-border)}.meta-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--c-text-3)}.blog-post__title{font-size:clamp(26px,5vw,42px);font-weight:900;line-height:1.15;letter-spacing:-.03em;color:var(--c-text-1);margin-bottom:24px;text-wrap:balance}.blog-post__author-top{display:flex;align-items:center;gap:16px;margin-bottom:0}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--c-bg-3);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--c-border);box-shadow:var(--shadow-sm)}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-weight:700;font-size:15px;color:var(--c-text-1)}.author-role{font-size:13px;color:var(--c-text-disabled);font-weight:500}.blog-post__cover{width:100%;aspect-ratio:16/9;border-radius:32px;overflow:hidden;margin-bottom:64px;box-shadow:0 30px 60px -20px #0006;border:1px solid var(--c-border)}.blog-post__cover img{width:100%;height:100%;object-fit:cover}.blog-post__content{font-size:18px;line-height:1.8;color:var(--c-text-2);font-family:var(--font-ui)}.blog-post__content h2{font-size:clamp(22px,4vw,32px);font-weight:900;color:var(--c-text-1);margin:40px 0 16px;letter-spacing:-.03em}.blog-post__content h3{font-size:clamp(18px,3vw,24px);font-weight:800;color:var(--c-text-1);margin:32px 0 12px;letter-spacing:-.02em}.blog-post__content p{margin-bottom:28px}.blog-post__content ul,.blog-post__content ol{margin-bottom:32px;padding-left:24px}.blog-post__content li{margin-bottom:12px}.blog-post__content strong{color:var(--c-text-1);font-weight:700}.blog-post__content blockquote{border-left:4px solid var(--c-primary);padding:24px 32px;background:color-mix(in srgb,var(--c-primary) 5%,var(--c-surface));border-radius:0 16px 16px 0;margin:48px 0;font-style:italic;color:var(--c-text-1);font-size:1.1em;box-shadow:inset 2px 0 10px #0000000d}.blog-post__content img{max-width:100%;border-radius:24px;margin:48px 0;box-shadow:var(--shadow-lg);border:1px solid var(--c-border)}.blog-post__content code{background:var(--c-bg-3);padding:3px 8px;border-radius:6px;font-family:var(--font-mono);font-size:.85em;color:var(--c-primary-text);border:1px solid var(--c-border)}.blog-post__footer{margin-top:48px;padding-top:40px;border-top:1px solid var(--c-border);padding-bottom:80px}.blog-post__share{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px}.share-label{font-size:12px;font-weight:700;color:var(--c-text-disabled);text-transform:uppercase;letter-spacing:.1em}.btn-share{width:44px;height:44px;border-radius:12px;background:var(--c-surface);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;color:var(--c-text-2);cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.btn-share:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);transform:translateY(-4px);box-shadow:0 10px 20px -5px #6366f166}.blog-post__author-card{display:flex;gap:24px;padding:24px;background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:24px;margin-bottom:40px;position:relative;overflow:hidden}.blog-post__author-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--c-primary)}.card-avatar{width:80px;height:80px;border-radius:50%;background:var(--c-bg-3);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:3px solid var(--c-border);box-shadow:var(--shadow-md)}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-content h4{font-size:20px;font-weight:800;margin-bottom:8px;color:var(--c-text-1);letter-spacing:-.02em}.card-content p{font-size:15px;color:var(--c-text-2);margin-bottom:20px;line-height:1.7}@media (max-width: 768px){.blog-post__author-card{flex-direction:column;text-align:center;gap:16px;padding:24px 20px}.blog-post__author-card:before{width:100%;height:4px}.blog-post__author-card .card-avatar{margin:0 auto}}.blog-post__back{text-align:center}.latest-posts{padding:80px 0;background:var(--c-bg-1);border-top:1px solid var(--c-border)}.latest-posts__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:24px}.latest-posts__header-text{max-width:600px}.latest-posts__view-all{margin-bottom:8px}.latest-posts__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:32px}@media (min-width: 768px){.latest-posts__grid{grid-template-columns:repeat(3,1fr)}}.post-card{height:100%}.post-card__link{display:flex;flex-direction:column;height:100%;background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:20px;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit}.post-card__link:hover{transform:translateY(-8px);border-color:var(--c-primary-light);box-shadow:var(--shadow-lg)}.post-card__image-wrap{aspect-ratio:16 / 10;overflow:hidden;background:var(--c-bg-3)}.post-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.post-card__link:hover .post-card__image{transform:scale(1.08)}.post-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-bg-3) 0%,var(--c-bg-2) 100%)}.placeholder-text{font-size:32px;font-weight:800;letter-spacing:-.05em;opacity:.1;color:var(--c-text-1)}.post-card__content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.post-card__meta{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--c-text-3);margin-bottom:12px}.post-card__title{font-size:18px;font-weight:700;line-height:1.4;color:var(--c-text-1);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.post-card__link:hover .post-card__title{color:var(--c-primary)}.post-card__excerpt{font-size:14px;line-height:1.6;color:var(--c-text-2);margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__read-more{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--c-primary)}@media (max-width: 767px){.latest-posts__header{flex-direction:column;align-items:flex-start}.latest-posts__view-all{order:2}}@keyframes skeleton-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-line,.skeleton-box{border-radius:8px;background:linear-gradient(90deg,var(--c-surface-raised) 25%,var(--c-surface-2) 50%,var(--c-surface-raised) 75%);background-size:1200px 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;display:block}[data-theme=light] .skeleton-line,[data-theme=light] .skeleton-box{background:linear-gradient(90deg,#e8e8f0 25%,#d8d8e8,#e8e8f0 75%);background-size:1200px 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.skeleton-featured{pointer-events:none;cursor:default}.skeleton-featured .featured-post__image-wrap{aspect-ratio:16/10}.skeleton-featured .featured-post__content{gap:0}.blog-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.blog-tag{display:inline-flex;align-items:center;padding:3px 10px;background:var(--c-primary-muted);color:var(--c-primary-text);font-size:11px;font-weight:700;border-radius:100px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.blog-tag--pill{padding:5px 14px;font-size:12px}.blog-not-found{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--nav-height) 0 80px}.blog-not-found__inner{text-align:center;max-width:480px;padding:0 24px}.blog-author-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--c-primary);text-decoration:none;transition:gap .2s}.blog-author-more:hover{gap:10px;color:var(--c-primary-hover)}:root{--c-bg-3: #1A1A28}[data-theme=light]{--c-bg-3: #E8E8F0}@media (prefers-color-scheme: light){:root:not([data-theme]){--c-bg-3: #E8E8F0}}.blog-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--c-bg-3)}.blog-card__image-placeholder .placeholder-text{font-size:32px;font-weight:900;color:var(--c-text-disabled);opacity:.3;letter-spacing:-.04em}.blog-post-skeleton{animation:fadeIn .3s ease}.blog-post-skeleton .section-wrap--md{padding-top:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:fadeIn .15s ease}.modal-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:18px;width:100%;max-width:540px;box-shadow:0 24px 80px #00000080;animation:slideUp .2s cubic-bezier(.22,1,.36,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--c-border)}.modal-box__header h3{display:flex;align-items:center;gap:var(--sp-2);font-size:15px;font-weight:700;color:var(--c-text-1);margin:0}.modal-box__body{padding:var(--sp-5) var(--sp-6)}.modal-box__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--c-border);background:var(--c-surface-raised)}.btn-error{background:var(--c-error)!important;border-color:var(--c-error)!important;color:#fff!important}.btn-error:hover:not(:disabled){filter:brightness(1.1)}.btn-warning{background:var(--c-warning)!important;border-color:var(--c-warning)!important;color:#000!important}.btn-warning:hover:not(:disabled){filter:brightness(1.1)}.sub-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.sub-badge--success{background:var(--c-success-muted);color:var(--c-success)}.sub-badge--info{background:var(--c-primary-muted);color:var(--c-primary-text)}.sub-badge--warning{background:var(--c-warning-muted);color:var(--c-warning)}.sub-badge--error{background:var(--c-error-muted);color:var(--c-error)}.sub-badge--muted{background:var(--c-surface-raised);color:var(--c-text-disabled)}.sub-status-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--radius-xl);margin-bottom:var(--sp-3)}.sub-status-card__left{display:flex;align-items:center;gap:var(--sp-4)}.sub-status-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-status-card__plan{font-size:15px;font-weight:700;color:var(--c-text-1);margin-bottom:2px}.sub-status-card__price{font-size:12px;color:var(--c-text-2)}.sub-status-card__right{flex-shrink:0}.sub-period-bar{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;color:var(--c-text-2);padding:var(--sp-3) var(--sp-4);background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--radius-lg);margin-bottom:var(--sp-4)}.sub-period-bar--warning{background:var(--c-warning-muted);border-color:color-mix(in srgb,var(--c-warning) 30%,transparent);color:var(--c-warning)}.sub-period-bar--muted{opacity:.7}.sub-actions{margin-bottom:var(--sp-6)}.sub-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-4) 0}.sub-cancel-btn{color:var(--c-error)!important;margin-left:auto}.sub-cancel-btn:hover{background:var(--c-error-muted)!important}.sub-upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:linear-gradient(135deg,color-mix(in srgb,var(--c-primary) 8%,var(--c-surface)),var(--c-surface));border:1px solid color-mix(in srgb,var(--c-primary) 30%,var(--c-border));border-radius:var(--radius-xl)}.sub-upgrade-banner__text{display:flex;align-items:center;gap:var(--sp-3);color:var(--c-primary-text)}.sub-upgrade-banner__text strong{display:block;font-size:14px;color:var(--c-text-1);margin-bottom:2px}.sub-upgrade-banner__text span{font-size:12px;color:var(--c-text-2)}.sub-lifetime-badge{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:color-mix(in srgb,#10b981 10%,var(--c-surface));border:1px solid color-mix(in srgb,#10b981 30%,var(--c-border));border-radius:var(--radius-lg);font-size:13px;color:#10b981;font-weight:600}.sub-reactivate-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--c-warning-muted);border:1px solid color-mix(in srgb,var(--c-warning) 35%,transparent);border-radius:var(--radius-lg);flex-wrap:wrap}.sub-reactivate-bar__text{display:flex;align-items:center;gap:var(--sp-2);font-size:13px;color:var(--c-text-1)}.sub-action-error{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);font-size:13px;color:var(--c-error);background:var(--c-error-muted);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md)}.sub-modal{max-width:620px}.sub-billing-toggle{display:flex;gap:0;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--c-border);background:var(--c-bg)}.sub-billing-btn{flex:1;padding:var(--sp-2) var(--sp-4);font-size:13px;font-weight:600;color:var(--c-text-2);background:transparent;border:1px solid var(--c-border);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.sub-billing-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.sub-billing-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.sub-billing-btn.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.sub-billing-save{font-size:10px;background:#ffffff40;padding:1px 6px;border-radius:20px;font-weight:700}.sub-billing-btn:not(.active) .sub-billing-save{background:var(--c-success-muted);color:var(--c-success)}.sub-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);max-height:340px;overflow-y:auto}.sub-plan-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);position:relative}.sub-plan-card:hover{border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 5%,var(--c-bg))}.sub-plan-card--selected{border-color:var(--c-primary)!important;background:color-mix(in srgb,var(--c-primary) 8%,var(--c-bg))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 20%,transparent)}.sub-plan-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.sub-plan-card__name{font-size:13px;font-weight:700;color:var(--c-text-1)}.sub-plan-card__price{font-size:20px;font-weight:900;color:var(--c-text-1);letter-spacing:-.03em}.sub-plan-card__period{font-size:12px;font-weight:400;color:var(--c-text-2)}.sub-plan-card__note{font-size:11px;color:var(--c-text-2);line-height:1.4}.sub-plan-card__check{position:absolute;top:var(--sp-3);right:var(--sp-3);color:var(--c-primary)}.sub-plan-action-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:var(--radius-full)}.sub-plan-action-badge.upgrade{background:var(--c-success-muted);color:var(--c-success)}.sub-plan-action-badge.downgrade{background:var(--c-warning-muted);color:var(--c-warning)}@media (max-width: 1200px){.workflow-sidebar{display:none}}@media (max-width: 900px){.nav-rail,.nav-rail--expanded{width:52px;align-items:center}.nav-rail__brand,.nav-rail__label{display:none}.nav-rail__sublabel{opacity:1;width:auto}.nav-rail--expanded .nav-rail__item{flex-direction:column;height:46px;padding:0 var(--sp-2)}.nav-rail__toggle{display:none}.batch-section{padding:var(--sp-7) var(--sp-6)}.batch-section h2{font-size:20px}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.export-split,.config-split{grid-template-columns:1fr}.batch-section__controls,.batch-control-bar{flex-direction:column}}@media (max-width: 640px){.app-shell{flex-direction:column}.nav-rail{width:100%;height:52px;flex-direction:row;align-items:center;padding:0 var(--sp-3);border-right:none;border-bottom:1px solid var(--c-border);overflow:visible;flex-shrink:0}.nav-rail__header{margin-bottom:0;padding:0;flex:1}.nav-rail__items{flex-direction:row;width:auto;gap:var(--sp-1);flex:0}.nav-rail__item{width:auto;height:36px;padding:0 var(--sp-2);flex-direction:row}.nav-rail__sublabel{display:none}.nav-rail__label{opacity:1;width:auto;font-size:12px}.nav-rail__toggle{display:none}.theme-toggle{margin-bottom:0;margin-left:var(--sp-2)}.app-main{overflow-y:auto}.batch-section{padding:var(--sp-6) var(--sp-4)}.batch-section h2{font-size:18px}.batch-section__top{flex-direction:column;gap:var(--sp-3)}.batch-section__counter{align-self:flex-start;width:100%;flex-direction:row;justify-content:space-between}.thumb-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.batch-section .btn-lg{min-width:unset;width:100%}.batch-control-bar{flex-direction:column!important;gap:var(--sp-3)!important}.batch-control-bar>div:first-child{width:100%}.batch-control-bar>div:last-child{flex-direction:column;width:100%}.file-list__header,.file-row{grid-template-columns:20px 1fr 80px}.file-list__header span:nth-child(2),.file-row>:nth-child(2){display:none}.file-list__header span:nth-child(4),.file-row>:nth-child(4){display:none}.drop-zone{min-height:90px;padding:var(--sp-4)}.preview-modal{max-width:100vw;max-height:100dvh;border-radius:0}.pvm-footer{flex-direction:column-reverse;align-items:stretch}.pvm-footer .btn{width:100%}.toast-container{top:auto;left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-4);flex-direction:column-reverse}.toast{min-width:unset;width:100%}.fit-mode-grid{grid-template-columns:repeat(2,1fr)}.preset-grid,.fs-grid{grid-template-columns:1fr}.ds-mode-row{flex-direction:column}.ds-mode-btn{min-width:100%}.csel__dropdown{max-width:100vw;left:-10px;right:-10px}.pos-grid{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px)}.dash-referral-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px) and (min-width: 640px){.nav-rail,.nav-rail--expanded{width:60px}.batch-section{padding:var(--sp-8) var(--sp-5)}.batch-section h2{font-size:22px}.export-split{gap:var(--sp-4)}.fit-mode-grid{grid-template-columns:repeat(3,1fr)}.fs-grid{grid-template-columns:repeat(2,1fr)}.batch-control-bar{flex-wrap:wrap!important}}@media (max-width: 400px){.batch-section{padding:var(--sp-5) var(--sp-3)}.batch-grid{grid-template-columns:1fr;gap:var(--sp-2)}.thumb-card__img-wrap{aspect-ratio:1}.batch-section__counter-value,.batch-section h2{font-size:16px}}.input{width:100%;background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:8px;padding:9px 12px;font-size:14px;color:var(--c-text-1);font-family:var(--font-ui);transition:border-color .15s}.input:focus{outline:none;border-color:var(--c-primary)}.btn-block{width:100%;justify-content:center}.btn-xs{height:24px;padding:0 8px;font-size:11px}.btn-lg{height:44px;padding:0 24px;font-size:14px;font-weight:700}.btn-success{background:var(--c-success);color:#fff;border-color:var(--c-success)}.skeleton{background:linear-gradient(90deg,var(--c-surface) 25%,var(--c-surface-raised) 50%,var(--c-surface) 75%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:var(--c-surface-raised);color:var(--c-text-2)}.badge-success{background:var(--c-success-muted);color:var(--c-success)}.badge-error{background:var(--c-error-muted);color:var(--c-error)}.badge-warning{background:var(--c-warning-muted);color:var(--c-warning)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s}.modal-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:28px;width:100%;box-shadow:var(--shadow-overlay)}.modal-close-btn{background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--c-text-2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-msg{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:16px}.toast-msg--success{background:var(--c-success-muted);color:var(--c-success)}.toast-msg--error{background:var(--c-error-muted);color:var(--c-error)}.toggle-switch{position:relative;display:inline-flex;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__track{display:block;width:40px;height:22px;border-radius:999px;background:var(--c-border);transition:background .2s;position:relative}.toggle-switch__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-switch input:checked~.toggle-switch__track{background:var(--c-primary)}.toggle-switch input:checked~.toggle-switch__track:after{transform:translate(18px)}.account-page{min-height:100vh;display:flex;flex-direction:column;background:var(--c-bg)}.account-container{max-width:1100px;margin:0 auto;width:100%;padding:32px 24px;flex:1;display:flex;flex-direction:column;gap:20px}.account-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.account-hero__title{font-size:26px;font-weight:800;color:var(--c-text-1)}.account-hero__subtitle{font-size:14px;color:var(--c-text-2);margin-top:2px}.plan-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;background:var(--c-primary-muted);color:var(--c-primary-text)}.account-card-new{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;overflow:hidden}.account-card-new__header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--c-border);font-size:14px;font-weight:700;color:var(--c-text-1)}.account-card-new__body{padding:20px}.account-divider{border:none;border-top:1px solid var(--c-border);margin:20px 0}.account-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.account-field-group label{font-size:12px;font-weight:600;color:var(--c-text-disabled);text-transform:uppercase;letter-spacing:.05em}.account-field-value{font-size:14px;color:var(--c-text-1);display:flex;align-items:center;gap:8px}.account-settings-layout{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}.account-settings-sidebar{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:2px}.account-settings-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;color:var(--c-text-2);background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s,color .15s;width:100%}.account-settings-tab:hover{background:var(--c-surface-raised);color:var(--c-text-1)}.account-settings-tab--active{background:var(--c-primary-muted);color:var(--c-primary-text)}.account-settings-tab--danger:hover{background:var(--c-error-muted);color:var(--c-error)}.account-settings-content{min-width:0}.account-tab-content{display:flex;flex-direction:column}.dash-usage-row{display:flex;gap:20px;flex-wrap:wrap}.dash-cta-card{flex:0 0 280px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.dash-cta-card h3{font-size:16px;font-weight:700;color:var(--c-text-1)}.dash-cta-card p{font-size:13px;color:var(--c-text-2)}.usage-container{display:flex;flex-direction:column;gap:8px}.usage-header{display:flex;justify-content:space-between;align-items:baseline}.usage-label{font-size:13px;color:var(--c-text-2)}.usage-value{font-size:13px;font-weight:700;color:var(--c-text-1);font-family:var(--font-mono)}.usage-progress-bg{height:8px;background:var(--c-border);border-radius:999px;overflow:hidden}.usage-progress-fill{height:100%;background:var(--c-primary);border-radius:999px;transition:width .4s ease}.usage-progress-fill--warn{background:var(--c-warning)}.usage-progress-fill--error{background:var(--c-error)}.usage-hint{font-size:12px;margin-top:4px}.usage-hint--warn{color:var(--c-warning)}.usage-hint--error{color:var(--c-error)}.usage-infinite{display:flex;align-items:center;gap:8px;padding:10px 0}.plan-upgrade-cta{margin-top:16px;padding:14px;background:var(--c-primary-muted);border-radius:10px;display:flex;flex-direction:column;gap:10px}.plan-upgrade-cta p{font-size:13px;color:var(--c-text-2)}.dash-batch-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--c-border-subtle);gap:12px;flex-wrap:wrap}.dash-batch-row:last-child{border-bottom:none}.dash-batch-row__meta{display:flex;align-items:center;gap:16px}.dash-batch-row__date{font-size:12px;color:var(--c-text-disabled);font-family:var(--font-mono);min-width:64px}.dash-batch-row__count{font-size:13px;font-weight:700;color:var(--c-text-1)}.dash-batch-row__detail{font-size:12px;color:var(--c-text-2)}.dash-batch-row__actions{display:flex;align-items:center;gap:10px}.dash-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--c-text-disabled);text-align:center}.dash-empty-state p{font-size:14px;color:var(--c-text-2)}.dash-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.dash-product-card{background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.dash-product-card:hover{border-color:var(--c-primary);transform:translateY(-2px)}.dash-product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.dash-product-card__placeholder{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--c-text-disabled)}.dash-product-card__name{font-size:12px;font-weight:600;color:var(--c-text-1);padding:8px 10px 2px}.dash-product-card__price{font-size:12px;color:var(--c-text-2);padding:0 10px 8px}.marketplace-hero{padding:64px 24px 48px;text-align:center;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--c-primary) 8%,transparent),transparent 60%)}.marketplace-hero__title{font-size:40px;font-weight:900;color:var(--c-text-1);letter-spacing:-.02em;margin-bottom:12px}.marketplace-hero__sub{font-size:16px;color:var(--c-text-2);max-width:520px;margin:0 auto 28px}.marketplace-search-wrap{position:relative;max-width:480px;margin:0 auto}.marketplace-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-text-disabled);pointer-events:none}.marketplace-search{width:100%;background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;padding:12px 20px 12px 46px;font-size:15px;color:var(--c-text-1);font-family:var(--font-ui);transition:border-color .15s,box-shadow .15s}.marketplace-search:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-muted)}.marketplace-filters{border-bottom:1px solid var(--c-border);background:var(--c-surface)}.marketplace-filters__inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.marketplace-filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.marketplace-filter-label{font-size:11px;font-weight:700;color:var(--c-text-disabled);text-transform:uppercase;letter-spacing:.08em}.marketplace-filter-btn{padding:6px 16px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-surface);font-size:12px;font-weight:600;color:var(--c-text-2);cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;text-transform:capitalize;white-space:nowrap}.marketplace-filter-btn:hover{border-color:var(--c-primary);color:var(--c-primary-text);background:var(--c-surface-raised)}.marketplace-filter-btn--active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--c-primary) 30%,transparent)}.marketplace-sort-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:8px;padding:6px 32px 6px 12px;font-size:12px;font-weight:600;color:var(--c-text-1);cursor:pointer;transition:border-color .2s,box-shadow .2s;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.marketplace-sort-select:hover{border-color:var(--c-primary)}.marketplace-sort-select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-muted)}.marketplace-grid-section{max-width:1200px;margin:0 auto;width:100%;padding:32px 24px}.marketplace-grid-wrap{width:100%}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.marketplace-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s}.marketplace-card:hover{border-color:var(--c-primary);transform:translateY(-4px);box-shadow:0 12px 32px #0003}.marketplace-card__img{position:relative;aspect-ratio:4/3;background:var(--c-surface-raised);overflow:hidden}.marketplace-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.marketplace-card:hover .marketplace-card__img img{transform:scale(1.05)}.marketplace-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--c-text-disabled)}.marketplace-card__type-badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#0009;color:#fff;text-transform:capitalize;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.marketplace-card__type-badge--free{background:var(--c-success);color:#fff}.marketplace-card__body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.marketplace-card__name{font-size:14px;font-weight:700;color:var(--c-text-1);line-height:1.3}.marketplace-card__category{font-size:11px;color:var(--c-text-disabled);display:flex;align-items:center;gap:4px;text-transform:capitalize}.marketplace-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}.marketplace-card__price{font-size:15px;font-weight:800;color:var(--c-text-1)}.marketplace-card__downloads{font-size:11px;color:var(--c-text-disabled)}.marketplace-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 24px;text-align:center;color:var(--c-text-disabled)}.marketplace-empty h3{font-size:18px;color:var(--c-text-2)}.marketplace-empty p{font-size:14px;color:var(--c-text-disabled)}.marketplace-cta-banner{background:var(--c-primary-muted);border-top:1px solid var(--c-border);padding:60px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.marketplace-cta-banner h2{font-size:26px;font-weight:800;color:var(--c-text-1)}.marketplace-cta-banner p{font-size:15px;color:var(--c-text-2)}.product-breadcrumb{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-text-2)}.product-breadcrumb a{color:var(--c-text-2);text-decoration:none}.product-breadcrumb a:hover{color:var(--c-primary-text)}.product-hero{max-width:1100px;margin:0 auto;padding:24px 24px 48px;display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:start}.product-gallery__main{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--c-surface);border:1px solid var(--c-border)}.product-gallery__main img{width:100%;height:100%;object-fit:cover;display:block}.product-gallery__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--c-text-disabled)}.product-gallery__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.product-gallery__thumb{width:72px;height:56px;border-radius:8px;overflow:hidden;border:2px solid var(--c-border);cursor:pointer;transition:border-color .15s;padding:0;background:none}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-gallery__thumb--active{border-color:var(--c-primary)}.product-info__category{font-size:12px;color:var(--c-text-disabled);text-transform:capitalize;margin-bottom:8px;display:flex;align-items:center;gap:6px}.product-info__title{font-size:28px;font-weight:900;color:var(--c-text-1);letter-spacing:-.02em;margin-bottom:12px}.product-info__desc{font-size:14px;color:var(--c-text-2);line-height:1.7;margin-bottom:20px}.product-includes{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.product-includes__item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-text-2)}.product-cta{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px}.product-cta__price{font-size:28px;font-weight:800;color:var(--c-text-1)}.product-cta__price--free{color:var(--c-success)}.product-trust{display:flex;gap:16px;font-size:12px;color:var(--c-text-disabled)}.product-trust span,.star-rating{display:flex;align-items:center;gap:4px}.star-rating__count{font-size:12px;color:var(--c-text-disabled);margin-left:4px}.product-reviews{background:var(--c-surface);border-top:1px solid var(--c-border);padding:48px 24px}.product-reviews__inner{max-width:1100px;margin:0 auto}.product-reviews__inner h2{font-size:20px;font-weight:800;color:var(--c-text-1);margin-bottom:24px}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-item{padding:20px;background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:12px}.review-item__header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.review-item__avatar{width:36px;height:36px;border-radius:50%;background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.review-item__name{font-size:14px;font-weight:700;color:var(--c-text-1)}.review-item__body{font-size:14px;color:var(--c-text-2);line-height:1.6}.review-item__date{font-size:12px;color:var(--c-text-disabled);margin-top:8px}.product-file-preview{padding:48px 24px;border-top:1px solid var(--c-border);background:var(--c-bg)}.product-file-preview__inner{max-width:1100px;margin:0 auto}.product-file-preview__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.product-file-preview__lock-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:999px;font-size:12px;font-weight:600;color:var(--c-text-disabled)}.product-file-preview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.product-file-preview__item{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:1;background:var(--c-surface-raised);border:1px solid var(--c-border)}.product-file-preview__item img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.product-file-preview__item--preview{border-color:color-mix(in srgb,var(--c-primary) 30%,var(--c-border))}.product-file-preview__item--preview img{pointer-events:none}.product-file-preview__watermark{position:absolute;top:8px;right:8px;padding:3px 7px;background:#00000085;color:#ffffffd1;font-size:9px;font-weight:800;letter-spacing:.1em;border-radius:4px;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.product-file-preview__hint{margin-top:16px;font-size:12px;color:var(--c-text-disabled);display:flex;align-items:center;gap:6px}.product-details{background:var(--c-bg-subtle);border-top:1px solid var(--c-border);padding:64px 24px}.product-details__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px}.product-details__col{display:flex;flex-direction:column;gap:24px}.product-details__title{font-size:20px;font-weight:800;color:var(--c-text-1)}.product-features-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}.product-features-list li{font-size:14px;color:var(--c-text-2);line-height:1.6;position:relative;padding-left:24px}.product-features-list li:before{content:"✓";position:absolute;left:0;color:var(--c-success);font-weight:900}.product-features-list strong{color:var(--c-text-1);font-weight:700}.product-usage-steps{display:flex;flex-direction:column;gap:20px}.usage-step{display:flex;gap:16px;align-items:flex-start}.usage-step__num{width:32px;height:32px;border-radius:50%;background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.usage-step__text{font-size:14px;color:var(--c-text-2);line-height:1.6;padding-top:4px}@media (max-width: 768px){.product-hero{grid-template-columns:1fr!important;gap:32px}.product-details__inner{grid-template-columns:1fr;gap:40px}.account-settings-layout{grid-template-columns:1fr}.dash-usage-row{flex-direction:column}.dash-cta-card{flex:auto}.account-container{padding:24px 16px}}.tool-container .flex{display:flex}.tool-container .inline-flex{display:inline-flex}.tool-container .grid{display:grid}.tool-container .block{display:block}.tool-container .inline-block{display:inline-block}.tool-container .hidden{display:none}.tool-container .relative{position:relative}.tool-container .absolute{position:absolute}.tool-container .sticky{position:sticky}.tool-container .fixed{position:fixed}.tool-container .flex-1{flex:1}.tool-container .flex-col{flex-direction:column}.tool-container .flex-row{flex-direction:row}.tool-container .flex-wrap{flex-wrap:wrap}.tool-container .flex-shrink-0{flex-shrink:0}.tool-container .items-center{align-items:center}.tool-container .items-start{align-items:flex-start}.tool-container .items-end{align-items:flex-end}.tool-container .justify-center{justify-content:center}.tool-container .justify-between{justify-content:space-between}.tool-container .justify-end{justify-content:flex-end}.tool-container .gap-1{gap:4px}.tool-container .gap-2{gap:8px}.tool-container .gap-3{gap:12px}.tool-container .gap-4{gap:16px}.tool-container .gap-6{gap:24px}.tool-container .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-container .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-container .overflow-hidden{overflow:hidden}.tool-container .overflow-y-auto{overflow-y:auto}.tool-container .overflow-x-auto{overflow-x:auto}.tool-container .max-h-48{max-height:12rem}.tool-container .m-0{margin:0}.tool-container .mt-1{margin-top:4px}.tool-container .mt-2{margin-top:8px}.tool-container .mt-3{margin-top:12px}.tool-container .mt-4{margin-top:16px}.tool-container .mb-1{margin-bottom:4px}.tool-container .mb-1\.5{margin-bottom:6px}.tool-container .mb-2{margin-bottom:8px}.tool-container .mb-4{margin-bottom:16px}.tool-container .mr-2{margin-right:8px}.tool-container .ml-2{margin-left:8px}.tool-container .p-1{padding:4px}.tool-container .p-1\.5{padding:6px}.tool-container .p-2{padding:8px}.tool-container .p-3{padding:12px}.tool-container .px-2{padding-inline:8px}.tool-container .px-3{padding-inline:12px}.tool-container .py-1{padding-block:4px}.tool-container .py-1\.5{padding-block:6px}.tool-container .py-2{padding-block:8px}.tool-container .pl-8{padding-left:32px}.tool-container .pl-12{padding-left:48px}.tool-container .w-3\.5{width:14px}.tool-container .w-4{width:16px}.tool-container .w-8{width:32px}.tool-container .w-10{width:40px}.tool-container .w-20{width:80px}.tool-container .w-full{width:100%}.tool-container .h-3\.5{height:14px}.tool-container .h-4{height:16px}.tool-container .h-8{height:32px}.tool-container .h-10{height:40px}.tool-container .min-w-0{min-width:0}.tool-container .top-0{top:0}.tool-container .left-0{left:0}.tool-container .right-0{right:0}.tool-container .bottom-0{bottom:0}.tool-container .inset-0{top:0;right:0;bottom:0;left:0}.tool-container .top-full{top:100%}.tool-container .left-2{left:8px}.tool-container .left-3{left:12px}.tool-container .top-1\/2{top:50%}.tool-container .-translate-y-1\/2{transform:translateY(-50%)}.tool-container .-translate-x-1\/4{transform:translate(-25%)}.tool-container .-translate-y-1\/4{transform:translateY(-25%)}.tool-container .z-50{z-index:50}.tool-container .text-xs{font-size:12px;line-height:1.5}.tool-container .text-sm{font-size:14px;line-height:1.5}.tool-container .text-\[10px\]{font-size:10px}.tool-container .text-\[9px\]{font-size:9px}.tool-container .font-bold{font-weight:700}.tool-container .font-medium{font-weight:500}.tool-container .font-mono{font-family:var(--font-mono, ui-monospace, monospace)}.tool-container .uppercase{text-transform:uppercase}.tool-container .tracking-wider{letter-spacing:.05em}.tool-container .leading-none{line-height:1}.tool-container .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-container .text-center{text-align:center}.tool-container .text-slate-400{color:#94a3b8}.tool-container .text-slate-500{color:#64748b}.tool-container .text-slate-700{color:#334155}.tool-container .text-rose-500{color:#f43f5e}.tool-container .text-indigo-600{color:#4f46e5}.tool-container .text-indigo-700{color:#4338ca}.tool-container .bg-white{background-color:#fff}.tool-container .bg-slate-50{background-color:#f8fafc}.tool-container .bg-slate-100{background-color:#f1f5f9}.tool-container .bg-slate-200{background-color:#e2e8f0}.tool-container .bg-rose-50{background-color:#fff1f2}.tool-container .bg-indigo-50{background-color:#eef2ff}.tool-container .bg-indigo-100{background-color:#e0e7ff}.tool-container .border{border:1px solid}.tool-container .border-b{border-bottom:1px solid}.tool-container .border-slate-100{border-color:#f1f5f9}.tool-container .border-slate-200{border-color:#e2e8f0}.tool-container .rounded-lg{border-radius:8px}.tool-container .rounded-xl{border-radius:12px}.tool-container .shadow-sm{box-shadow:0 1px 2px #0000000f,0 1px 3px #0000001a}.tool-container .shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tool-container .hover\:text-rose-600:hover{color:#e11d48}.tool-container .hover\:text-indigo-700:hover{color:#4338ca}.tool-container .hover\:text-slate-500:hover{color:#64748b}.tool-container .hover\:bg-rose-50:hover{background-color:#fff1f2}.tool-container .hover\:bg-slate-200:hover{background-color:#e2e8f0}.tool-container .hover\:bg-indigo-50:hover{background-color:#eef2ff}.tool-container .transition-colors{transition:color .15s,background-color .15s,border-color .15s}.tool-container .object-cover{object-fit:cover}.tool-container .space-y-2>*+*{margin-top:8px}.tool-container .space-y-4>*+*{margin-top:16px}.tool-card__header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--c-border)}.tool-card__title-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tool-card__icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--c-primary-muted);color:var(--c-primary-text);flex-shrink:0}.tool-card__icon{width:16px;height:16px;color:var(--c-primary-text)}.tool-card__content{display:flex;flex-direction:column;gap:12px}.tool-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.tool-divider{border:none;border-top:1px solid var(--c-border-subtle);margin:4px 0}.tool-input-group{display:flex;flex-direction:column;gap:6px}.tool-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:var(--c-border);outline:none;cursor:pointer}.tool-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--c-primary);cursor:pointer;box-shadow:0 0 0 2px var(--c-surface),0 0 0 3px var(--c-primary)}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background var(--t-fast),color var(--t-fast),opacity var(--t-fast)}.tool-btn--primary{background:var(--c-primary);color:#fff}.tool-btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--c-primary) 85%,#000)}.tool-btn--primary:disabled{opacity:.5;cursor:not-allowed}