:root,[data-theme=dark]{--bg-app: #020202;--bg-topbar: #040404;--bg-sidebar: #040404;--bg-card: #040404;--bg-card-hover: #080808;--bg-subtle: #020202;--bg-input: #020202;--bg-input-focus: #000000;--border: #1a1a1d;--border-subtle: #131315;--border-focus: #0d99ff;--text-primary: #f5f5f5;--text-secondary: #9ea0a6;--text-muted: #62646a;--accent: #0d99ff;--accent-hover: #0b85de;--accent-active: #0077c8;--accent-light: rgba(13, 153, 255, .12);--accent-green: #10b981;--accent-green-bg: rgba(16, 185, 129, .12);--danger: #f43f5e;--danger-bg: rgba(244, 63, 94, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .7);--shadow-md: 0 8px 24px rgba(0, 0, 0, .8);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .95);--modal-bg: #040404;--modal-border: #1a1a1d;--slot-bg: #020202;--card-prompt-height: 52px;color-scheme:dark}[data-theme=light]{--bg-app: #f4f5f7;--bg-topbar: #ffffff;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fafbfc;--bg-subtle: #f9fafb;--bg-input: #f9fafb;--bg-input-focus: #ffffff;--border: #e2e5e9;--border-subtle: #ebeef2;--border-focus: #0d99ff;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent: #0d99ff;--accent-hover: #0b85de;--accent-active: #0077c8;--accent-light: rgba(13, 153, 255, .08);--accent-green: #10b981;--accent-green-bg: #ecfdf5;--danger: #ef4444;--danger-bg: #fef2f2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .16);--modal-bg: #ffffff;--modal-border: #e2e5e9;--slot-bg: #f3f4f6;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent}button:disabled{cursor:not-allowed;opacity:.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{display:flex;flex-direction:column;min-height:100vh;position:relative}.app-shell.page-drop-active:after{position:fixed;top:10px;right:10px;bottom:10px;left:10px;z-index:100;border:2px dashed var(--accent);border-radius:12px;background:#0d99ff14;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);content:"";pointer-events:none}.figma-topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 20px;background-color:var(--bg-topbar);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.brand-glyph{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;flex-shrink:0;box-shadow:0 2px 10px #0d99ff40}.brand-logo-img{width:32px;height:32px;object-fit:contain;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-size:15px;font-weight:700;letter-spacing:.2px}.brand-sub{font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:.5px}.figma-badge.studio-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--accent-light);color:var(--accent);border:1px solid rgba(13,153,255,.25);text-transform:uppercase}.topbar-center{display:flex;align-items:center}.topbar-tagline{font-size:12px;color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-card);transition:all .15s ease}.topbar-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--text-muted)}.topbar-divider{width:1px;height:16px;background:var(--border)}.theme-toggle-btn{padding:0 10px;color:var(--accent)}.workspace-layout{display:flex;flex:1;min-height:calc(100vh - 52px);width:100%}.sidebar-panel{width:380px;min-width:350px;max-width:420px;flex-shrink:0;background-color:var(--bg-sidebar);border-right:1px solid var(--border);padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;height:calc(100vh - 52px);position:sticky;top:52px;z-index:20}.sidebar-section{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border)}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.2px}.section-value{font-size:12px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.training-type-segmented{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);box-sizing:border-box}.training-type-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:6px;background:var(--bg-card);box-shadow:0 1px 4px #0000003d;transition:transform .3s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:1}[data-theme=light] .training-type-indicator{background:#fff;box-shadow:0 1px 4px #0000001f}.training-type-segmented.type-dataset .training-type-indicator{transform:translate(0)}.training-type-segmented.type-single .training-type-indicator{transform:translate(100%)}.training-type-segmented.type-multi .training-type-indicator{transform:translate(200%)}.type-seg-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;border:0;background:transparent;border-radius:6px;font-size:11px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .2s ease;white-space:nowrap;padding:0 4px}.type-seg-btn svg{width:14px;height:14px}.type-seg-btn:hover{color:var(--text-primary)}.type-seg-btn.active{color:var(--text-primary);font-weight:600}.preset-chips{display:flex;flex-wrap:wrap;gap:6px}.preset-chip{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 9px;border-radius:6px;font-size:11px;font-weight:500;background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);transition:all .15s ease}.preset-chip:hover{border-color:var(--text-muted);color:var(--text-primary)}.preset-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 1px 4px #0d99ff4d}.dim-inputs-grid,.output-params-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.figma-field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:11px;font-weight:600;color:var(--text-secondary)}.figma-field input[type=number],.figma-field input[type=text],.figma-field select,.figma-select{height:34px;padding:0 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.figma-dropdown-container{position:relative;width:100%}.figma-dropdown-trigger{width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s ease}.figma-dropdown-trigger:hover{border-color:var(--text-muted);background:var(--bg-card-hover)}.figma-dropdown-trigger.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.trigger-left{display:flex;align-items:center;gap:8px}.ratio-icon{width:15px;height:15px;color:var(--accent);flex-shrink:0}.ratio-tag{font-family:monospace;font-size:13px;font-weight:700;color:var(--accent);min-width:32px}.res-text{font-size:13px;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums}.dropdown-chevron{width:14px;height:14px;color:var(--text-muted);transition:transform .2s ease}.dropdown-chevron.rotated{transform:rotate(180deg)}.figma-dropdown-popover{position:fixed;z-index:2500;display:flex;flex-direction:row;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 16px 40px -8px #0003,0 6px 16px -4px #00000014;overflow:hidden;transform-origin:top left}[data-theme=dark] .figma-dropdown-popover{border-color:var(--border);box-shadow:0 20px 48px -6px #000000e6,0 8px 20px -4px #000000b3}.figma-popover-enter-active{transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)}.figma-popover-leave-active{transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1);pointer-events:none}.figma-popover-enter-from{opacity:0;transform:translateY(-8px) scale(.97)}.figma-popover-leave-to{opacity:0;transform:translateY(-6px) scale(.97)}.figma-dropdown-left-col{display:flex;flex-direction:column;width:266px;background:transparent}.figma-tier-filter{display:flex;align-items:center;gap:4px;padding:8px 10px 6px;border-bottom:1px solid var(--border);background:var(--bg-card)}.tier-filter-tab{flex:1;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;font-weight:700;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tier-filter-tab:hover{background:var(--bg-input);color:var(--text-primary)}.tier-filter-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 4px #0d99ff4d}[data-theme=dark] .tier-filter-tab.active{background:var(--accent);color:#fff}.figma-dropdown-popover .figma-dropdown-menu{position:static;width:100%;max-height:380px;overflow-y:auto;border-radius:0;background:transparent;border:none;box-shadow:none;padding:10px;display:flex;flex-direction:column;gap:8px}.figma-dropdown-item{width:100%;height:48px;min-height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-primary);cursor:pointer;transition:all .14s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.figma-dropdown-item:hover,.figma-dropdown-item.hovered{background:var(--bg-input);border-color:var(--border-subtle)}.figma-dropdown-item.active{background:#0d99ff24;border-color:#0d99ff59}[data-theme=light] .figma-dropdown-item.active{background:#0d99ff1a;border-color:#0d99ff4d}.item-left{display:flex;align-items:center;gap:10px}.item-left .ratio-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.figma-dropdown-item.active .item-left .ratio-icon,.figma-dropdown-item.hovered .item-left .ratio-icon{color:var(--accent)}.item-ratio{font-family:monospace;font-size:13px;font-weight:700;color:var(--accent);min-width:36px}.item-res{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.figma-dropdown-item.active .item-res{color:var(--text-primary);font-weight:600}.item-check{width:16px;height:16px;color:var(--accent);flex-shrink:0}.custom-item{border-top:1px solid var(--border-subtle);border-radius:0 0 8px 8px;margin-top:4px}.figma-ratio-preview-panel{width:224px;background:var(--bg-sidebar);border-left:1px solid var(--border);padding:20px 16px 18px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;-webkit-user-select:none;user-select:none}.preview-card-viewport{width:100%;display:flex;align-items:center;justify-content:center}.preview-grid-box{width:150px;height:150px;position:relative;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);box-shadow:inset 0 1px 3px #0000000a;overflow:hidden}[data-theme=dark] .preview-grid-box{background:#141414;box-shadow:inset 0 1px 4px #0006}.preview-guide-line{position:absolute;pointer-events:none;background-color:var(--text-primary);opacity:.16;z-index:1;transition:top .5s cubic-bezier(.22,1,.36,1),left .5s cubic-bezier(.22,1,.36,1);will-change:top,left}.preview-guide-line.horizontal{left:0;right:0;height:1px}.preview-guide-line.vertical{top:0;bottom:0;width:1px}[data-theme=dark] .preview-guide-line{background-color:#fff;opacity:.15}.animated-ratio-rect{position:absolute;z-index:2;box-sizing:border-box;border:1.5px solid var(--text-primary);border-radius:2px;background-color:var(--bg-card);box-shadow:0 4px 14px #0000000f;transition:top .5s cubic-bezier(.22,1,.36,1),left .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1);will-change:top,left,width,height}[data-theme=dark] .animated-ratio-rect{border-color:#f3f4f6;background-color:#0c0c0e;box-shadow:0 4px 18px #000000b3}.preview-panel-info{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.preview-panel-title-row{display:flex;align-items:center;justify-content:center;gap:6px}.preview-ratio-label{font-family:monospace;font-size:14px;font-weight:800;color:var(--accent)}.preview-res-badge{font-size:11px;font-weight:600;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);padding:1px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.preview-desc-text{font-size:11px;color:var(--text-muted);margin:0;line-height:1.3}.figma-field input:focus,.figma-field select:focus,.sidebar-textarea:focus,.card-prompt-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.color-picker-box{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input)}.color-picker-box input[type=color]{width:22px;height:22px;border:0;padding:0;border-radius:4px;background:transparent;cursor:pointer}.color-picker-box span{font-size:12px;font-family:monospace;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.mode-segmented{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);box-sizing:border-box}.mode-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:6px;background:var(--bg-card);box-shadow:0 1px 4px #0000003d;transition:transform .28s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:1}[data-theme=light] .mode-indicator{background:#fff;box-shadow:0 1px 4px #0000001f}.mode-segmented.mode-crop .mode-indicator{transform:translate(100%)}.mode-seg-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:color .2s ease,transform .12s ease;-webkit-user-select:none;user-select:none}.mode-seg-btn svg{width:14px;height:14px;transition:transform .2s ease}.mode-seg-btn:hover{color:var(--text-primary)}.mode-seg-btn:active{transform:scale(.96)}.mode-seg-btn.active{color:var(--text-primary);font-weight:600;background:transparent;box-shadow:none}.sidebar-textarea{width:100%;min-height:72px;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;line-height:1.5;resize:vertical;outline:none;transition:border-color .15s ease}.bulk-btn-row{display:flex;gap:8px}.stats-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-mini-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);text-align:center}.stat-mini-card strong{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.1;font-variant-numeric:tabular-nums}.stat-mini-card span{font-size:11px;color:var(--text-muted);margin-top:4px}.stat-mini-card.highlight strong{color:var(--accent-green)}.sidebar-export-actions{display:flex;flex-direction:column;gap:8px}.sidebar-export-progress{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border)}.progress-info{display:flex;align-items:center;justify-content:space-between;font-size:12px}.progress-info span{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-info strong{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.progress-bar-track{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .25s ease}.export-result-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:var(--accent-green-bg);border:1px solid rgba(16,185,129,.3);color:var(--accent-green);font-size:12px;font-weight:600}.canvas-panel{flex:1;min-width:0;background-color:var(--bg-app);padding:20px 28px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 52px);box-sizing:border-box}.canvas-header-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border)}.canvas-toolbar-left{display:flex;align-items:center;gap:14px}.canvas-title-group{display:flex;align-items:center;gap:10px}.canvas-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.canvas-count-badge{font-size:12px;padding:2px 8px;border-radius:4px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.canvas-ready-badge{font-size:12px;padding:2px 8px;border-radius:4px;background:var(--accent-green-bg);color:var(--accent-green);border:1px solid rgba(16,185,129,.25);font-weight:600}.canvas-saved-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:2px 8px;border-radius:4px;background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25);font-weight:500;-webkit-user-select:none;user-select:none;animation:fadeIn .2s ease-out}.canvas-saved-badge .saved-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981;box-shadow:0 0 6px #10b981}.btn-ghost-danger{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--danger);padding:4px 8px;border-radius:4px;transition:all .15s ease}.btn-ghost-danger:hover{background:var(--danger-bg)}.canvas-toolbar-right{display:flex;align-items:center;gap:10px}.canvas-notice{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:var(--accent-light);border:1px solid rgba(13,153,255,.2);color:var(--accent);font-size:12px}.canvas-notice svg{flex-shrink:0;width:16px;height:16px}.canvas-empty-state{flex:1;display:flex;align-items:center;justify-content:center;min-height:440px;border:1.5px dashed var(--border);border-radius:12px;background:var(--bg-card);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;padding:40px 20px;margin-bottom:8px}.canvas-empty-state:hover{border-color:var(--accent);background:var(--bg-card-hover)}[data-theme=light] .canvas-empty-state{background:#fff;border-color:#d8dce2;box-shadow:0 1px 3px #0000000a}[data-theme=light] .canvas-empty-state:hover{background:#fafbfc;border-color:var(--accent);box-shadow:0 4px 16px #0d99ff14}[data-theme=dark] .canvas-empty-state{background:#040404;border-color:#1a1a1d}[data-theme=dark] .canvas-empty-state:hover{background:#080808;border-color:var(--accent);box-shadow:0 4px 20px #00000080}.empty-upload-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:460px}.empty-upload-box h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.empty-upload-box p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.upload-icon-circle{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent-light);border:1px solid rgba(13,153,255,.25);color:var(--accent);transition:transform .2s ease,background-color .2s ease}.canvas-empty-state:hover .upload-icon-circle{transform:translateY(-2px);background:#0d99ff2e}.upload-icon-circle svg{width:26px;height:26px}.cards-grid{display:grid;gap:16px;align-items:start}.cards-grid.mode-dataset{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cards-grid.mode-single{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cards-grid.mode-multi{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-grid.mode-multi.starts-many{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1560px){.cards-grid.mode-multi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px){.cards-grid.mode-multi,.cards-grid.mode-multi.starts-many{grid-template-columns:repeat(2,minmax(0,1fr))}}.group-card-anim-enter-active{transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.group-card-anim-leave-active{transition:opacity .25s cubic-bezier(.25,1,.5,1),transform .25s cubic-bezier(.25,1,.5,1)}.group-card-anim-enter-from{opacity:0;transform:translateY(20px) scale(.95)}.group-card-anim-leave-to{opacity:0;transform:scale(.9)}.group-card-anim-move{transition:transform .35s cubic-bezier(.22,1,.36,1)}.upload-drop-tile{display:flex;align-items:center;justify-content:center;min-height:240px;border:2px dashed var(--border);border-radius:10px;background:var(--bg-card);cursor:pointer;transition:all .2s ease;padding:20px}.upload-drop-tile:hover{border-color:var(--accent);background:var(--accent-light)}.upload-drop-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.upload-drop-content strong{font-size:14px;font-weight:700;color:var(--text-primary)}.upload-drop-content span{font-size:12px;color:var(--text-secondary)}.upload-drop-content small{font-size:11px;color:var(--text-muted)}.compact-group-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.compact-group-card:hover{border-color:#0d99ff66;box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;height:24px}.card-header-left{display:flex;align-items:center;gap:8px}.card-seq-num{font-family:monospace;font-size:13px;font-weight:700;color:var(--text-secondary)}.card-status-pill{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--bg-input);color:var(--text-muted)}.card-status-pill.ok{background:var(--accent-green-bg);color:var(--accent-green)}.card-header-actions{display:flex;align-items:center;gap:4px}.card-icon-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--text-muted);transition:all .15s ease}.card-icon-btn svg{width:14px;height:14px}.card-icon-btn:hover{background:var(--bg-input);color:var(--text-primary)}.card-icon-btn.danger:hover{background:var(--danger-bg);color:var(--danger)}.figma-btn.animating-swap svg,.card-icon-btn.is-swapping svg{transform:rotate(180deg);transition:transform .45s cubic-bezier(.22,1,.36,1)}.card-single-slot{width:100%}.card-single-slot .compact-slot{aspect-ratio:1 / 1;max-height:280px}.multi-slots-row{display:flex;gap:6px;align-items:stretch;width:100%}.multi-slot-wrapper{position:relative;flex:1 1 0;min-width:0}.multi-slot-wrapper .compact-slot{width:100%;aspect-ratio:1 / 1}.multi-end-wrapper{position:relative;flex:1 1 0;min-width:0}.multi-slots-row.is-swapping .multi-slot-wrapper:first-child{animation:slotSwapLeft .42s cubic-bezier(.22,1,.36,1)}.multi-slots-row.is-swapping .multi-end-wrapper{animation:slotSwapRight .42s cubic-bezier(.22,1,.36,1)}.slot-remove-btn{position:absolute;top:4px;right:4px;z-index:5;width:18px;height:18px;border-radius:50%;border:0;background:#000000bf;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.slot-remove-btn svg{width:10px;height:10px}.multi-slot-wrapper:hover .slot-remove-btn{opacity:1}.slot-remove-btn:hover{background:var(--danger)}.card-text-action-btn{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:4px;background:var(--bg-input);border:1px solid var(--border);font-size:11px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.card-text-action-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.card-text-action-btn svg{width:12px;height:12px}.card-text-action-btn.xs{height:18px;padding:0 5px;font-size:10px}.card-slots-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-slots-row.is-swapping .compact-slot:first-child{animation:slotSwapLeft .42s cubic-bezier(.22,1,.36,1)}.card-slots-row.is-swapping .compact-slot:last-child{animation:slotSwapRight .42s cubic-bezier(.22,1,.36,1)}@keyframes slotSwapLeft{0%{transform:scale(1) translate(0);opacity:1}42%{transform:scale(.93) translate(14px);opacity:.65}to{transform:scale(1) translate(0);opacity:1}}@keyframes slotSwapRight{0%{transform:scale(1) translate(0);opacity:1}42%{transform:scale(.93) translate(-14px);opacity:.65}to{transform:scale(1) translate(0);opacity:1}}.compact-slot{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:var(--slot-bg);border:1px solid var(--border-subtle);transition:border-color .15s ease}.compact-slot.drop-active{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-light)}.compact-slot.is-empty{display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);cursor:pointer;transition:all .15s ease}.compact-slot.is-empty:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.empty-slot-content{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-muted);pointer-events:none}.empty-slot-content svg{width:18px;height:18px}.slot-preview-wrapper{position:relative;width:100%;height:100%;cursor:pointer;background:#000}.slot-thumb-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality}.slot-type-badge{position:absolute;top:6px;left:6px;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:600;background:#000000b3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2}.slot-adjusted-badge{position:absolute;top:6px;right:6px;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:600;background:var(--accent-green);color:#fff;pointer-events:none;z-index:2}.slot-hover-actions{position:absolute;bottom:0;inset-inline:0;height:32px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);opacity:0;transition:opacity .15s ease;z-index:3}.slot-preview-wrapper:hover .slot-hover-actions{opacity:1}.slot-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:0;background:#ffffff40;color:#fff;cursor:pointer;transition:all .15s ease}.slot-action-btn svg{width:13px;height:13px}.slot-action-btn:hover{background:#fff;color:#000}.slot-action-btn.danger:hover{background:var(--danger);color:#fff}.card-prompt-wrapper{margin-top:2px}.card-prompt-input{width:100%;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-input);color:var(--text-primary);padding:6px 8px;font-size:12px;line-height:1.4;resize:vertical;min-height:48px;max-height:400px;height:var(--card-prompt-height, 52px);box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.figma-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border-radius:6px;font-size:12px;font-weight:500;transition:all .15s ease}.figma-btn svg{width:14px;height:14px}.figma-btn.sm{height:26px;padding:0 10px;font-size:11px}.figma-btn.lg{height:38px;font-size:13px;font-weight:600}.figma-btn.full{width:100%}.figma-btn.primary{background:var(--accent);color:#fff;font-weight:600}.figma-btn.primary:hover:not(:disabled){background:var(--accent-hover)}.figma-btn.secondary{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary)}.figma-btn.secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--text-muted)}.figma-btn.ghost{background:transparent;color:var(--text-secondary)}.figma-btn.ghost:hover:not(:disabled){background:var(--bg-input);color:var(--text-primary)}.figma-btn.danger-solid{background:var(--danger);color:#fff;font-weight:600;border:0}.figma-btn.danger-solid:hover:not(:disabled){background:#d63715}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.preview-backdrop,.figma-preview-modal,[data-theme=light] .preview-backdrop,[data-theme=light] .figma-preview-modal{--bg-app: #020202;--bg-topbar: #040404;--bg-sidebar: #040404;--bg-card: #040404;--bg-card-hover: #080808;--bg-subtle: #020202;--bg-input: #020202;--bg-input-focus: #000000;--border: #1a1a1d;--border-subtle: #131315;--border-focus: #0d99ff;--text-primary: #f5f5f5;--text-secondary: #9ea0a6;--text-muted: #62646a;--accent: #0d99ff;--accent-hover: #0b85de;--accent-active: #0077c8;--accent-light: rgba(13, 153, 255, .12);--accent-green: #10b981;--accent-green-bg: rgba(16, 185, 129, .12);--danger: #f43f5e;--danger-bg: rgba(244, 63, 94, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .7);--shadow-md: 0 8px 24px rgba(0, 0, 0, .8);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .95);--modal-bg: #040404;--modal-border: #1a1a1d;--slot-bg: #020202;color-scheme:dark}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#000000e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:padding .2s ease}.preview-backdrop.is-fullscreen{padding:0!important}.figma-preview-modal{position:relative;display:flex;flex-direction:column;width:min(1560px,96vw);height:92vh;max-height:960px;padding:0;background:#040404;border:1px solid #1a1a1d;border-radius:12px;box-shadow:0 32px 96px #000000f2;color:#f5f5f5;overflow:hidden;-webkit-user-select:none;user-select:none;transition:width .2s cubic-bezier(.16,1,.3,1),height .2s cubic-bezier(.16,1,.3,1),border-radius .2s ease}.figma-preview-modal.is-fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;border:none!important;box-shadow:none!important}.figma-modal-header{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:#040404;border-bottom:1px solid #1a1a1d;flex-shrink:0}.figma-header-title{display:flex;align-items:center;gap:10px;overflow:hidden}.figma-file-icon{display:flex;align-items:center;color:#888}.figma-file-name{font-size:13px;font-weight:600;color:#f5f5f5;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;background:#2e2e2e;color:#a8a8a8;border:1px solid #3a3a3a;white-space:nowrap}.figma-badge.role-badge{color:#38bdf8;background:#38bdf81a;border-color:#38bdf838}.figma-badge.dim-badge{color:#10b981;background:#10b9811a;border-color:#10b98138;font-variant-numeric:tabular-nums}.figma-badge.mode-badge{color:#c084fc;background:#c084fc1a;border-color:#c084fc38}.figma-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#8e8e8e;cursor:pointer;transition:all .15s ease}.figma-icon-btn:hover{background:#333;color:#fff}.delete-group-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:transparent;color:#9ca3af;border:none;cursor:pointer;transition:all .15s ease}.delete-group-btn:hover{background:#ef444429;color:#ef4444}.delete-group-btn svg{width:16px;height:16px}.window-maximize-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:transparent;color:#8e8e8e;border:none;cursor:pointer;transition:all .15s ease}.window-maximize-btn:hover{background:#333;color:#fff}.window-maximize-btn svg{width:16px;height:16px}.preview-viewport{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;padding:24px 24px 16px;background:linear-gradient(45deg,#252525 25%,transparent 25%),linear-gradient(-45deg,#252525 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252525 75%),linear-gradient(-45deg,transparent 75%,#252525 75%);background-color:#1c1c1c;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;cursor:default;touch-action:none}.preview-viewport.is-space-pressed,.preview-viewport.is-space-pressed *{cursor:grab!important}.preview-viewport.is-panning{cursor:grabbing!important}.preview-viewport.is-panning *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.figma-artboard-stage{position:relative;display:flex;align-items:center;justify-content:center;transform:translateZ(0)}.figma-floating-toolbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;height:38px;padding:0 8px;border-radius:8px;background:#242424f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #00000080;z-index:50;white-space:nowrap!important;max-width:95vw}.figma-tool-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.figma-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:#b0b0b0;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap!important;flex-shrink:0}.figma-tool-btn span{white-space:nowrap!important}.figma-tool-btn svg{width:15px;height:15px}.figma-tool-btn:hover{background:#ffffff1a;color:#fff}.figma-tool-btn.with-text{padding:0 10px}.figma-tool-btn.snap-edge-btn.active{background:#00d2ff1f;border:1px solid rgba(0,210,255,.35);color:#00e5ff}.figma-tool-btn.snap-edge-btn.active svg{color:#00e5ff}.snap-badge-pill{font-size:10px;padding:1px 5px;border-radius:4px;background:#00e5ff;color:#000;font-weight:700;margin-left:2px}.figma-tool-btn.rotate-img-btn.active{background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#38bdf8}.figma-tool-btn.rotate-img-btn.active svg{color:#38bdf8}.rotate-badge-pill{font-size:10px;padding:1px 5px;border-radius:4px;background:#38bdf838;color:#38bdf8;border:1px solid rgba(56,189,248,.4);font-weight:700;margin-left:2px}.figma-tool-btn.nav-mode-btn{display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.figma-tool-btn.nav-mode-btn.is-alternate{background:#3b82f626;border:1px solid rgba(59,130,246,.38);color:#60a5fa}.figma-tool-btn.nav-mode-btn.is-alternate svg{color:#60a5fa}.nav-mode-status-pill{font-size:10px;padding:1px 6px;border-radius:9999px;background:#ffffff1a;color:#94a3b8;font-weight:600;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nav-mode-status-pill.active{background:#3b82f64d;color:#bfdbfe;border:1px solid rgba(147,197,253,.35)}.header-role-badge{font-size:11px;padding:2px 7px;border-radius:4px;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.35);font-weight:600;-webkit-user-select:none;user-select:none}.header-role-badge.is-end{background:#10b98126;color:#34d399;border-color:#10b98159}.header-nav-counter-badge{font-size:11px;padding:2px 7px;border-radius:4px;background:#ffffff14;color:#cbd5e1;border:1px solid rgba(255,255,255,.15);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:500;-webkit-user-select:none;user-select:none}.modal-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:65;width:48px;height:48px;border-radius:50%;background:#141418c7;border:1px solid rgba(255,255,255,.18);color:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0009,0 0 1px #ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;outline:none}.modal-nav-arrow.nav-arrow-left{left:24px}.modal-nav-arrow.nav-arrow-right{right:24px}.modal-nav-arrow:hover{background:#24242cf2;border-color:#ffffff73;color:#fff;transform:translateY(-50%) scale(1.12);box-shadow:0 8px 28px #000000bf,0 0 16px #3b82f659}.modal-nav-arrow:active{transform:translateY(-50%) scale(.96);background:#1c1c24fa}.modal-nav-arrow svg{width:22px;height:22px;stroke-width:2.4;transition:transform .15s ease}.modal-nav-arrow.nav-arrow-left:hover svg{transform:translate(-2px)}.modal-nav-arrow.nav-arrow-right:hover svg{transform:translate(2px)}@media(max-width:768px){.modal-nav-arrow{width:38px;height:38px}.modal-nav-arrow.nav-arrow-left{left:10px}.modal-nav-arrow.nav-arrow-right{right:10px}}.figma-zoom-text{min-width:48px;text-align:center;font-size:12px;font-weight:600;color:#0d99ff;font-variant-numeric:tabular-nums}.figma-tool-btn.artboard-scale-badge{background:#0d99ff26;border:1px solid rgba(13,153,255,.35);color:#0d99ff;font-size:11px;padding:0 7px;height:24px;border-radius:4px;margin-left:4px}.figma-tool-btn.artboard-scale-badge:hover{background:#0d99ff40;border-color:#0d99ff;color:#fff}.figma-tool-divider{width:1px;height:16px;background:#ffffff26;margin:0 4px}.figma-artboard-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:38px;margin-bottom:24px}.figma-artboard-label{position:absolute;bottom:calc(100% + 6px);left:0;display:inline-flex;align-items:center;gap:8px;color:#888;font-size:11px;font-weight:500;letter-spacing:.2px;pointer-events:none;white-space:nowrap}.figma-artboard-label .artboard-size{color:#585858;font-variant-numeric:tabular-nums}.figma-artboard-frame{position:relative;flex-shrink:0;overflow:visible;touch-action:none}.figma-canvas-box{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid #0d99ff;box-shadow:0 0 0 1px #0d99ff40,0 16px 48px #000000a6;cursor:default;touch-action:none;z-index:5;background-color:#fff}.figma-canvas-box.is-dragging{cursor:grabbing}.figma-overflow-ghost{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:2}.preview-interactive-image{position:absolute;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:none;max-height:none;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality}.preview-interactive-image.is-ghost{opacity:.38;filter:contrast(.95) saturate(.9)}.preview-interactive-image.is-canvas{opacity:1}.preview-interactive-image.is-canvas.is-unselected{pointer-events:auto;cursor:pointer}.image-transform-box{position:absolute;box-sizing:border-box;border:1.5px solid #000000;box-shadow:0 0 0 1px #ffffffd9;background:#0000;cursor:grab;touch-action:none;z-index:20;pointer-events:auto}.image-transform-box.is-transforming{cursor:grabbing}.transform-edge{position:absolute;z-index:12}.transform-edge.edge-t{top:-6px;left:10px;right:10px;height:12px;cursor:ns-resize}.transform-edge.edge-b{bottom:-6px;left:10px;right:10px;height:12px;cursor:ns-resize}.transform-edge.edge-l{left:-6px;top:10px;bottom:10px;width:12px;cursor:ew-resize}.transform-edge.edge-r{right:-6px;top:10px;bottom:10px;width:12px;cursor:ew-resize}.transform-handle{position:absolute;background:#fff;border:1.5px solid #000000;box-shadow:0 1px 4px #00000073;transform:translate(-50%,-50%);z-index:15;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}.transform-handle:hover{transform:translate(-50%,-50%) scale(1.15);background:#f7f7f7;border-color:#000;box-shadow:0 2px 8px #0009}.transform-handle.handle-tl,.transform-handle.handle-tr,.transform-handle.handle-br,.transform-handle.handle-bl{width:9px;height:9px;border-radius:50%}.transform-handle.handle-tl{top:0;left:0;cursor:nwse-resize}.transform-handle.handle-tr{top:0;left:100%;cursor:nesw-resize}.transform-handle.handle-br{top:100%;left:100%;cursor:nwse-resize}.transform-handle.handle-bl{top:100%;left:0;cursor:nesw-resize}.transform-handle.handle-t,.transform-handle.handle-b{width:26px;height:7px;border-radius:999px;cursor:ns-resize}.transform-handle.handle-t{top:0;left:50%}.transform-handle.handle-b{top:100%;left:50%}.transform-handle.handle-l,.transform-handle.handle-r{width:7px;height:26px;border-radius:999px;cursor:ew-resize}.transform-handle.handle-l{top:50%;left:0}.transform-handle.handle-r{top:50%;left:100%}.figma-header-actions{display:flex;align-items:center;gap:10px}.gear-setting-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#8e8e8e;cursor:pointer;transition:all .2s ease}.gear-setting-btn svg{width:15px;height:15px;transition:transform .25s ease}.gear-setting-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff}.gear-setting-btn:hover svg{transform:rotate(30deg)}.gear-setting-btn.active{background:#ffffff2e;border-color:#ffffff59;color:#fff}.wheel-settings-anchor{position:relative}.wheel-settings-popover{position:absolute;top:calc(100% + 10px);right:0;width:380px;background:#141416;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 20px 48px #000c,0 4px 16px #0006;padding:16px;z-index:200;display:flex;flex-direction:column;gap:14px;text-align:left}.nav-mode-segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#00000073;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.nav-segment-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 6px;border-radius:6px;border:1px solid transparent;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s ease}.nav-segment-btn:hover{background:#ffffff0f;color:#e2e8f0}.nav-segment-btn.active{background:#3b82f633;border-color:#3b82f673;color:#60a5fa;box-shadow:0 2px 8px #0000004d}.nav-segment-btn .seg-title{font-size:12px;font-weight:600}.nav-segment-btn .seg-desc{font-size:10px;opacity:.8}.wheel-settings-divider{height:1px;background:#ffffff1a;margin:4px 0}.snap-guide-line{position:absolute;pointer-events:none;z-index:45}.snap-guide-line.vertical{top:0;bottom:0;width:1.5px;background:#00e5ff;box-shadow:0 0 6px #00e5ff,0 0 12px #00e5ff99;transform:translate(-50%)}.snap-guide-line.horizontal{left:0;right:0;height:1.5px;background:#00e5ff;box-shadow:0 0 6px #00e5ff,0 0 12px #00e5ff99;transform:translateY(-50%)}.popover-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:10px}.popover-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-primary)}.popover-title svg{width:16px;height:16px;color:var(--accent)}.popover-close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-muted);transition:all .15s ease}.popover-close-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.popover-body{display:flex;flex-direction:column;gap:14px}.wheel-config-item{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--border-subtle);transition:border-color .2s ease,background-color .2s ease}.wheel-config-item.is-current{border-color:#0d99ff66;background:var(--accent-light)}.wheel-config-info{display:flex;align-items:center;justify-content:space-between}.wheel-config-name{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-primary)}.current-target-pill{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--accent);color:#fff;font-weight:600}.wheel-config-val{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.wheel-config-val.highlight{color:var(--accent)}.figma-range-slider{width:100%;accent-color:var(--accent);height:4px;cursor:pointer}.wheel-quick-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-chips-label{font-size:11px;color:var(--text-muted)}.quick-chip{font-size:11px;padding:2px 7px;border-radius:4px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:all .12s ease}.quick-chip:hover{border-color:var(--accent);color:var(--accent)}.quick-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.wheel-config-desc{font-size:11px;color:var(--text-muted);line-height:1.4;margin:0}.popover-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px}.hint-badge-txt{padding:1px 5px;border-radius:3px;background:#0d99ff33;color:var(--accent);font-weight:600;font-size:11px}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .18s ease,transform .18s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(8px)}.figma-modal-footer{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:#040404;border-top:1px solid #1a1a1d;flex-shrink:0;font-size:12px}.figma-footer-hints{display:flex;align-items:center;gap:10px;color:#888;white-space:nowrap!important;flex-wrap:nowrap!important;overflow:hidden;text-overflow:ellipsis}.figma-footer-hints .hint-item{display:inline-flex;align-items:center;gap:6px;color:#949494;white-space:nowrap!important;flex-shrink:0}.figma-footer-hints .hint-item svg{color:#666;width:14px;height:14px}.figma-footer-hints .hint-dot{color:#444;flex-shrink:0}.footer-shortcuts-trigger-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#e2e8f0;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap!important;flex-shrink:0}.footer-shortcuts-trigger-btn:hover{background:#3b82f633;border-color:#3b82f673;color:#93c5fd}.footer-shortcuts-trigger-btn svg{width:14px;height:14px}.figma-footer-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.shortcuts-backdrop{z-index:1000;display:grid;place-items:center;padding:20px;background:#000000c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.shortcuts-modal-card{width:min(640px,94vw);max-height:85vh;display:flex;flex-direction:column;background:#141416;border:1px solid rgba(255,255,255,.15);border-radius:14px;box-shadow:0 24px 64px #000000e6;color:#f1f5f9;overflow:hidden;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1)}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#1a1a1e;border-bottom:1px solid rgba(255,255,255,.1)}.shortcuts-modal-title{display:flex;align-items:center;gap:10px}.shortcuts-modal-title svg{width:20px;height:20px;color:#3b82f6}.shortcuts-modal-title h3{font-size:15px;font-weight:700;margin:0;color:#f8fafc}.shortcuts-modal-content{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.shortcut-category{display:flex;flex-direction:column;gap:6px}.category-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:.3px;margin:0}.shortcut-list{display:flex;flex-direction:column;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 12px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{display:flex;align-items:center;gap:4px;flex-shrink:0}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600;line-height:1.2;color:#e2e8f0;background:#24242a;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:5px;box-shadow:0 1px 2px #0000004d}.shortcut-desc{display:flex;flex-direction:column;gap:2px;text-align:right}.shortcut-desc strong{font-size:12px;color:#f1f5f9}.shortcut-desc span{font-size:11px;color:#94a3b8}.shortcuts-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 20px;background:#1a1a1e;border-top:1px solid rgba(255,255,255,.1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.figma-modal-enter-active{transition:opacity .28s cubic-bezier(.22,1,.36,1)}.figma-modal-leave-active{transition:opacity .22s cubic-bezier(.25,1,.5,1)}.figma-modal-enter-active .rules-modal,.figma-modal-enter-active .export-layout-modal,.figma-modal-enter-active .preview-modal,.figma-modal-enter-active .confirm-modal{transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .32s ease}.figma-modal-leave-active .rules-modal,.figma-modal-leave-active .export-layout-modal,.figma-modal-leave-active .preview-modal,.figma-modal-leave-active .confirm-modal{transition:transform .22s cubic-bezier(.25,1,.5,1),opacity .22s ease}.figma-modal-enter-from,.figma-modal-leave-to{opacity:0}.figma-modal-enter-from .rules-modal,.figma-modal-enter-from .export-layout-modal,.figma-modal-enter-from .preview-modal:not(.figma-compare-modal),.figma-modal-enter-from .confirm-modal{opacity:0;transform:scale(.93) translateY(18px)}.figma-modal-leave-to .rules-modal,.figma-modal-leave-to .export-layout-modal,.figma-modal-leave-to .preview-modal:not(.figma-compare-modal),.figma-modal-leave-to .confirm-modal{opacity:0;transform:scale(.96) translateY(12px)}.figma-modal-enter-from .figma-compare-modal,.figma-modal-leave-to .figma-compare-modal{opacity:0;transform:none}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);transition:all .15s ease}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.rules-modal{position:relative;width:min(720px,94vw);background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:12px;padding:28px;box-shadow:var(--shadow-lg)}.rules-modal h2{font-size:20px;font-weight:700;margin:0 0 20px;color:var(--text-primary)}.rules-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px}.rules-card h3{font-size:14px;font-weight:700;color:var(--accent);margin:0 0 4px}.rules-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.confirm-backdrop{z-index:2000}.confirm-modal{position:relative;width:min(440px,92vw);background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:12px;padding:24px;box-shadow:0 24px 64px #00000073;display:flex;flex-direction:column}.confirm-modal-body{display:flex;gap:16px;align-items:flex-start}.confirm-icon-circle{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#f248221f;color:var(--danger);display:flex;align-items:center;justify-content:center}.confirm-icon-circle svg{width:22px;height:22px}.confirm-modal-texts{flex:1}.confirm-modal-texts h3{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--text-primary)}.confirm-modal-texts p{margin:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}.confirm-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--border-subtle)}.export-layout-modal{position:relative;width:min(840px,94vw);max-height:90vh;overflow-y:auto;background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:12px;padding:28px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:20px}.export-layout-header .eyebrow{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.export-layout-header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.export-layout-header p{font-size:13px;color:var(--text-secondary)}.export-layout-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.export-layout-option{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);text-align:left;transition:all .15s ease}.export-layout-option:hover{border-color:var(--accent)}.export-layout-option.active{background:var(--accent-light);border-color:var(--accent)}.export-layout-option-number{font-size:11px;font-weight:700;color:var(--accent)}.export-layout-option strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:4px}.export-layout-option small{display:block;font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.export-layout-option code{display:inline-block;font-size:11px;padding:2px 6px;border-radius:4px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}.export-name-mode{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border)}.export-name-mode strong{display:block;font-size:13px;color:var(--text-primary)}.export-name-mode p{font-size:12px;color:var(--text-muted);margin-top:2px}.export-name-options{display:flex;gap:8px}.export-name-option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);text-align:center;font-size:12px;transition:all .15s ease}.export-name-option.active{background:var(--accent);border-color:var(--accent);color:#fff}.export-name-option span{font-size:10px;opacity:.8}.naming-safety-note{font-size:12px;color:var(--danger)}.custom-layout-panel{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border)}.custom-layout-heading{display:flex;justify-content:space-between;align-items:center}.custom-layout-heading strong{font-size:13px;color:var(--text-primary)}.custom-layout-heading p{font-size:12px;color:var(--text-muted)}.text-button{font-size:12px;color:var(--accent)}.custom-layout-grid{display:grid;grid-template-columns:200px 1fr;gap:16px}.custom-assets{display:flex;flex-direction:column;gap:8px}.custom-section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.custom-asset-chip{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);cursor:grab;text-align:left}.custom-asset-chip b{font-size:12px;color:var(--text-primary)}.custom-asset-chip small{font-size:11px;color:var(--text-muted)}.custom-folders{display:flex;flex-direction:column;gap:10px}.custom-folder-create{display:flex;gap:8px}.custom-folder-create input{flex:1;height:32px;padding:0 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:12px}.custom-folder-create button{height:32px;padding:0 12px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:12px}.custom-folder-drop{padding:10px;border-radius:8px;background:var(--bg-card);border:1px dashed var(--border);display:flex;flex-direction:column;gap:8px}.custom-folder-drop.dragging{border-color:var(--accent);background:var(--accent-light)}.custom-folder-title{display:flex;align-items:center;gap:8px}.custom-folder-title svg{color:var(--accent)}.custom-folder-title input{flex:1;height:28px;padding:0 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:12px}.icon-button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;color:var(--text-muted)}.icon-button:hover:not(:disabled){color:var(--danger)}.custom-folder-contents{display:flex;flex-wrap:wrap;gap:6px}.custom-folder-contents span{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--accent-light);color:var(--accent);font-weight:600}.custom-folder-contents em{font-size:11px;color:var(--text-muted);font-style:normal}.export-layout-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.export-layout-actions .button{height:34px;padding:0 16px;border-radius:6px;font-size:13px;font-weight:500}.export-layout-actions .button.ghost{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary)}.export-layout-actions .button.primary{background:var(--accent);color:#fff;font-weight:600}@media(max-width:1080px){.workspace-layout{flex-direction:column}.sidebar-panel{width:100%;min-width:0;max-width:none;height:auto;position:static;border-right:0;border-bottom:1px solid var(--border)}.export-layout-options{grid-template-columns:1fr}}@media(max-width:640px){.figma-topbar{padding:0 12px}.topbar-tagline{display:none}.canvas-panel{padding:14px 16px}.canvas-header-toolbar{flex-direction:column;align-items:stretch}.canvas-toolbar-right{justify-content:space-between}.cards-grid{grid-template-columns:1fr}}.match-switch-btn,.compare-switch-btn{display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.match-switch-btn.is-active,.compare-switch-btn.is-active{background:#0d99ff24!important;border-color:#0d99ff!important;color:#0d99ff!important;box-shadow:0 0 12px #0d99ff40}.match-switch-indicator,.compare-switch-indicator{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;margin-left:2px;transition:all .2s ease;background:#ffffff14;color:var(--text-muted)}.match-switch-indicator.is-on,.compare-switch-indicator.is-on{background:#0d99ff;color:#fff;box-shadow:0 0 8px #0d99ff80}.figma-toast-banner{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:99999;display:flex;align-items:center;gap:10px;padding:9px 22px;background:#12141af0;border:1px solid rgba(13,153,255,.4);box-shadow:0 8px 32px #00000080,0 0 16px #0d99ff33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;color:#fff;font-size:13px;font-weight:500;pointer-events:none}.figma-toast-banner svg{color:#0d99ff;width:16px;height:16px;flex-shrink:0}.toast-fade-enter-active,.toast-fade-leave-active{transition:all .28s cubic-bezier(.16,1,.3,1)}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%,-14px)}.import-progress-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99990;background:#000000ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.import-progress-modal{width:440px;max-width:90vw;background:#171920;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 20px 60px #000c,0 0 24px #0d99ff33;padding:24px;display:flex;flex-direction:column;gap:16px;animation:modalPopIn .25s cubic-bezier(.16,1,.3,1)}.import-progress-header{display:flex;align-items:center;gap:14px}.import-progress-spinner{width:42px;height:42px;border-radius:10px;background:#0d99ff1f;display:flex;align-items:center;justify-content:center;color:#0d99ff;flex-shrink:0}.import-progress-spinner svg.spinning-icon{width:22px;height:22px;animation:spinRotate 1.2s linear infinite}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.import-progress-titles{flex:1;min-width:0}.import-progress-title{margin:0;font-size:15px;font-weight:600;color:#fff}.import-progress-detail{margin:4px 0 0;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-progress-bar-track{width:100%;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden;position:relative}.import-progress-bar-fill{height:100%;background:linear-gradient(90deg,#0d99ff,#2bd576);border-radius:999px;transition:width .15s ease-out;box-shadow:0 0 10px #0d99ff99}.import-progress-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.import-progress-stage{font-weight:500}.import-progress-num{font-weight:700;font-family:ui-monospace,monospace;color:#0d99ff}.compare-backdrop,.figma-compare-modal,[data-theme=light] .compare-backdrop,[data-theme=light] .figma-compare-modal{--bg-app: #020202;--bg-topbar: #040404;--bg-sidebar: #040404;--bg-card: #040404;--bg-card-hover: #080808;--bg-subtle: #020202;--bg-input: #020202;--bg-input-focus: #000000;--border: #1a1a1d;--border-subtle: #131315;--border-focus: #0d99ff;--text-primary: #f5f5f5;--text-secondary: #9ea0a6;--text-muted: #62646a;--accent: #0d99ff;--accent-hover: #0b85de;--accent-active: #0077c8;--accent-light: rgba(13, 153, 255, .12);--accent-green: #10b981;--accent-green-bg: rgba(16, 185, 129, .12);--danger: #f43f5e;--danger-bg: rgba(244, 63, 94, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .7);--shadow-md: 0 8px 24px rgba(0, 0, 0, .8);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .95);--modal-bg: #040404;--modal-border: #1a1a1d;--slot-bg: #020202;color-scheme:dark}.compare-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center}.figma-compare-modal{width:92vw;max-width:1460px;height:88vh;max-height:920px;border-radius:12px;background:#0a0b0e;border:1px solid #1a1a1d;box-shadow:0 24px 80px #000000f2;display:flex;flex-direction:column;overflow:hidden;position:relative;color:#f5f5f5;transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),border-radius .25s ease}.figma-compare-modal.is-fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;border:0}.compare-modal-header{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:#0d0f13;border-bottom:1px solid #1a1a1d;flex-shrink:0;z-index:30}.compare-header-left{display:flex;align-items:center;gap:10px}.compare-badge-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background:#0d99ff29;color:#0d99ff}.compare-header-titles{display:flex;flex-direction:column;gap:2px}.compare-title{font-size:13px;font-weight:600;color:#f5f5f5}.compare-prompt-preview{font-size:11px;color:#8e9096;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-header-center{display:flex;align-items:center;gap:6px;background:#ffffff0a;padding:3px 8px;border-radius:6px;border:1px solid #1a1a1d}.compare-nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:#9ea0a6;cursor:pointer;transition:all .15s ease}.compare-nav-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.compare-nav-btn:disabled{opacity:.35;cursor:not-allowed}.compare-group-counter{font-size:12px;font-weight:600;color:#f5f5f5;padding:0 4px;min-width:48px;text-align:center}.compare-header-right{display:flex;align-items:center;gap:8px}.compare-zoom-controls{display:flex;align-items:center;gap:4px;background:#ffffff0a;padding:3px 6px;border-radius:6px;border:1px solid #1a1a1d}.compare-tool-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:#9ea0a6;cursor:pointer;transition:all .15s ease}.compare-tool-btn:hover{background:#ffffff1a;color:#fff}.compare-tool-btn.text-btn{width:auto;padding:0 8px;font-size:11px;font-weight:500}.compare-zoom-text{font-size:11px;font-weight:600;color:#f5f5f5;min-width:42px;text-align:center}.compare-header-divider{width:1px;height:18px;background:#1a1a1d;margin:0 2px}.compare-modal-viewport{flex:1;position:relative;overflow:hidden;background-color:#101115;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.compare-modal-viewport:active{cursor:grabbing}.compare-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:translateZ(0);pointer-events:auto}.compare-flow-board{position:relative;display:flex;align-items:center;justify-content:center;padding:50px 60px;gap:56px}.compare-flow-board.is-multi{gap:80px}.compare-starts-column{display:flex;flex-direction:column;gap:20px;z-index:15}.compare-end-column{display:flex;align-items:center;justify-content:center;z-index:15}.compare-card{background:#171920;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 36px #000000b3;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;pointer-events:auto}.compare-start-card{width:220px}.compare-start-card.single-card{width:440px}.compare-end-card{width:420px}.compare-end-card.single-card{width:440px}.compare-card:hover{border-color:#0d99ff;box-shadow:0 16px 48px #0d99ff38;transform:translateY(-2px)}.compare-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#00000080;border-bottom:1px solid rgba(255,255,255,.08)}.compare-card-badge{font-size:11px;font-weight:700;color:#0d99ff;background:#0d99ff29;padding:2px 8px;border-radius:4px}.compare-card-badge.end-badge{color:#10b981;background:#10b98129}.compare-card-edit-btn{font-size:11px;font-weight:600;color:var(--text-secondary);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease}.compare-card-edit-btn:hover{background:#0d99ff;border-color:#0d99ff;color:#fff}.compare-card-body{width:100%;position:relative;background:#0e1015;overflow:hidden;display:flex;align-items:center;justify-content:center}.compare-card-img{width:100%;height:100%;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality}.compare-empty-placeholder{min-height:120px;height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;background:#00000059;border:1.5px dashed rgba(255,255,255,.15)}.compare-card-footer{padding:6px 10px;background:#0006;border-top:1px solid rgba(255,255,255,.06)}.compare-card-filename{font-size:11px;color:var(--text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,monospace}.compare-wires-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:25;overflow:visible}.figma-flow-wire{stroke:#0d99ff;stroke-width:2.5px;fill:none;stroke-dasharray:6 4;stroke-linecap:round;stroke-linejoin:round;animation:figmaWireDash 1.2s linear infinite;filter:drop-shadow(0 0 5px rgba(13,153,255,.8))}@keyframes figmaWireDash{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.wire-dot{fill:#0d99ff;stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 5px rgba(13,153,255,.8))}.compare-modal-footer{background:#0d0f13;border-top:1px solid #1a1a1d;height:44px}