@import"https://cdn.jsdelivr.net/npm/jetbrains-mono@2.3.0/css/jetbrains-mono.min.css";:root{--bg: #fafbfc;--surface-0: #ffffff;--surface-1: #ffffff;--surface-2: #f4f6f8;--surface-3: #edf0f3;--surface-4: #e2e6ea;--surface-5: #d4d9df;--text-1: #111827;--text-2: #4b5563;--text-3: #9ca3af;--text-4: #c4c9d0;--accent: #6366f1;--accent-deep: #4f46e5;--accent-soft: rgba(99, 102, 241, .08);--accent-softer: rgba(99, 102, 241, .04);--accent-cyan: #06b6d4;--accent-cyan-soft: rgba(6, 182, 212, .08);--success: #10b981;--success-soft: rgba(16, 185, 129, .08);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .07);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .08);--gold: #f59e0b;--type-chat: #10b981;--type-image: #ef4444;--type-video: #f59e0b;--type-music: #8b5cf6;--border: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .1);--border-accent: rgba(99, 102, 241, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, .12), 0 4px 8px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 16px 48px -8px rgba(0, 0, 0, .16);--shadow-accent: 0 4px 14px -4px rgba(99, 102, 241, .4);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 0 0 1px var(--border);--shadow-card-hover: 0 8px 24px -8px rgba(0, 0, 0, .12), 0 0 0 1px var(--border-strong);--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--font-sans: -apple-system, "SF Pro Display", "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-display: var(--font-sans);--z-base: 1;--z-sidebar: 10;--z-tooltip: 40;--z-dropdown: 50;--z-modal: 100;--z-lightbox: 200;--tooltip-bg: #1f2937;--tooltip-text: #f9fafb}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;letter-spacing:-.01em;line-height:1.5;font-size:14px}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--accent-deep)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}.app-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,var(--surface-4) 1px,transparent 1px);background-size:24px 24px;opacity:.4}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-weight:600}.fade-in{animation:fade-in var(--duration-slow) var(--ease-out) both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.03s}.stagger-2{animation-delay:.06s}.stagger-3{animation-delay:.09s}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.15s}.stagger-6{animation-delay:.18s}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95);padding:5px 10px;background:var(--tooltip-bg);color:var(--tooltip-text);font-size:11px;font-weight:500;letter-spacing:.02em;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:var(--z-tooltip);font-family:var(--font-sans)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}[data-tooltip].tooltip-right:after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95)}[data-tooltip].tooltip-right:hover:after{transform:translateY(-50%) scale(1)}[data-tooltip].tooltip-bottom:after{bottom:auto;top:calc(100% + 8px)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-full);background:var(--surface-3);border:1px solid var(--border);font-size:11px;color:var(--text-2);font-family:var(--font-mono);white-space:nowrap}.chip-interactive:hover{background:var(--surface-4);color:var(--text-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;font-weight:600;box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-deep);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-2);background:transparent}.btn-ghost:hover{color:var(--text-1);background:var(--surface-3)}.btn-danger{color:var(--danger);background:var(--danger-soft)}.btn-danger:hover{background:#ef444424}.btn-outline{border:1px solid var(--border-strong);color:var(--text-2);background:var(--surface-0)}.btn-outline:hover{border-color:var(--border-accent);color:var(--accent);background:var(--accent-softer)}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-3);transition:all var(--duration-fast) var(--ease-in-out)}.btn-icon:hover{color:var(--text-1);background:var(--surface-3)}.btn-icon svg{width:16px;height:16px}.panel{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.input,.textarea,.select{width:100%;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 12px;color:var(--text-1);font-size:13px;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);background:var(--surface-0);box-shadow:0 0 0 3px var(--accent-softer)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.page-kicker{font-size:10px;color:var(--accent);letter-spacing:.15em;margin-bottom:var(--space-1);font-weight:600;text-transform:uppercase;font-family:var(--font-mono)}.page-title{font-size:28px;color:var(--text-1);letter-spacing:-.02em;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-3);font-size:15px;font-weight:400}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-6);animation:fade-in var(--duration-normal) var(--ease-out)}.modal-panel{background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:modal-rise var(--duration-slow) var(--ease-out)}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.app-ambient{display:none}}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative}.sidebar{position:relative;width:72px;height:100vh;background:var(--surface-0);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:var(--space-4) 0;z-index:var(--z-sidebar);flex-shrink:0}.brand-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);width:calc(100% - var(--space-6))}.brand{display:grid;place-items:center}.brand-mark{width:40px;height:40px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-accent);transition:transform var(--duration-normal) var(--ease-spring)}.brand:hover .brand-mark{transform:scale(1.06)}.brand-mark svg{width:20px;height:20px}.brand-name{font-size:9px;font-weight:700;color:var(--text-2);letter-spacing:.08em;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-4);flex:1;width:100%}.nav-item{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--text-3);transition:all var(--duration-fast) var(--ease-in-out)}.nav-item:hover{background:var(--surface-3);color:var(--text-1)}.nav-item.active{background:var(--accent-soft);color:var(--accent-deep)}.nav-item.active:before{content:"";position:absolute;left:-14px;top:11px;bottom:11px;width:3px;background:var(--accent);border-radius:var(--radius-full)}.nav-icon{width:20px;height:20px;color:currentColor}.nav-icon svg{width:100%;height:100%}.nav-busy-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--success);animation:nav-busy-pulse 1.4s ease-in-out infinite}@keyframes nav-busy-pulse{0%,to{opacity:1;box-shadow:0 0 #10b98173}50%{opacity:.6;box-shadow:0 0 0 5px #10b98100}}.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);width:calc(100% - var(--space-6))}.add-btn{width:44px;height:44px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-accent)}.add-btn:hover{transform:translateY(-1px);background:var(--accent-deep)}.add-btn:active{transform:translateY(0)}.add-btn svg{width:18px;height:18px}.sidebar-count{font-size:11px;color:var(--text-3);font-weight:500;cursor:default}.user-area{position:relative}.user-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-in-out)}.user-btn:hover{transform:scale(1.06)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent),var(--accent-cyan));display:grid;place-items:center;font-size:12px;color:#fff;font-weight:600}.user-menu{position:absolute;left:calc(100% + 10px);bottom:0;min-width:190px;z-index:var(--z-dropdown);background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-lg);animation:menu-drop var(--duration-normal) var(--ease-out)}@keyframes menu-drop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.user-menu-name{font-size:12px;font-weight:600;color:var(--text-1);margin-bottom:2px}.user-menu-email{font-size:10px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);width:100%;border-radius:var(--radius-sm);color:var(--text-2);font-size:12px;transition:all var(--duration-fast) var(--ease-in-out)}.user-menu-item:hover{background:var(--surface-3);color:var(--text-1)}.user-menu-item.danger{color:var(--danger)}.user-menu-item.danger:hover{background:var(--danger-soft)}.user-menu-item svg{width:13px;height:13px}.main{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-10) var(--space-12);position:relative;z-index:var(--z-base);min-width:0}@media (max-width: 1024px){.main{padding:var(--space-8) var(--space-6)}}@media (max-width: 768px){.sidebar{width:60px}.nav-item{width:40px;height:40px}.main{padding:var(--space-5) var(--space-4)}}@media (max-width: 480px){.brand-name{display:none}.main{padding:var(--space-4) var(--space-3)}}.dashboard{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.page-date{font-size:11px;color:var(--text-3);letter-spacing:.08em;font-family:var(--font-mono)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat-card{position:relative;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:left;overflow:hidden;min-height:118px;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-xs)}.stat-card:hover{transform:translateY(-3px);border-color:var(--border-accent);box-shadow:var(--shadow-card-hover)}.stat-corner{position:absolute;top:var(--space-3);right:var(--space-4);font-size:9px;color:var(--text-4);letter-spacing:.12em;font-family:var(--font-mono);text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:40px;color:var(--text-1);line-height:1;letter-spacing:-.02em;font-weight:400}.stat-label{font-size:12px;color:var(--text-3);margin-top:var(--space-3);letter-spacing:.1em}.stat-accent{position:absolute;bottom:0;left:0;width:100%;height:2px;opacity:.65;transition:all var(--duration-normal) var(--ease-out)}.stat-card:hover .stat-accent{height:3px;opacity:1}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px dashed var(--border-strong)}.panel-title{font-family:var(--font-display);font-size:17px;color:var(--text-1);letter-spacing:.05em;font-weight:500}.panel-hint{font-size:10px;color:var(--text-4);letter-spacing:.2em;font-family:var(--font-mono);text-transform:uppercase}.grid-2{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-4)}.activity{display:flex;align-items:flex-end;gap:var(--space-3);height:180px;padding:var(--space-2) 0}.activity-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);height:100%}.activity-count{font-size:10px;color:var(--text-3);min-height:12px;font-family:var(--font-mono)}.activity-track{flex:1;width:100%;background:var(--surface-2);border-radius:var(--radius-sm);display:flex;align-items:flex-end;overflow:hidden;position:relative}.activity-bar{width:100%;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 35%,transparent));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .7s var(--ease-out);min-height:4px}.activity-col.today .activity-bar{background:linear-gradient(180deg,var(--accent-cyan),color-mix(in srgb,var(--accent-cyan) 40%,transparent));box-shadow:0 0 12px color-mix(in srgb,var(--accent-cyan) 30%,transparent)}.activity-label{font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.activity-col.today .activity-label{color:var(--accent-deep);font-weight:600}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:12px;color:var(--text-2);transition:all var(--duration-fast) var(--ease-in-out)}.tag-item:hover{background:var(--accent-softer);color:var(--accent-deep);border-color:var(--border-accent);transform:translateY(-1px)}.tag-name{color:inherit;font-family:var(--font-display)}.tag-count{font-size:10px;padding:1px 6px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-3);font-family:var(--font-mono);transition:all var(--duration-fast) var(--ease-in-out)}.tag-item:hover .tag-count{background:var(--accent);color:#fff}.recent-panel{padding-bottom:var(--space-6)}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.empty-mini{padding:var(--space-10) 0;text-align:center;color:var(--text-4);font-size:13px;font-family:var(--font-mono);letter-spacing:.1em}@media (max-width: 1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 640px){.page-title{font-size:26px}.page-subtitle{font-size:15px;display:block;margin-top:var(--space-1)}.stat-value{font-size:30px}.stats{gap:var(--space-3)}.activity{height:140px}}.prompt-card{position:relative;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-3) calc(var(--space-4) + 4px);cursor:pointer;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;gap:var(--space-3);min-height:180px;box-shadow:var(--shadow-xs)}.prompt-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(520px circle at var(--mouse-x, 50%) var(--mouse-y, 0%),rgba(99,102,241,.06),transparent 40%);opacity:0;transition:opacity var(--duration-normal) var(--ease-in-out);pointer-events:none}.prompt-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}.prompt-card:hover:before{opacity:1}.prompt-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-accent{position:absolute;left:0;top:0;bottom:0;width:3px;opacity:.75;transition:all var(--duration-fast) var(--ease-in-out)}.prompt-card:hover .card-accent{width:4px;opacity:1}.card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.type-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);font-size:10px;letter-spacing:.06em;border:1px solid;font-family:var(--font-mono);text-transform:uppercase}.type-char{font-family:var(--font-display);font-size:12px;font-weight:500;opacity:.9}.fav-btn{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full)}.fav-btn svg{width:14px;height:14px}.fav-btn:hover{color:var(--gold);background:var(--warning-soft)}.fav-btn.active{color:var(--gold)}.fav-btn.active:hover{transform:scale(1.1)}.card-title{font-family:var(--font-display);font-size:16px;line-height:1.4;color:var(--text-1);font-weight:500;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-preview{font-size:12px;color:var(--text-2);line-height:1.6;font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);white-space:pre-wrap;word-break:break-word;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.card-tag-more{font-size:10px;color:var(--text-4);padding:3px 8px;background:var(--surface-3);border-radius:var(--radius-full);font-family:var(--font-mono)}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-4);margin-top:auto;padding-top:var(--space-2);border-top:1px dashed var(--border);gap:var(--space-2);font-family:var(--font-mono)}.card-source{color:var(--text-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.prompt-card.compact{min-height:auto;padding:var(--space-3) var(--space-3) var(--space-2) calc(var(--space-3) + 4px);gap:var(--space-2)}.prompt-card.compact .card-title{font-size:14px}.prompt-card.compact .card-preview{font-size:11px;padding:var(--space-1) var(--space-2)}.card-gallery{display:flex;gap:var(--space-1);align-items:center}.card-gallery-thumb{position:relative;width:52px;height:52px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface-2);padding:0;cursor:zoom-in;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card-gallery-thumb:hover{transform:scale(1.08);box-shadow:0 6px 16px -6px #6366f166;z-index:1}.card-gallery-thumb img,.card-gallery-thumb video{width:100%;height:100%;object-fit:cover;display:block}.gallery-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0c122266;color:#fff}.gallery-play svg{width:16px;height:16px}.card-gallery-more{font-size:10px;color:var(--text-4);padding-left:2px;font-family:var(--font-mono)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-lightbox);background:#0c1222d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);animation:fade-in var(--duration-normal) var(--ease-out)}.lightbox-media{max-width:min(90vw,1100px);max-height:74vh;display:grid;place-items:center}.lightbox-media img,.lightbox-media video{max-width:100%;max-height:74vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.lightbox-bar{display:flex;align-items:center;gap:var(--space-3);color:#ffffffd9;font-size:12px;letter-spacing:.04em;font-family:var(--font-mono)}.lightbox-nav{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:var(--radius-md);background:#ffffff1a;color:#fff;transition:background var(--duration-fast) var(--ease-in-out);flex-shrink:0}.lightbox-nav svg{width:16px;height:16px}.lightbox-nav:hover:not(:disabled){background:#ffffff38}.lightbox-nav:disabled{opacity:.35;cursor:default}.card-translate{margin-left:auto;position:relative;z-index:6}.card-translate .translate-anchor{position:relative}.prompt-card{overflow:visible}.card-translate .translate-result{position:absolute;bottom:calc(100% + 6px);right:0;width:min(340px,78vw);background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3);font-size:12px}.tag-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);white-space:nowrap;transition:all var(--duration-fast) var(--ease-in-out);font-family:var(--font-mono)}.tag-chip.size-md{font-size:12px;padding:4px 11px;gap:6px}.tag-chip.interactive{cursor:pointer}.tag-chip.interactive:hover{transform:translateY(-1px);background:var(--accent-softer);border-color:var(--border-accent);color:var(--accent-deep)}.tag-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tag-chip.size-md .tag-dot{width:7px;height:7px}.tag-name{letter-spacing:.02em}.translate-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.translate-anchor{position:relative}.translate-icon{color:var(--text-4);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:4px;display:grid;place-items:center;cursor:pointer;opacity:.5;transition:all var(--duration-fast) var(--ease-in-out)}.translate-icon svg{width:15px;height:15px}.translate-icon.busy{font-size:11px;letter-spacing:.5px}.translate-icon:hover,.translate-icon.open{opacity:1;color:var(--accent);background:var(--accent-softer);border-color:var(--border-accent)}.translate-icon.active{opacity:.9;color:var(--accent)}.translate-popover{position:absolute;bottom:calc(100% + 8px);right:0;min-width:220px;max-width:280px;background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);animation:tt-pop var(--duration-fast) var(--ease-out)}@keyframes tt-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.translate-popover-head{font-size:9px;letter-spacing:.14em;color:var(--text-4);text-transform:uppercase;padding:2px 6px 6px;font-family:var(--font-mono)}.translate-service{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-in-out)}.translate-service:hover{background:var(--accent-softer)}.translate-service-name{font-size:13px;color:var(--text-1);font-weight:600}.translate-service-kind{font-size:10px;color:var(--text-4);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.translate-empty{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-1) var(--space-3);font-size:12px;color:var(--text-3)}.translate-goto{align-self:flex-start;background:none;border:none;color:var(--accent);font-size:11px;cursor:pointer;padding:0}.translate-goto:hover{text-decoration:underline}.translate-error{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);font-size:11px;color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm)}.translate-result{width:100%;text-align:left;background:var(--accent-softer);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.translate-result-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.translate-lang-chip{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-xs);padding:2px 6px;font-family:var(--font-mono);text-transform:uppercase}.translate-via{font-size:10px;color:var(--text-4);flex:1;font-family:var(--font-mono)}.translate-collapse{background:none;border:none;width:20px;height:20px;display:grid;place-items:center;border-radius:var(--radius-xs);color:var(--text-4);cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out)}.translate-collapse svg{width:12px;height:12px}.translate-collapse:hover{color:var(--accent)}.translate-result-text{font-size:12px;line-height:1.7;color:var(--text-1);white-space:pre-wrap;word-break:break-word;max-height:260px;overflow-y:auto}.library{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.library-add{width:36px;height:36px;padding:0;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-accent);flex-shrink:0}.library-add:hover{transform:translateY(-1px);background:var(--accent-deep);box-shadow:var(--shadow-accent)}.library-add svg{width:16px;height:16px}.library-toolbar{display:flex;flex-direction:column;gap:var(--space-3)}.type-tabs{display:flex;gap:var(--space-1);flex-wrap:wrap;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.type-tab{display:inline-flex;align-items:center;gap:6px;padding:6px var(--space-2);border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-2);font-size:12px;transition:all var(--duration-fast) var(--ease-in-out)}.type-tab:hover{background:var(--surface-2);color:var(--text-1)}.type-tab.active{background:color-mix(in srgb,var(--tab-accent, var(--accent)) 8%,transparent);color:var(--text-1);border-color:color-mix(in srgb,var(--tab-accent, var(--accent)) 40%,transparent)}.tab-char{font-family:var(--font-display);font-size:13px;line-height:1}.tab-label{letter-spacing:.02em}.tab-count{font-size:10px;padding:2px 7px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-3);font-family:var(--font-mono);transition:all var(--duration-fast) var(--ease-in-out)}.type-tab.active .tab-count{background:var(--tab-accent, var(--accent));color:#fff}.library-controls{display:flex;gap:var(--space-2);align-items:center}.search-box{position:relative;flex:1;min-width:0}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-4);pointer-events:none}.search-input{width:100%;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) 36px var(--space-3) var(--space-10);color:var(--text-1);font-size:13px;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-softer)}.search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-3);display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-in-out)}.search-clear svg{width:12px;height:12px}.search-clear:hover{background:var(--surface-4);color:var(--text-1)}.fav-toggle{width:38px;height:38px;display:grid;place-items:center;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-3);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);flex-shrink:0}.fav-toggle svg{width:15px;height:15px}.fav-toggle:has(input:checked){background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}.fav-toggle input{position:absolute;opacity:0;pointer-events:none}.sort-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.sort-icon{position:absolute;left:var(--space-3);width:14px;height:14px;color:var(--text-4);pointer-events:none}.sort-select{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-8);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-1);font-size:12px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-in-out)}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.library-meta{text-align:center;color:var(--text-4);font-size:11px;letter-spacing:.1em;padding:var(--space-5) 0;font-family:var(--font-mono)}.empty-state{padding:var(--space-16) var(--space-5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background:linear-gradient(180deg,transparent,var(--accent-softer))}.empty-seal{width:64px;height:64px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);display:grid;place-items:center;color:var(--accent);margin-bottom:var(--space-2);box-shadow:var(--shadow-sm)}.empty-seal svg{width:26px;height:26px}.empty-title{font-size:18px;color:var(--text-1);font-family:var(--font-display);letter-spacing:.05em}.empty-desc{color:var(--text-3);font-size:13px}@media (max-width: 720px){.library-controls{flex-wrap:wrap}.search-box{order:3;flex-basis:100%}.prompt-grid{grid-template-columns:1fr}}.extractor{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.extractor-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}.input-desc{color:var(--text-3);font-size:13px;line-height:1.6;margin-bottom:var(--space-3)}.input-area{width:100%;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-1);font-size:13px;line-height:1.6;resize:vertical;min-height:280px;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out);white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono)}.input-area:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-softer)}.input-actions{margin-top:var(--space-3);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.examples{display:flex;gap:var(--space-2);flex-wrap:wrap}.example-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);transition:all var(--duration-fast) var(--ease-in-out)}.example-btn svg{width:15px;height:15px}.example-btn:hover{background:var(--accent-softer);border-color:var(--border-accent);color:var(--accent-deep)}.parse-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:13px;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-accent)}.parse-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-deep);box-shadow:0 10px 24px -8px #6366f180}.parse-btn:disabled{opacity:.5;cursor:not-allowed}.parse-btn svg{width:14px;height:14px}.parse-spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-panel{min-height:480px}.confidence{font-size:10px;color:var(--warning);letter-spacing:.12em;padding:3px 10px;background:var(--warning-soft);border-radius:var(--radius-full);font-family:var(--font-mono)}.result-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-5);color:var(--text-4);text-align:center}.placeholder-glyph{font-family:var(--font-display);font-size:56px;line-height:1;opacity:.4;color:var(--accent);transform:rotate(-3deg)}.placeholder-text{font-size:13px;letter-spacing:.05em}.result-body{display:flex;flex-direction:column;gap:var(--space-5)}.result-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:11px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.badge>span:first-child{font-size:14px}.result-field{display:flex;flex-direction:column;gap:var(--space-2)}.result-field-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.result-value{font-family:var(--font-display);font-size:18px;color:var(--text-1);letter-spacing:.03em;line-height:1.4}.result-content{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-1);font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow-y:auto;margin:0;font-family:var(--font-mono)}.result-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.reasoning-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;color:var(--text-2)}.reasoning-list li{display:flex;gap:var(--space-2);align-items:flex-start}.reasoning-marker{color:var(--accent-deep);font-weight:600;flex-shrink:0;font-family:var(--font-mono)}.result-actions{display:flex;gap:var(--space-2);justify-content:flex-end;padding-top:var(--space-3);border-top:1px dashed var(--border-strong)}.ai-notice{font-size:11px;color:var(--text-3);padding:var(--space-3);background:var(--warning-soft);border:1px dashed var(--warning);border-radius:var(--radius-md);line-height:1.6;letter-spacing:.03em}@media (max-width: 980px){.extractor-grid{grid-template-columns:1fr}}.import-view{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.hidden-input{display:none}.ai-settings-btn{align-self:flex-end;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-strong);color:var(--text-2);transition:all var(--duration-fast) var(--ease-in-out);cursor:pointer}.ai-settings-btn svg{width:16px;height:16px}.ai-settings-btn:hover{border-color:var(--border-accent);color:var(--accent-deep);box-shadow:var(--shadow-sm)}.ai-dot{width:8px;height:8px;border-radius:50%;background:var(--text-4)}.ai-dot.on{background:var(--success);box-shadow:0 0 8px #0dab7680}.ai-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-accent);background:linear-gradient(120deg,var(--accent-softer),var(--surface-1))}.ai-banner-icon{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-size:17px}.ai-banner-text{flex:1;font-size:13px;color:var(--text-2);line-height:1.5}.ai-banner-text strong{color:var(--text-1)}.ai-banner-btn{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent);color:#fff;transition:all var(--duration-normal) var(--ease-out)}.ai-banner-btn svg{width:16px;height:16px}.ai-banner-btn:hover{background:var(--accent-deep);transform:translateY(-1px);box-shadow:var(--shadow-accent)}.ai-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:12px;border:1px solid rgba(229,72,77,.2)}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-6);text-align:center;background:linear-gradient(180deg,var(--surface-1),var(--surface-2));transition:border-color var(--duration-normal) var(--ease-in-out),background var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out);cursor:pointer}.drop-zone.active{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-softer),var(--surface-1));box-shadow:0 0 0 4px var(--accent-softer)}.drop-icon{width:52px;height:52px;margin:0 auto var(--space-4);background:var(--accent-soft);border-radius:var(--radius-lg);display:grid;place-items:center;color:var(--accent)}.drop-icon svg{width:26px;height:26px}.drop-title{font-size:18px;color:var(--text-1);font-family:var(--font-display);letter-spacing:.04em;margin-bottom:var(--space-2)}.drop-desc{color:var(--text-3);font-size:13px;margin-bottom:var(--space-5)}.drop-actions{display:flex;gap:var(--space-3);justify-content:center}.drop-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out)}.drop-btn.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.drop-btn.btn-primary:hover{transform:translateY(-1px);background:var(--accent-deep);box-shadow:0 10px 24px -8px #6366f180}.drop-btn.btn-ghost{background:var(--surface-1);color:var(--text-2);border:1px solid var(--border-strong)}.drop-btn.btn-ghost:hover{background:var(--surface-2);color:var(--text-1)}.drop-btn svg{width:17px;height:17px}.analyzing-state{padding:var(--space-10);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);border:1px dashed var(--accent);border-radius:var(--radius-xl);background:var(--accent-softer)}.analyzing-spinner{width:38px;height:38px;border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.analyzing-spinner.small{width:16px;height:16px;border-width:2px}.analyzing-text{color:var(--text-2);font-size:14px}.analyzing-text .hint{display:block;font-size:11px;color:var(--text-4);margin-top:var(--space-1);letter-spacing:.1em;font-family:var(--font-mono)}.import-results{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-4);align-items:start}.results-summary,.files-panel,.detail-panel{padding:var(--space-5)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel-title{font-family:var(--font-display);font-size:16px;color:var(--text-1);letter-spacing:.04em}.panel-hint{font-size:10px;color:var(--text-4);letter-spacing:.15em;font-family:var(--font-mono);text-transform:uppercase}.format-summary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.format-item{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:11px;color:var(--text-2)}.format-count{color:var(--accent-deep);font-weight:600;font-family:var(--font-mono)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.stat-item{padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.stat-val{font-family:var(--font-display);font-size:24px;color:var(--text-1);font-weight:400}.stat-label{font-size:10px;color:var(--text-4);margin-top:var(--space-1);letter-spacing:.1em;font-family:var(--font-mono);text-transform:uppercase}.ai-all-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(120deg,var(--accent),var(--accent-cyan));color:#fff;font-size:13px;font-weight:600;letter-spacing:.03em;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-accent)}.ai-all-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px -8px #6366f180}.ai-all-btn:disabled{opacity:.6;cursor:default}.file-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:480px;overflow-y:auto}.file-item{display:grid;grid-template-columns:44px 1fr auto auto;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);align-items:center}.file-item:hover{background:var(--surface-1);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.file-item.active{border-color:var(--accent);background:var(--accent-softer)}.file-thumb{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-3);display:grid;place-items:center}.file-thumb img,.file-thumb video{width:100%;height:100%;object-fit:cover}.file-icon{font-family:var(--font-mono);font-size:17px;color:var(--text-4)}.file-info{min-width:0}.file-name{font-size:12px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.file-meta{font-size:10px;color:var(--text-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-folder{color:var(--accent-deep)}.file-badges{display:flex;gap:var(--space-1);align-items:center}.type-chip.mini{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:13px}.extract-count{font-size:10px;padding:2px 8px;background:var(--warning-soft);color:var(--warning);border-radius:var(--radius-full)}.ai-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-deep);font-weight:600;font-family:var(--font-mono)}.ai-run-btn{width:26px;height:26px;padding:0;border-radius:var(--radius-full);border:1px solid var(--accent);color:var(--accent-deep);background:var(--surface-1);display:grid;place-items:center;white-space:nowrap;transition:all var(--duration-fast) var(--ease-in-out)}.ai-run-btn svg{width:13px;height:13px}.ai-run-btn:hover:not(:disabled){background:var(--accent);color:#fff}.ai-run-btn:disabled{opacity:.6;cursor:default}.ai-run-btn.large{width:auto;height:auto;padding:var(--space-2) var(--space-5);display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:13px}.ai-run-btn.large svg{width:15px;height:15px}.file-chevron{width:15px;height:15px;color:var(--text-4)}.file-chevron svg{width:100%;height:100%}.detail-panel{grid-column:1 / -1}.close-btn{width:28px;height:28px;border-radius:var(--radius-full);color:var(--text-4);display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-in-out)}.close-btn:hover{background:var(--surface-3);color:var(--text-1)}.close-btn svg{width:14px;height:14px}.detail-body{display:flex;flex-direction:column;gap:var(--space-5)}.detail-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);max-height:320px;overflow-y:auto}.detail-preview img,.detail-preview video{max-width:100%;border-radius:var(--radius-sm)}.pdf-placeholder{text-align:center;padding:var(--space-8) 0}.pdf-glyph{font-size:44px;color:var(--danger);opacity:.4;margin-bottom:var(--space-3)}.content-preview{font-family:var(--font-mono);font-size:12px;color:var(--text-2);line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0}.extracted-prompts{display:flex;flex-direction:column;gap:var(--space-3)}.extracted-title{font-size:14px;color:var(--accent-deep);letter-spacing:.05em;font-family:var(--font-display)}.extracted-item{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);align-items:start}.extracted-content{font-family:var(--font-mono);font-size:12px;color:var(--text-2);line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;margin:0}.save-btn{width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent);color:#fff;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap}.save-btn svg{width:15px;height:15px}.save-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-deep)}.save-btn.saved{background:var(--success);color:#fff}.save-btn:disabled{cursor:default}.save-btn.large{width:auto;height:auto;padding:var(--space-2) var(--space-5);font-size:13px;font-weight:600}.ai-result-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-4);font-size:13px;text-align:center}.ai-result-card{border:1px solid var(--border-accent);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--accent-softer),var(--surface-1) 50%);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.ai-result-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ai-result-title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;color:var(--accent-deep);letter-spacing:.03em}.ai-result-meta{font-size:11px;color:var(--text-4);font-family:var(--font-mono)}.ai-result-summary{font-size:13px;color:var(--text-2);line-height:1.7;padding:var(--space-3);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md)}.ai-result-row{display:flex;flex-direction:column;gap:var(--space-1)}.ai-result-label{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--text-4);text-transform:uppercase;font-family:var(--font-mono)}.ai-ocr{font-family:var(--font-mono);font-size:12px;color:var(--text-2);line-height:1.6;padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);border-left:3px solid var(--accent-cyan);white-space:pre-wrap;word-break:break-word;max-height:160px;overflow-y:auto;margin:0}.ai-result-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ai-result-tags .tag-chip{background:var(--accent-soft);border-color:transparent;color:var(--accent-deep)}.ai-result-prompt-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.ai-result-prompt{font-family:var(--font-mono);font-size:12px;color:var(--text-1);line-height:1.7;padding:var(--space-4);background:var(--surface-0);border:1px solid var(--border-accent);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;max-height:260px;overflow-y:auto;margin:0}.ai-result-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.ai-result-prompt-head .translate-wrap{align-items:flex-end}.ai-result-prompt-head .translate-result{margin-bottom:var(--space-1)}.ai-all-btn.save-all{background:var(--success-soft);border:1px solid rgba(13,171,118,.3);color:var(--success)}.ai-all-btn.save-all:hover:not(:disabled){background:#0dab7624;border-color:#0dab7673}.ai-all-btn.save-all:disabled{opacity:.65;cursor:default}@media (max-width: 900px){.import-results{grid-template-columns:1fr}}.import-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.import-mode-tab{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.import-mode-tab svg{width:18px;height:18px;flex-shrink:0}.import-mode-tab:hover{background:var(--surface-2);color:var(--text-1);border-color:var(--border-strong)}.import-mode-tab.active{background:linear-gradient(90deg,var(--accent-blue-softer),var(--surface-1));border-color:var(--accent-blue);color:var(--text-1);box-shadow:0 2px 10px -4px #3b82f640}.import-mode-tab.active svg{color:var(--accent-blue)}.mode-tab-desc{margin-left:auto;font-size:11px;color:var(--text-3);font-weight:400}.ocr-panel{display:flex;flex-direction:column;gap:var(--space-3)}.ocr-drop{margin-bottom:0}.ocr-need-ai{margin-top:var(--space-2);font-size:12px;color:var(--text-3)}.ocr-need-ai-btn{background:none;border:none;padding:0;color:var(--accent-blue);font-size:12px;cursor:pointer;text-decoration:underline}.ocr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.ocr-toolbar-count{font-size:12px;color:var(--text-3)}.ocr-toolbar-actions{display:flex;align-items:center;gap:var(--space-2)}.ocr-toolbar-actions .ai-all-btn{margin:0;padding:8px 14px;font-size:12px}.ocr-clear-btn{padding:8px 14px;font-size:12px;color:var(--text-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.ocr-clear-btn:hover{color:var(--danger);border-color:#ef444466;background:var(--danger-soft)}.ocr-list{display:flex;flex-direction:column;gap:var(--space-2)}.ocr-item{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s ease,box-shadow .2s ease}.ocr-item.status-running{border-color:var(--accent-blue-soft)}.ocr-item.status-error{border-color:#ef444459}.ocr-item-side{position:relative;flex-shrink:0;width:120px}.ocr-thumb{width:120px;max-height:160px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);display:block}.ocr-remove{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--surface-0);border:1px solid var(--border-strong);color:var(--text-3);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.ocr-remove svg{width:11px;height:11px}.ocr-remove:hover{color:var(--danger);border-color:#ef444480;background:var(--danger-soft)}.ocr-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.ocr-item-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ocr-item-name{font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocr-status{font-size:11px;padding:2px 10px;border-radius:999px;flex-shrink:0}.ocr-status-pending{color:var(--text-3);background:var(--surface-2)}.ocr-status-running{color:var(--accent-blue-deep);background:var(--accent-blue-softer)}.ocr-status-done{color:var(--success);background:var(--success-soft)}.ocr-status-error{color:var(--danger);background:var(--danger-soft)}.ocr-text{font-size:12.5px;line-height:1.7;color:var(--text-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow-y:auto;margin:0}.ocr-text-empty{font-size:12px;color:var(--text-3);padding:10px 14px;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center}.ocr-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ocr-action-btn{padding:7px 14px;font-size:12px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.ocr-action-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text-1)}.ocr-action-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;font-weight:600}.ocr-action-btn.primary:hover:not(:disabled){background:var(--accent-blue-deep);box-shadow:0 6px 18px -8px #3b82f699}.ocr-action-btn.ok{background:var(--success-soft);border-color:#0dab7666;color:var(--success);cursor:default}.ocr-action-btn:disabled{opacity:.7;cursor:default}.ocr-refined{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-0);border:1px solid var(--accent-blue-soft);border-radius:var(--radius-md)}.ocr-refined-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ocr-empty-hint{text-align:center;font-size:12px;color:var(--text-3);padding:10px 0 20px;letter-spacing:.04em}@media (max-width: 720px){.import-mode-tabs{grid-template-columns:1fr}.mode-tab-desc{display:none}.ocr-item{flex-direction:column}.ocr-item-side{width:100%}.ocr-thumb{width:100%;max-height:200px}}.ai-progress{display:flex;align-items:center;gap:var(--space-2);width:100%}.ai-progress-label{font-size:12px;color:var(--text-2);white-space:nowrap}.ai-progress-track{flex:1;height:6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.ai-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-blue-soft),var(--accent-blue));transition:width .25s ease}.ai-progress-pct{font-size:11px;color:var(--accent-blue-deep);min-width:34px;text-align:right;flex-shrink:0}.analyzing-pct{font-size:10px;color:var(--accent-blue-deep);background:var(--accent-blue-softer);padding:2px 8px;border-radius:999px;white-space:nowrap}.ai-result-empty .ai-progress{max-width:360px}.video-panel{display:flex;flex-direction:column;gap:var(--space-3)}.video-thumb{width:120px;max-height:160px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);display:block}.video-result{display:flex;flex-direction:column;gap:var(--space-2)}.parse-section{display:flex;flex-direction:column;gap:6px}.parse-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3)}.parse-text{margin:0;font-size:13px;line-height:1.7;color:var(--text-1)}.video-subtitles{margin:0;padding:10px 14px 10px 32px;font-size:12px;line-height:1.9;color:var(--text-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);max-height:240px;overflow-y:auto}.video-subtitles li::marker{color:var(--accent-blue);font-weight:600}@media (max-width: 900px){.import-mode-tabs{grid-template-columns:1fr}.mode-tab-desc{display:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-6);animation:fade-in var(--duration-normal) var(--ease-out)}.modal-panel{background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);animation:modal-rise var(--duration-slow) var(--ease-out)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--border);gap:var(--space-4)}.modal-kicker{font-size:9px;color:var(--accent);letter-spacing:.28em;margin-bottom:var(--space-1);font-family:var(--font-mono);text-transform:uppercase}.modal-title{font-family:var(--font-display);font-size:21px;color:var(--text-1);letter-spacing:.04em}.modal-close{width:32px;height:32px;border-radius:var(--radius-full);color:var(--text-4);display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-in-out)}.modal-close:hover{background:var(--surface-3);color:var(--text-1)}.modal-close svg{width:16px;height:16px}.modal-body{padding:var(--space-5) var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.ai-status-box{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.ai-status-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.ai-status-dot.on{background:var(--accent);box-shadow:0 0 10px var(--accent)}.ai-status-dot.off{background:var(--text-4)}.ai-status-title{font-size:14px;color:var(--text-1);font-weight:500;margin-bottom:var(--space-1)}.ai-status-desc{font-size:12px;color:var(--text-2);line-height:1.5}.switch-row{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.switch-row input{width:18px;height:18px;accent-color:var(--accent)}.switch-text{font-size:13px;color:var(--text-2)}.field-hint{font-size:10px;color:var(--text-4)}.input,.textarea{width:100%;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-1);font-size:14px;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-softer)}.ai-cap-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding-top:var(--space-1)}.ai-cap{display:flex;gap:var(--space-2);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.ai-cap-icon{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.ai-cap-icon svg{width:16px;height:16px}.ai-cap-title{font-size:12px;color:var(--text-1);font-weight:500;margin-bottom:2px}.ai-cap-desc{font-size:11px;color:var(--text-4);line-height:1.4}.modal-foot{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.saved-hint{margin-right:auto;font-size:12px;color:var(--accent)}.local-model-box{padding:var(--space-3);border-radius:var(--radius-md);background:var(--accent-softer);border:1px solid var(--border-accent);display:flex;flex-direction:column;gap:var(--space-3)}.local-model-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.local-model-actions .btn-mini{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.local-model-actions .btn-mini svg{width:15px;height:15px}.local-model-actions .btn-mini.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.local-model-actions .btn-mini.btn-primary:hover:not(:disabled){background:var(--accent-deep)}.local-model-actions .btn-mini.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text-1)}.local-model-actions .btn-mini:disabled{opacity:.6;cursor:default}.local-model-msg{font-size:11px;color:var(--accent-deep);letter-spacing:.03em}@media (max-width: 640px){.ai-cap-list{grid-template-columns:1fr}}.local-model-hint{font-size:11px;line-height:1.7;color:var(--warning, #f59e0b);background:var(--warning-soft, rgba(245, 158, 11, .08));border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:8px}.canvas-view{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3);height:calc(100vh - var(--space-10));min-height:560px}.canvas-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.canvas-toolbar-left{display:flex;align-items:baseline;gap:var(--space-3)}.canvas-title{font-family:var(--font-display);font-size:18px;color:var(--text-1);letter-spacing:.04em}.canvas-sub{font-size:10px;color:var(--text-4);letter-spacing:.16em;font-family:var(--font-mono);text-transform:uppercase}.canvas-toolbar-actions{display:flex;gap:var(--space-1);flex-wrap:wrap;align-items:center;margin-left:auto}.canvas-toolbar-actions .canvas-tool{border:1px solid var(--border);background:var(--surface-2)}.canvas-toolbar-actions .canvas-tool:hover:not(:disabled){background:var(--surface-3);color:var(--text-1);border-color:var(--border-strong)}.canvas-toolbar-actions .canvas-tool.canvas-run{background:var(--accent);border-color:var(--accent);color:#fff}.canvas-toolbar-actions .canvas-tool.canvas-run:hover:not(:disabled){background:var(--accent-deep);color:#fff}.canvas-run{box-shadow:var(--shadow-accent)}.canvas-toolbar-actions .canvas-tool:disabled{opacity:.5;cursor:default}.run-spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.canvas-run-msg{width:100%;font-size:11px;color:var(--accent-deep);letter-spacing:.04em}.canvas-stage-wrap{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;position:relative}.canvas-stage{flex:1;overflow:hidden;position:relative;cursor:grab;background-color:var(--surface-2);background-image:radial-gradient(circle,var(--surface-4) 1px,transparent 1px);background-size:20px 20px;border-radius:var(--radius-lg);border:1px solid var(--border)}.canvas-stage:active{cursor:grabbing}.canvas-world{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0}.canvas-edges{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.edge-line{fill:none;stroke:var(--accent);stroke-width:2;opacity:.7}.edge-line.pending{stroke-dasharray:6 5;opacity:.5}.edge-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}.edge-hit:hover+.edge-line{stroke:var(--danger)}.canvas-node{position:absolute;display:flex;flex-direction:column;background:var(--surface-0);border:1px solid var(--border-strong);border-top:3px solid var(--node-color, var(--accent));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.canvas-node:hover{box-shadow:0 14px 32px -12px #6366f147}.canvas-node.status-running{border-color:var(--accent);border-top-color:var(--node-color, var(--accent))}.canvas-node.status-error{border-color:var(--danger);border-top-color:var(--danger)}.canvas-node.status-done{border-color:var(--success);border-top-color:var(--node-color, var(--accent))}.node-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);cursor:move;flex-shrink:0;background:linear-gradient(90deg,color-mix(in srgb,var(--node-color, var(--accent)) 14%,var(--surface-0)),var(--surface-0) 85%)}.node-char{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;font-family:var(--font-display);font-size:13px;border-radius:var(--radius-sm);color:#fff;background:var(--node-color, var(--accent));box-shadow:inset 0 -2px 4px #00000026}.node-kind{font-size:13px;font-weight:700;color:var(--text-1);letter-spacing:.06em}.node-status-text{font-size:9px;color:var(--text-4);letter-spacing:.08em;font-family:var(--font-mono)}.node-led{width:8px;height:8px;flex-shrink:0;border-radius:50%}.node-led.led-idle{background:var(--border-strong)}.node-led.led-running{background:var(--accent);animation:led-pulse 1.2s ease-in-out infinite}.node-led.led-done{background:var(--success);box-shadow:0 0 6px #0dab7699}.node-led.led-error{background:var(--danger);box-shadow:0 0 6px #e5484d99}@keyframes led-pulse{0%,to{opacity:1;box-shadow:0 0 #6366f180}50%{opacity:.5;box-shadow:0 0 0 4px #6366f100}}.node-del{margin-left:auto;width:20px;height:20px;flex-shrink:0;border-radius:var(--radius-full);color:var(--text-4);font-size:14px;line-height:1;display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-in-out)}.node-del:hover{background:var(--danger-soft);color:var(--danger)}.node-del svg{width:12px;height:12px}.port{position:absolute;top:24px;width:12px;height:12px;border-radius:50%;background:var(--surface-0);border:2px solid var(--node-color, var(--accent));cursor:crosshair;z-index:2;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-in-out)}.port:hover{transform:scale(1.35);background:var(--node-color, var(--accent))}.port-in{left:-7px}.port-out{right:-7px}.port-label{position:absolute;top:21px;font-size:9px;color:var(--text-4);letter-spacing:.1em;pointer-events:none;z-index:1;font-family:var(--font-mono);text-transform:uppercase}.port-label-in{left:12px}.port-label-out{right:12px}.node-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);font-size:12px;cursor:default}.node-mode-row{display:flex;gap:var(--space-1)}.mode-chip{flex:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-3);font-size:11px;transition:all var(--duration-fast) var(--ease-in-out)}.mode-chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep);font-weight:600}.node-text,.node-input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--text-1);font-size:11px;resize:vertical}.node-text:focus,.node-input:focus{border-color:var(--accent);outline:none}.node-upload{display:flex;align-items:center;justify-content:center;padding:var(--space-3);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-4);font-size:11px;cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.node-upload:hover{border-color:var(--accent);color:var(--accent-deep);background:var(--accent-softer)}.node-upload input{display:none}.file-row{display:grid;grid-template-columns:26px 1fr auto auto;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-2);border-radius:var(--radius-sm)}.file-row img,.file-row video{width:26px;height:26px;border-radius:var(--radius-xs);object-fit:cover}.file-row-name{font-size:10px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row-format{font-size:9px;color:var(--text-4);font-family:var(--font-mono)}.file-row-del{color:var(--text-4);font-size:13px;line-height:1}.file-row-del:hover{color:var(--danger)}.node-model-row{display:flex;gap:var(--space-1)}.node-fetch{width:30px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--accent-deep);display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-in-out)}.node-fetch svg{width:14px;height:14px}.node-fetch:hover{background:var(--accent-soft);border-color:var(--accent)}.node-note{font-size:10px;color:var(--text-4);line-height:1.5;padding:var(--space-1) var(--space-2);background:var(--surface-2);border-radius:var(--radius-sm)}.node-result{display:flex;flex-direction:column;gap:var(--space-2)}.node-result-summary{font-size:11px;color:var(--text-2);line-height:1.5}.node-result-prompt{font-size:10px;color:var(--text-1);line-height:1.6;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-2);max-height:130px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.node-result-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.node-tag{font-size:9px;padding:2px 7px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-mono)}.node-save-row{display:flex;gap:var(--space-1)}.node-save{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:12px;font-weight:600;transition:all var(--duration-fast) var(--ease-in-out)}.node-save:hover:not(:disabled){background:var(--accent-deep)}.node-save.saved{background:var(--success);cursor:default}.node-status{font-size:10px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);line-height:1.5}.node-status.running{color:var(--accent-deep);background:var(--accent-softer)}.node-status.error{color:var(--danger);background:var(--danger-soft)}.canvas-help{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);font-size:10px;color:var(--text-4);letter-spacing:.06em;background:var(--surface-1);font-family:var(--font-mono)}.node-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;z-index:5;border-bottom-right-radius:var(--radius-lg);background:linear-gradient(135deg,transparent 0%,transparent 45%,var(--border-strong) 45%,var(--border-strong) 55%,transparent 55%,transparent 68%,var(--border-strong) 68%,var(--border-strong) 78%,transparent 78%);opacity:.6;transition:opacity var(--duration-fast) var(--ease-in-out)}.canvas-node:hover .node-resize{opacity:1}.node-resize:hover{background-color:var(--accent-softer)}.node-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237a869a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px;cursor:pointer}.node-select:focus{outline:none;border-color:var(--accent)}.node-result .translate-wrap{margin:2px 0}.canvas-history-btn{position:relative}.history-count{position:absolute;top:-5px;right:-5px;display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:10px;font-weight:700}.history-modal,.record-modal{width:min(720px,92vw);max-height:82vh;display:flex;flex-direction:column;overflow:hidden}.history-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--border)}.history-modal-head .modal-title{font-family:var(--font-display);font-size:18px;color:var(--text-1)}.history-empty{padding:var(--space-10) var(--space-5);text-align:center;color:var(--text-4);font-size:13px;line-height:1.8}.history-empty .empty-seal{font-family:var(--font-display);font-size:34px;color:var(--text-4);margin-bottom:var(--space-3)}.history-list{overflow-y:auto;padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.history-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-in-out)}.history-item:hover{border-color:var(--accent)}.history-item-main{flex:1;min-width:0}.history-item-title{font-size:13px;font-weight:600;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-meta{margin-top:3px;font-size:10px;color:var(--text-4);font-family:var(--font-mono)}.history-item-actions{display:flex;gap:var(--space-1);flex-shrink:0}.history-item-actions .btn-icon{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1)}.history-item-actions .btn-icon:hover{background:var(--surface-2);color:var(--text-1)}.history-item-actions .btn-icon svg{width:14px;height:14px}.history-del:hover{color:var(--danger)!important;border-color:var(--danger)!important;background:var(--danger-soft)!important}.record-outputs{overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.record-output{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface-2)}.record-output-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.record-output-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-1)}.record-output-model{font-size:10px;color:var(--text-4);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 8px;font-family:var(--font-mono)}.record-output-head .translate-wrap{margin-left:auto}.record-output-summary{font-size:12px;color:var(--text-2);line-height:1.6;margin-bottom:var(--space-2)}.record-output-prompt{font-size:11px;color:var(--text-1);line-height:1.7;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);max-height:220px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono)}.record-output-foot{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.record-output-tags{flex:1;font-size:10px;color:var(--accent-deep)}.record-output-foot .record-save{background:var(--accent);color:#fff}.record-output-foot .record-save:hover{background:var(--accent-deep);color:#fff}.record-modal-foot{padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border);display:flex;justify-content:flex-end}@media (max-width: 900px){.canvas-view{height:auto}.canvas-stage{min-height:480px}}.discover{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.discover-toolbar{display:flex;flex-direction:column;gap:var(--space-3)}.discover-search{position:relative}.discover-search .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-4);pointer-events:none}.discover-search input{width:100%;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) 36px var(--space-3) var(--space-10);color:var(--text-1);font-size:13px;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.discover-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-softer)}.discover-filters{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-tabs{display:flex;gap:var(--space-1)}.filter-tab{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-2);font-size:13px;transition:all var(--duration-fast) var(--ease-in-out)}.filter-tab:hover{background:var(--surface-2);color:var(--text-1)}.filter-tab.active{background:color-mix(in srgb,var(--tab-accent, var(--accent)) 8%,transparent);color:var(--text-1);border-color:color-mix(in srgb,var(--tab-accent, var(--accent)) 40%,transparent)}.filter-tab>span:first-child{font-size:15px}.sort-select{padding:var(--space-2) var(--space-3);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-1);font-size:12px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-in-out)}.sort-select:hover{border-color:var(--border-accent)}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:var(--space-4)}.discover-card{position:relative;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-xs)}.discover-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent, var(--accent)) 40%,var(--border));box-shadow:0 14px 32px -12px color-mix(in srgb,var(--card-accent, var(--accent)) 35%,transparent)}.discover-card-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex:1}.cover-btn{position:relative;display:block;width:100%;aspect-ratio:2 / 1;padding:0;border:none;background:none;cursor:pointer;overflow:hidden}.cover-art{width:100%;height:100%;display:block;transition:transform var(--duration-slow) var(--ease-out)}.cover-btn:hover .cover-art{transform:scale(1.05)}.cover-glyph{-webkit-user-select:none;user-select:none}.cover-site{position:absolute;left:var(--space-2);bottom:var(--space-2);font-size:9px;letter-spacing:.12em;color:#ffffffe6;background:#0c12228c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:3px 10px;pointer-events:none;font-family:var(--font-mono);text-transform:uppercase}.cover-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.cover-play svg{width:44px;height:44px;color:#fff;background:#0c122280;border:1px solid rgba(255,255,255,.3);border-radius:50%;padding:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.discover-card-head{display:flex;align-items:center;gap:var(--space-2)}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-full);font-size:10px;border:1px solid;font-family:var(--font-mono);text-transform:uppercase}.category-badge{font-size:10px;padding:3px 10px;background:var(--surface-2);color:var(--text-3);border-radius:var(--radius-full);border:1px solid var(--border)}.likes-count{font-size:10px;color:var(--danger);padding:3px 8px;background:var(--danger-soft);border-radius:var(--radius-full);margin-left:auto;font-family:var(--font-mono)}.discover-card-title{font-family:var(--font-display);font-size:15px;color:var(--text-1);letter-spacing:.03em;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out)}.discover-card-title:hover{color:var(--card-accent, var(--accent))}.discover-card-content{font-family:var(--font-mono);font-size:11px;color:var(--text-3);line-height:1.6;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);white-space:pre-wrap;word-break:break-word;max-height:100px;overflow:hidden;position:relative;margin:0;cursor:pointer}.discover-card-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28px;background:linear-gradient(transparent,var(--surface-2))}.discover-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.age-meta{font-size:10px;color:var(--text-4);margin-left:auto;font-family:var(--font-mono)}.discover-card-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-4);margin-top:auto;padding-top:var(--space-2);border-top:1px dashed var(--border-strong);font-family:var(--font-mono)}.author-meta{display:flex;align-items:center;gap:var(--space-2)}.author-avatar{width:22px;height:22px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-soft),var(--accent));display:grid;place-items:center;font-size:10px;color:#fff;font-weight:600;flex:none}.author-name{color:var(--text-3);font-size:11px}.author-model{font-size:9px;padding:2px 8px;background:var(--surface-2);color:var(--text-4);border-radius:var(--radius-full);font-family:var(--font-mono)}.copies-count{font-size:10px;color:var(--text-4);font-family:var(--font-mono)}.discover-card-actions{display:flex;gap:var(--space-2);padding-top:var(--space-1)}.btn-copy,.btn-add{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:12px;font-weight:500;transition:all var(--duration-fast) var(--ease-in-out);text-align:center}.btn-copy{background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.btn-copy:hover{background:var(--surface-3);color:var(--text-1)}.btn-copy.copied{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent)}.btn-copy.icon,.btn-link.icon{flex:none;width:36px;padding:var(--space-2) 0;display:grid;place-items:center}.btn-copy.icon svg,.btn-link.icon svg,.case-copy-small.icon svg{width:15px;height:15px}.btn-add{background:var(--accent);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.btn-add:hover{transform:translateY(-1px);background:var(--accent-deep);box-shadow:var(--shadow-accent)}.btn-add.added{background:var(--success);color:#fff}.btn-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:12px;border:1px solid color-mix(in srgb,var(--card-accent, var(--accent)) 35%,var(--border));color:var(--card-accent, var(--accent));background:color-mix(in srgb,var(--card-accent, var(--accent)) 6%,transparent);text-decoration:none;transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap}.btn-link:hover{background:color-mix(in srgb,var(--card-accent, var(--accent)) 14%,transparent);transform:translateY(-1px)}.discover-empty{padding:var(--space-16) var(--space-5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-xl)}.discover-empty .empty-seal{width:76px;height:76px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);display:grid;place-items:center;font-family:var(--font-display);font-size:30px;color:var(--accent);transform:rotate(-3deg)}.discover-empty .empty-title{font-size:18px;color:var(--text-1);font-family:var(--font-display);letter-spacing:.05em}.discover-empty .empty-desc{color:var(--text-3);font-size:13px}.discover-meta{text-align:center;color:var(--text-4);font-size:10px;letter-spacing:.1em;padding:var(--space-5) 0;font-family:var(--font-mono)}.case-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c122299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);animation:fade-in var(--duration-normal) var(--ease-out)}.case-modal{position:relative;width:min(720px,100%);max-height:88vh;overflow-y:auto;background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:modal-rise var(--duration-slow) var(--ease-out)}.case-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:5;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.25);background:#0c12228c;color:#fff;font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--duration-fast) var(--ease-in-out)}.case-close:hover{background:#e5484db3}.case-cover{position:relative;aspect-ratio:2 / 1;overflow:hidden}.case-cover .cover-art{width:100%;height:100%}.case-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6) var(--space-6)}.case-title{font-family:var(--font-display);font-size:22px;color:var(--text-1);letter-spacing:.04em;line-height:1.3}.case-author-row{display:flex;align-items:center;gap:var(--space-2)}.case-section{display:flex;flex-direction:column;gap:var(--space-2)}.case-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.case-lang-chip{font-size:9px;font-weight:700;letter-spacing:.14em;padding:3px 10px;border-radius:var(--radius-xs);font-family:var(--font-mono);text-transform:uppercase}.case-lang-chip.zh{color:var(--card-accent, var(--accent));background:color-mix(in srgb,var(--card-accent, var(--accent)) 10%,transparent)}.case-lang-chip.en{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.case-copy-small{font-size:11px;color:var(--text-4);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 10px;cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.case-copy-small.icon{width:28px;height:28px;padding:0;display:grid;place-items:center}.case-copy-small:hover,.case-copy-small.on{color:var(--accent);border-color:var(--accent);background:var(--accent-softer)}.case-text{font-family:var(--font-mono);font-size:12px;line-height:1.75;color:var(--text-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);white-space:pre-wrap;word-break:break-word;margin:0;max-height:240px;overflow-y:auto}.case-actions{display:flex;gap:var(--space-3);padding-top:var(--space-2);flex-wrap:wrap}.case-actions .btn-copy,.case-actions .btn-add,.case-actions .btn-link{padding:var(--space-2) var(--space-4);font-size:13px}@media (max-width: 720px){.discover-grid{grid-template-columns:1fr}.case-body{padding:var(--space-4)}.case-title{font-size:19px}}.admin{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.admin-tabs{display:flex;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.admin-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-2);font-size:13px;transition:all var(--duration-fast) var(--ease-in-out)}.admin-tab:hover{background:var(--surface-2);color:var(--text-1)}.admin-tab.active{background:var(--accent-softer);color:var(--text-1);border-color:var(--border-accent)}.admin-tab-icon{display:grid;place-items:center;color:var(--accent-deep);line-height:1}.admin-tab-icon svg{width:16px;height:16px}.admin-tab-label{letter-spacing:.02em}.admin-tab-hint{font-size:9px;color:var(--text-4);letter-spacing:.12em;font-family:var(--font-mono);text-transform:uppercase}.admin-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.admin-panel:has(.tag-list-pane){padding:0;display:contents}.admin-panel:has(.tag-list-pane)>*{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.admin-panel:has(.tag-list-pane){display:grid;grid-template-columns:1.1fr 1.6fr .8fr;gap:var(--space-3);min-height:600px}.tag-list-pane,.tag-editor-pane,.group-pane{padding:var(--space-4)}.tag-list-toolbar{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-3);flex-wrap:wrap}.search-box.mini{flex:1;min-width:120px}.search-box.mini .search-input{padding:var(--space-2) 30px var(--space-2) 32px;font-size:12px}.search-box.mini .search-icon{width:14px;height:14px;left:var(--space-2)}.group-select{padding:var(--space-2);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-1);font-size:11px;letter-spacing:.06em}.btn-mini{padding:var(--space-2) var(--space-3);font-size:12px;border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-2);background:var(--surface-2);transition:all var(--duration-fast) var(--ease-in-out)}.btn-mini.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.btn-mini.btn-primary:hover{background:var(--accent-deep)}.btn-mini.btn-ghost:hover{background:var(--surface-3);color:var(--text-1)}.icon-only{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-only svg{width:16px;height:16px}.btn-mini.icon-only{width:30px;height:30px;padding:0}.btn-icon.danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.btn-icon:disabled{opacity:.4;cursor:default}.tag-list{display:flex;flex-direction:column;gap:3px;max-height:480px;overflow-y:auto;padding-right:var(--space-1)}.list-empty{padding:var(--space-10) 0;text-align:center;color:var(--text-4);font-size:12px;letter-spacing:.1em}.tag-list-item{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:transparent;color:var(--text-2);text-align:left;transition:all var(--duration-fast) var(--ease-in-out);border:1px solid transparent}.tag-list-item:hover{background:var(--surface-2);color:var(--text-1)}.tag-list-item.active{background:var(--accent-softer);color:var(--text-1);border-color:var(--border-accent)}.tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-dot.big{width:14px;height:14px}.tag-item-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-item-count{font-size:10px;padding:2px 7px;background:var(--surface-3);color:var(--text-3);border-radius:var(--radius-full);min-width:24px;text-align:center;font-family:var(--font-mono)}.tag-editor-pane{position:relative;display:flex;align-items:stretch;justify-content:stretch}.editor-empty{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-4);font-size:13px;text-align:center}.editor-empty-glyph{color:var(--accent);opacity:.4;transform:rotate(-3deg)}.editor-empty-glyph svg{width:44px;height:44px}.tag-editor{display:flex;flex-direction:column;gap:var(--space-5);width:100%}.tag-editor-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--space-3);border-bottom:1px dashed var(--border-strong);gap:var(--space-3)}.kicker{font-size:9px;color:var(--accent);letter-spacing:.28em;margin-bottom:var(--space-1);font-family:var(--font-mono);text-transform:uppercase}.tag-editor-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:22px;color:var(--text-1);letter-spacing:.04em;font-weight:500}.tag-editor-stats{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-4);text-align:right;letter-spacing:.05em;font-family:var(--font-mono)}.tag-editor-body{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.color-swatches{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.color-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;display:grid;place-items:center;transition:transform var(--duration-fast) var(--ease-out);position:relative}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--text-1);transform:scale(1.08)}.swatch-check{color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-input{width:28px;height:28px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-xs)}.tag-editor-foot{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px dashed var(--border-strong);gap:var(--space-2)}.tag-editor-foot-right{display:flex;gap:var(--space-2);align-items:center}.dirty-hint{font-size:10px;color:var(--warning);letter-spacing:.08em;font-family:var(--font-mono)}.group-pane{display:flex;flex-direction:column;gap:var(--space-3)}.group-pane-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--space-2);border-bottom:1px dashed var(--border-strong)}.group-pane-head h3{font-family:var(--font-display);font-size:15px;color:var(--text-1);letter-spacing:.05em;font-weight:500}.group-pane-head .hint{font-size:9px;color:var(--text-4);letter-spacing:.18em;font-family:var(--font-mono);text-transform:uppercase}.group-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.group-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface-2);border-radius:var(--radius-md);font-size:13px}.group-name{color:var(--text-1)}.group-meta{font-size:10px;color:var(--text-4);letter-spacing:.06em;font-family:var(--font-mono)}.group-del{width:22px;height:22px;border-radius:var(--radius-full);color:var(--text-4);line-height:1;display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-in-out)}.group-del svg{width:12px;height:12px}.group-del:hover{background:var(--danger-soft);color:var(--danger)}.types-panel{display:flex;flex-direction:column;gap:var(--space-5)}.types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.type-card{display:grid;grid-template-columns:60px 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.type-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--type-accent);opacity:.85}.type-char{font-family:var(--font-display);font-size:44px;line-height:1;color:var(--type-accent);display:grid;place-items:center;aspect-ratio:1;background:color-mix(in srgb,var(--type-accent) 8%,transparent);border-radius:var(--radius-md)}.type-body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.type-name{font-size:15px;color:var(--text-1);letter-spacing:.04em;font-family:var(--font-display)}.type-tools{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tool-chip{font-size:9px;padding:3px 8px;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-3);font-family:var(--font-mono)}.type-stat{font-size:11px;color:var(--text-4);letter-spacing:.08em;margin-top:auto;font-family:var(--font-mono)}.roadmap-notice{padding:var(--space-4);background:var(--warning-soft);border:1px dashed var(--warning);border-radius:var(--radius-md)}.roadmap-title{font-size:14px;color:var(--warning);letter-spacing:.06em;margin-bottom:var(--space-2);font-family:var(--font-display)}.roadmap-notice ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-2);font-size:13px}.roadmap-notice ul li:before{content:"◆ ";color:var(--warning);margin-right:6px}.roadmap-hint{font-size:11px;color:var(--text-4);margin-top:var(--space-3);letter-spacing:.05em}.data-panel{display:flex;flex-direction:column;gap:var(--space-5)}.data-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.data-stat{padding:var(--space-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.data-stat-val{font-family:var(--font-display);font-size:36px;color:var(--text-1);font-weight:400;letter-spacing:-.02em}.data-stat-label{font-size:11px;color:var(--text-4);margin-top:var(--space-1);letter-spacing:.12em;font-family:var(--font-mono);text-transform:uppercase}.data-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.data-actions .btn{display:inline-flex;align-items:center;gap:var(--space-2)}.data-actions .btn svg{width:16px;height:16px}.data-notice{font-size:12px;color:var(--text-3);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);line-height:1.6;letter-spacing:.03em}.users-panel{display:flex;flex-direction:column;gap:var(--space-5)}.users-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.users-title{font-family:var(--font-display);font-size:18px;color:var(--text-1);letter-spacing:.05em;margin-bottom:var(--space-1)}.users-sub{font-size:11px;color:var(--text-4);letter-spacing:.06em}.users-msg{font-size:11px;color:var(--accent-deep);padding:var(--space-1) var(--space-3);background:var(--accent-softer);border-radius:var(--radius-md)}.users-table-wrap{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:13px}.users-table th{text-align:left;font-size:10px;color:var(--text-4);letter-spacing:.12em;font-weight:500;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-strong);font-family:var(--font-mono);text-transform:uppercase}.users-table td{padding:var(--space-3);border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle}.users-table tr.me-row td{background:var(--accent-softer)}.users-name{color:var(--text-1);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1)}.users-me{font-size:9px;padding:2px 6px;border-radius:var(--radius-full);background:var(--accent);color:#fff}.users-email{font-size:12px}.users-date{font-size:11px;white-space:nowrap;font-family:var(--font-mono)}.role-badge{display:inline-block;font-size:11px;padding:3px 10px;border-radius:var(--radius-full)}.role-badge.admin{background:var(--accent-soft);color:var(--accent-deep);font-weight:600}.role-badge.user{background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 10px;border-radius:var(--radius-full)}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.on{background:var(--success-soft);color:var(--success)}.status-badge.off{background:var(--danger-soft);color:var(--danger)}.users-actions{display:flex;gap:var(--space-1);flex-wrap:wrap}.ua-btn{font-size:11px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-1);color:var(--text-2);transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap}.ua-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-deep);background:var(--accent-softer)}.ua-btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.ua-btn:disabled{opacity:.4;cursor:default}.users-notice{font-size:11px;color:var(--text-4);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);line-height:1.7}.reset-modal{max-width:380px;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.api-panel{display:flex;flex-direction:column;gap:var(--space-4)}.api-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.api-presets{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.api-presets-label{font-size:11px;color:var(--text-4)}.api-preset{font-size:11px;padding:var(--space-1) var(--space-2);border:1px dashed var(--border-strong);border-radius:var(--radius-full);background:transparent;color:var(--text-2);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.api-preset:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-softer)}.api-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.api-form-row{display:flex;gap:var(--space-3)}.api-f-name{flex:1.2}.api-f-kind{flex:2}.api-form-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.api-hint{font-size:11px;color:var(--text-4)}.api-list{display:flex;flex-direction:column;gap:var(--space-2)}.api-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md)}.api-item-main{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex-wrap:wrap}.api-item-name{font-weight:600;color:var(--text-1)}.api-item-kind{font-size:10px;padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono)}.api-item-kind.baidu{background:#e8a47c24;color:#b45309}.api-item-detail{font-size:11px;color:var(--text-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-family:var(--font-mono)}.api-item-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media (max-width: 1100px){.admin-panel:has(.tag-list-pane){grid-template-columns:1fr}}@media (max-width: 720px){.types-grid{grid-template-columns:1fr}.admin-tabs{flex-wrap:wrap}.api-form-row{flex-direction:column}.api-item{flex-direction:column;align-items:flex-start}.api-item-detail{max-width:100%}}.reset-guide{font-size:13px;line-height:1.8;color:var(--text-2);margin:0 0 var(--space-4)}.login-page{min-height:100vh;width:100vw;display:grid;place-items:center;padding:var(--space-6);position:relative;background:var(--bg);overflow-y:auto}.login-container{width:100%;max-width:400px;background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);position:relative;z-index:var(--z-base)}.login-container:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,var(--accent-soft),transparent 40%,var(--accent-cyan-soft) 80%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.login-header .brand-logo{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;box-shadow:var(--shadow-accent)}.login-header .brand-logo svg{width:24px;height:24px}.login-header .brand-title{font-family:var(--font-display);font-size:24px}.login-header .brand-sub{margin-top:var(--space-1)}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);background:var(--surface-2);padding:var(--space-1);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.login-tab{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-sm);background:transparent;color:var(--text-3);font-size:13px;transition:all var(--duration-fast) var(--ease-in-out)}.login-tab svg{width:16px;height:16px}.login-tab:hover{color:var(--text-1)}.login-tab.active{background:var(--surface-0);color:var(--accent-deep);font-weight:500;box-shadow:var(--shadow-sm)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field label{font-size:11px;color:var(--text-3);letter-spacing:.1em;font-family:var(--font-mono);text-transform:uppercase}.form-field input{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-1);font-size:14px;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out)}.form-field input:focus{border-color:var(--accent);background:var(--surface-0);box-shadow:0 0 0 3px var(--accent-softer)}.form-error{padding:var(--space-3);background:var(--danger-soft);border:1px solid rgba(229,72,77,.3);color:var(--danger);border-radius:var(--radius-md);font-size:13px;text-align:center}.submit-btn{margin-top:var(--space-2);padding:var(--space-3);background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-accent)}.submit-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-deep);box-shadow:0 10px 24px -8px color-mix(in srgb,var(--accent) 50%,transparent)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);text-align:center;font-size:10px;color:var(--text-4);letter-spacing:.12em;font-family:var(--font-mono)}.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:var(--space-4);background:var(--bg)}.boot-logo{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;box-shadow:var(--shadow-accent);animation:boot-pulse 1.6s var(--ease-out) infinite}.boot-logo svg{width:28px;height:28px}.boot-text{font-size:12px;color:var(--text-3);letter-spacing:.08em}@keyframes boot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.92);opacity:.75}}.login-mode-title{font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:var(--space-6);letter-spacing:.02em}.form-notice{font-size:12px;color:var(--accent-deep);background:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:var(--radius-sm);padding:var(--space-3);line-height:1.6}.login-links{display:flex;justify-content:center;margin-top:var(--space-2)}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:var(--space-1) var(--space-2);font-size:12px;color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out)}.link-btn:hover,.link-btn:focus-visible{color:var(--accent-deep);outline:none}.editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-6);animation:fade-in var(--duration-normal) var(--ease-out)}.editor-panel{background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);animation:modal-rise var(--duration-slow) var(--ease-out)}.editor-head{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--border);gap:var(--space-4)}.editor-kicker{font-size:9px;color:var(--accent);letter-spacing:.28em;margin-bottom:var(--space-1);font-family:var(--font-mono);text-transform:uppercase}.editor-title{font-family:var(--font-display);font-size:21px;color:var(--text-1);letter-spacing:.05em}.editor-close{width:32px;height:32px;border-radius:var(--radius-full);color:var(--text-4);display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-in-out);flex-shrink:0}.editor-close:hover{background:var(--surface-3);color:var(--text-1)}.editor-close svg{width:16px;height:16px}.editor-body{padding:var(--space-5) var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-row{display:flex;gap:var(--space-4)}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.field-label{font-size:11px;color:var(--text-3);letter-spacing:.1em;font-family:var(--font-mono);text-transform:uppercase}.field-req{color:var(--danger)}.field-hint{font-size:10px;color:var(--text-4);text-align:right;font-family:var(--font-mono)}.input,.textarea{width:100%;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-1);font-size:14px;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out);font-family:var(--font-sans)}.input:focus,.textarea:focus{border-color:var(--accent);background:var(--surface-0);box-shadow:0 0 0 3px var(--accent-softer)}.textarea{resize:vertical;min-height:80px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.input-with-suggest{display:flex;flex-direction:column;gap:var(--space-2)}.suggest-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.suggest-chip{font-size:11px;padding:3px 10px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-3);border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-in-out)}.suggest-chip:hover{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent)}.type-toggle{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.type-opt{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-3);transition:all var(--duration-fast) var(--ease-in-out);font-size:12px}.type-opt:hover{background:var(--surface-3);color:var(--text-1)}.type-opt.active{border-width:1.5px}.type-opt>span:first-child{font-family:var(--font-display);font-size:20px;line-height:1}.tag-input-wrap{position:relative}.tag-input{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-height:44px;align-items:center;transition:border-color var(--duration-fast) var(--ease-in-out)}.tag-input:focus-within{border-color:var(--accent)}.tag-suggest-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.tag-suggest-item{display:grid;grid-template-columns:10px auto 1fr;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);text-align:left;transition:background var(--duration-fast) var(--ease-in-out);font-size:13px;color:var(--text-1)}.tag-suggest-item:hover{background:var(--surface-3)}.tag-suggest-name{font-family:var(--font-display);letter-spacing:.03em}.tag-suggest-desc{font-size:11px;color:var(--text-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-pill{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;background:var(--accent-soft);color:var(--accent-deep);border-radius:var(--radius-full);font-size:12px}.tag-pill button{width:14px;height:14px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--accent-deep);line-height:1}.tag-pill button svg{width:10px;height:10px}.tag-pill button:hover{background:#6366f12e}.tag-field{flex:1;min-width:120px;padding:var(--space-1) 2px;background:transparent;color:var(--text-1);font-size:13px}.editor-foot{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface-2)}.editor-foot-left,.editor-foot-right{display:flex;gap:var(--space-2)}.editor-foot .btn-danger.btn-icon{color:var(--danger);background:var(--danger-soft)}.editor-foot .btn-danger.btn-icon:hover{color:var(--danger);background:#ef444424}.gallery-editor{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gallery-thumb{position:relative;width:92px;height:92px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2)}.gallery-thumb img,.gallery-thumb video{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-md)}.gallery-kind{position:absolute;left:var(--space-1);bottom:var(--space-1);font-size:9px;padding:2px 6px;border-radius:var(--radius-full);background:#111827b8;color:#fff;font-family:var(--font-mono)}.gallery-remove{position:absolute;top:var(--space-1);right:var(--space-1);width:20px;height:20px;border-radius:var(--radius-full);background:#111827b8;color:#fff;display:grid;place-items:center;transition:background var(--duration-fast) var(--ease-in-out)}.gallery-remove svg{width:12px;height:12px}.gallery-remove:hover{background:var(--danger)}.gallery-add{width:92px;height:92px;border-radius:var(--radius-md);border:1.5px dashed var(--border-strong);background:var(--surface-2);color:var(--text-4);display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-in-out)}.gallery-add svg{width:20px;height:20px}.gallery-add:hover:not(:disabled){border-color:var(--accent);color:var(--accent-deep);background:var(--accent-softer)}.gallery-add:disabled{opacity:.6;cursor:default}@media (max-width: 640px){.editor-panel{max-height:100vh;border-radius:0}.editor-head,.editor-body,.editor-foot{padding-left:var(--space-4);padding-right:var(--space-4)}.type-toggle{grid-template-columns:repeat(2,1fr)}}