.clear-all.block{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.clear-all-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--danger, #e5484d)}.clear-all-hint{margin:0;font-size:12.5px;color:var(--text-2);line-height:1.5}.btn.btn-danger{background:transparent;border:1px solid var(--danger, #e5484d);color:var(--danger, #e5484d);font-weight:600}.btn.btn-danger:hover{background:#e5484d1a}.clear-all-btn{align-self:stretch}.clear-all.inline{display:inline}.clear-all-link{background:transparent;border:none;padding:0;font:inherit;font-size:12.5px;color:color-mix(in srgb,var(--danger, #e5484d) 75%,var(--text-2));cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--danger, #e5484d) 30%,transparent);text-underline-offset:3px;transition:color .12s ease,text-decoration-color .12s ease}.clear-all-link:hover{color:var(--danger, #e5484d);text-decoration-color:var(--danger, #e5484d)}.clear-all-list{margin:0 0 12px;padding-left:20px;color:var(--text-1);font-size:13.5px;line-height:1.6}.clear-all-list li{margin:2px 0}.clear-all-checkbox.clear-all-checkbox{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin:14px 0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2, var(--bg-0));cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:none;letter-spacing:normal;font-size:13.5px;color:var(--text-0)}.clear-all-checkbox input[type=checkbox]{margin:2px 0 0;flex:0 0 auto;cursor:pointer}.clear-all-checkbox>span{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--text-0);min-width:0}.clear-all-checkbox-hint{font-size:12px;color:var(--text-2);line-height:1.5}.clear-all-checkbox code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--bg-1);border:1px solid var(--border);border-radius:4px;padding:1px 5px;word-break:break-all}.landing{height:100%;display:flex;flex-direction:column;background:radial-gradient(1100px 600px at 20% -10%,var(--accent-soft),transparent 60%),radial-gradient(900px 500px at 110% 110%,var(--accent-soft),transparent 60%),var(--bg-0)}.landing-topbar{display:flex;justify-content:flex-end;padding:14px 20px}.landing-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;text-align:center}.landing-brand{margin-bottom:38px}.landing-logo{width:76px;height:76px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;margin-bottom:18px;box-shadow:var(--shadow-lg)}.landing-title{margin:0 0 8px;font-size:30px;font-weight:700;letter-spacing:-.01em}.landing-tagline{margin:0;color:var(--text-2);font-size:15px;max-width:460px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.landing-cta{min-width:180px;padding:14px 22px;font-size:15px}.landing-error{margin-top:16px;color:var(--danger);font-size:13px;background:#e5484d14;border:1px solid rgba(229,72,77,.25);padding:10px 14px;border-radius:8px;max-width:420px}.landing-recents{margin-top:28px;width:100%;max-width:420px;text-align:left}.landing-recents-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin-bottom:8px;text-align:center}.landing-recents-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.landing-recent-item{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text-0);font-family:inherit;font-size:inherit;text-align:left;transition:background .12s ease,border-color .12s ease}.landing-recent-item:hover{background:var(--bg-hover);border-color:var(--border-strong)}.landing-recent-icon{width:30px;height:30px;border-radius:8px;background:var(--bg-2);color:var(--text-1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.landing-recent-body{flex:1;min-width:0}.landing-recent-name{font-size:14px;font-weight:500;color:var(--text-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-recent-meta{font-size:12px;color:var(--text-2);margin-top:2px}.landing-recent-unsaved{color:var(--accent);font-weight:500;margin-left:4px}.landing-recent-remove{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-2);opacity:0;transition:opacity .12s ease,background .12s ease,color .12s ease;flex-shrink:0}.landing-recent-item:hover .landing-recent-remove,.landing-recent-remove:focus{opacity:1}.landing-recent-remove:hover{background:#e5484d1f;color:var(--danger)}.landing-footer{text-align:center;padding:18px;font-size:12px;color:var(--text-2)}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0c12b8;pointer-events:none}.drop-overlay-card{padding:36px 44px;border:2px dashed var(--accent);border-radius:16px;background:var(--bg-1);color:var(--text-0);font-size:17px;font-weight:600;text-align:center}.landing-compare-link{margin-top:14px;border:none;background:transparent;color:var(--text-2);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.landing-compare-link:hover{color:var(--text-0)}.project-view{height:100%;display:flex;flex-direction:column;background:var(--bg-0)}.project-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 16px;background:var(--bg-1);border-bottom:1px solid var(--border);height:58px}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.project-title{min-width:0}.project-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-target{font-size:12px;color:var(--text-2)}.tab-switcher{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.tab-button{padding:7px 18px;border-radius:7px;font-weight:500;font-size:13px;color:var(--text-1);transition:background .15s ease,color .15s ease}.tab-button:hover:not(.active){color:var(--text-0)}.tab-button.active{background:var(--bg-1);color:var(--text-0);box-shadow:var(--shadow-sm)}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px}.project-main{flex:1;min-height:0;overflow:hidden;position:relative}.tab-pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;min-height:0}.tab-pane>*{flex:1;min-width:0;min-height:0}.tab-pane[hidden]{display:none}.btn-label{white-space:nowrap}@media(max-width:720px){.project-topbar{height:auto;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left right" "tabs tabs";gap:8px 12px;padding:8px 12px}.topbar-left{grid-area:left}.topbar-right{grid-area:right}.tab-switcher{grid-area:tabs}.tab-button{flex:1}}@media(max-width:560px){.btn-label{display:none}}.unsaved-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;flex:none}.shortcuts-btn{font-weight:700;font-size:14px}.shortcut-list{margin:14px 0 0;display:flex;flex-direction:column;gap:8px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.shortcut-row dt,.shortcut-row dd{margin:0}.shortcut-row dd{color:var(--text-1);text-align:right}.shortcut-row kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--bg-2);border:1px solid var(--border);border-radius:5px;padding:2px 6px}@media(max-width:560px){.icon-btn.shortcuts-btn{display:none}}.export-menu{position:relative}.export-menu-list{position:absolute;top:calc(100% + 6px);right:0;min-width:210px;z-index:30;display:flex;flex-direction:column;padding:4px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg)}.export-menu-item{text-align:left;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--text-0);background:transparent}.export-menu-item:hover,.export-menu-item:focus-visible{background:var(--bg-2)}.project-loading{padding:40px 16px;text-align:center;color:var(--text-2);font-size:13px}.export-group{display:flex;flex-direction:column;gap:4px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}.export-group select{border:1px solid var(--border);background:var(--bg-0);color:var(--text-0);border-radius:6px;padding:5px 6px;font:inherit;font-size:12px;text-transform:none;letter-spacing:0}.bundle-modal{max-width:480px}.bundle-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.modal .bundle-option{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-0);cursor:pointer;text-transform:none!important;letter-spacing:0!important;margin:0!important}.modal .bundle-option.disabled{opacity:.5;cursor:default}.bundle-option input[type=checkbox]{width:16px;height:16px;padding:0;margin:2px 0 0;flex:none;accent-color:var(--accent)}.bundle-option-text{display:flex;flex-direction:column;gap:1px;min-width:0}.bundle-option-label{font-size:13px;font-weight:600;color:var(--text-0)}.bundle-option-detail{font-size:12px;color:var(--text-2)}.merge-banner{display:flex;align-items:center;gap:12px;padding:7px 16px;background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:13px}.merge-banner span{flex:1;min-width:0}.merge-banner button{border:none;background:transparent;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;padding:0 2px}.merge-banner button[aria-label=Dismiss]{color:var(--text-2);font-size:16px;font-weight:400}.welcome{height:100%;display:flex;flex-direction:column;background:radial-gradient(1100px 600px at 20% -10%,var(--accent-soft),transparent 60%),radial-gradient(900px 500px at 110% 110%,var(--accent-soft),transparent 60%),var(--bg-0)}.welcome-topbar{display:flex;justify-content:flex-end;padding:14px 20px}.welcome-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;text-align:center}.welcome-brand{margin-bottom:32px;max-width:520px}.welcome-logo{width:76px;height:76px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;margin-bottom:18px;box-shadow:var(--shadow-lg)}.welcome-title{margin:0 0 8px;font-size:30px;font-weight:700;letter-spacing:-.01em}.welcome-sub{margin:0;color:var(--text-2);font-size:15px}.welcome-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:640px}@media(max-width:600px){.welcome-cards{grid-template-columns:1fr}}.welcome-card{position:relative;background:var(--bg-1);border:1px solid var(--border);border-radius:14px;padding:24px 20px 20px;text-align:left;cursor:pointer;color:var(--text-0);font:inherit;display:flex;flex-direction:column;gap:8px;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.welcome-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.welcome-card-icon{width:52px;height:52px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}.welcome-card-title{font-size:17px;font-weight:600}.welcome-card-desc{font-size:13.5px;color:var(--text-2);line-height:1.45}.welcome-card-tag{position:absolute;top:12px;right:12px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:var(--accent);color:#fff}.welcome-key-form{width:100%;max-width:480px;background:var(--bg-1);border:1px solid var(--border);border-radius:14px;padding:22px;text-align:left}.welcome-optional{text-transform:none;opacity:.6;font-weight:400}.welcome-help{margin:8px 0 0;font-size:12.5px;color:var(--text-2);line-height:1.5}.welcome-key-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.welcome-footer{text-align:center;padding:14px 20px 22px;color:var(--text-2);font-size:12.5px}:root[data-theme=dark]{--bg-0: #0b0d12;--bg-1: #12151c;--bg-2: #181c25;--bg-3: #20242f;--bg-hover: #262b38;--border: #2a2f3d;--border-strong: #3a4150;--text-0: #e8ecf3;--text-1: #b6bdcc;--text-2: #7a8294;--accent: #5b8def;--accent-hover: #769eff;--accent-soft: rgba(91, 141, 239, .15);--danger: #e5484d;--success: #46a758;--shadow-lg: 0 10px 40px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35)}:root[data-theme=light]{--bg-0: #f6f7fb;--bg-1: #ffffff;--bg-2: #f0f2f7;--bg-3: #e6e9f0;--bg-hover: #dde2ec;--border: #d8dde6;--border-strong: #bcc3cf;--text-0: #161922;--text-1: #475063;--text-2: #6b7589;--accent: #2a66e6;--accent-hover: #1a52cf;--accent-soft: rgba(42, 102, 230, .12);--danger: #d93640;--success: #2e8b40;--shadow-lg: 0 10px 40px rgba(20, 30, 60, .12);--shadow-sm: 0 2px 8px rgba(20, 30, 60, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-0);color:var(--text-0);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-0);background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:8px;font-weight:500;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-2);color:var(--text-0);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-1)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-0)}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-1)}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-0)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .15s ease}.modal{background:var(--bg-1);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:calc(100vh - 32px);overflow-y:auto;padding:24px;animation:scaleIn .15s ease}.modal h2{margin:0 0 4px;font-size:18px;font-weight:600}.modal .modal-sub{color:var(--text-2);margin:0 0 18px;font-size:13px}.modal label,.modal .field-label{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.field{margin-bottom:14px}.color-swatch-custom{background:conic-gradient(from 0deg,#ef4444,#f59e0b,#eab308,#10b981,#14b8a6,#3b82f6,#8b5cf6,#ec4899,#ef4444);border-color:var(--border)}.color-input-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:5px;border:2px solid transparent;background-clip:content-box;min-height:24px;transition:background-color .15s ease}*::-webkit-scrollbar-thumb:hover{background-color:var(--border-strong);background-clip:content-box}*::-webkit-scrollbar-thumb:active{background-color:var(--accent);background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-card{display:flex;flex-direction:column;gap:2px;text-align:left;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg-0);color:var(--text-0);cursor:pointer;transition:border-color .15s ease,background .15s ease}.template-card:hover{border-color:var(--text-2)}.template-card.selected{border-color:var(--accent);background:var(--accent-soft)}.template-card-name{font-size:13px;font-weight:600}.template-card-desc{font-size:11.5px;line-height:1.35;color:var(--text-2)}@media(max-width:480px){.template-grid{grid-template-columns:1fr}}.modal .modal-actions{position:sticky;bottom:-24px;background:var(--bg-1);padding:12px 0 24px;margin:10px 0 -24px}.sidebar-title{display:flex;align-items:center;gap:6px;min-width:0}.sidebar-title h3{margin:0}.sidebar-toggle{display:none;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--text-1);cursor:pointer}.sidebar-toggle:hover{background:var(--bg-2)}.sidebar-count{font-size:11px;font-weight:600;color:var(--text-1);background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:0 7px}@media(max-width:720px){.sidebar-toggle{display:inline-flex}.info-sidebar.collapsed,.map-sidebar.collapsed{max-height:none;overflow:visible}.info-sidebar.collapsed>:not(.sidebar-header),.map-sidebar.collapsed>:not(.sidebar-header){display:none}}.tag-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-1);border-radius:999px;padding:1px 8px;font-size:11px;line-height:1.5;white-space:nowrap}button.tag-chip.filterable{cursor:pointer;font-family:inherit}button.tag-chip.filterable:hover{border-color:var(--accent);color:var(--text-0)}.tag-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.tag-count{opacity:.7}.identifier-tags,.tag-suggestions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.label-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border)}.label-filter-dot,.label-swatch{width:18px;height:18px;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer;flex:none}.label-filter-dot.active,.label-swatch.selected{outline:2px solid var(--text-0);outline-offset:1px}.label-swatch.none{background:var(--bg-2);border:1px dashed var(--text-2);color:var(--text-2);font-size:12px;line-height:1}.label-swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.label-filter-clear{border:none;background:transparent;color:var(--accent);font:inherit;font-size:11px;font-weight:600;cursor:pointer}