@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--gray-950: #0a0a0f;--gray-900: #111118;--gray-850: #18181f;--gray-800: #1e1e28;--gray-750: #252530;--gray-700: #2e2e3a;--gray-600: #3d3d4d;--gray-500: #5a5a72;--gray-400: #7c7c96;--gray-300: #a0a0b8;--gray-200: #c4c4d4;--gray-100: #e2e2ec;--gray-50: #f0f0f8;--accent: #6366f1;--accent-2: #8b5cf6;--accent-hover: #4f52e8;--accent-light: rgba(99,102,241,.12);--accent-subtle: rgba(99,102,241,.06);--accent-glow: rgba(99,102,241,.18);--green: #22c55e;--green-bg: rgba(34,197,94,.1);--red: #ef4444;--red-bg: rgba(239,68,68,.1);--amber: #f59e0b;--amber-bg: rgba(245,158,11,.1);--bg: var(--gray-950);--bg-2: var(--gray-900);--bg-3: var(--gray-850);--bg-4: var(--gray-800);--border: var(--gray-750);--border-2: var(--gray-700);--fg: var(--gray-100);--fg-2: var(--gray-300);--fg-3: var(--gray-400);--fg-dim: var(--gray-500);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--shadow-accent: 0 0 0 3px rgba(99,102,241,.25);--t-fast: .1s ease;--t-base: .15s ease;--t-slow: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select,button{font-family:inherit;font-size:inherit}.mm-app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.mm-header{height:52px;flex-shrink:0;background:var(--bg-2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px;z-index:10;box-shadow:0 1px #0003}.mm-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mm-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.mm-logo{display:flex;align-items:center;gap:8px;flex-shrink:0;-webkit-user-select:none;user-select:none}.mm-logo-mark{width:28px;height:28px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6366f159}.mm-logo-word{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg);white-space:nowrap;letter-spacing:-.01em}.mm-site-selector-wrap{max-width:200px}.mm-site-selector-wrap select{font-size:var(--text-sm)}.mm-template-wrap{max-width:160px}.mm-template-wrap select{font-size:var(--text-sm)}.mm-header-sep{width:1px;height:20px;background:var(--border-2);flex-shrink:0;margin:0 2px}.mm-body{display:flex;flex:1;overflow:hidden}.mm-sidebar{width:256px;flex-shrink:0;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.mm-nl-wrap{padding:10px;border-bottom:1px solid var(--border);flex-shrink:0}.mm-nav{display:flex;flex-direction:column;gap:1px;padding:6px 6px 4px;flex-shrink:0;border-bottom:1px solid var(--border)}.mm-nav-tab{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:var(--r-md);background:none;border:none;cursor:pointer;color:var(--fg-3);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--t-fast),color var(--t-fast);text-align:left;width:100%;position:relative}.mm-nav-tab:hover{background:var(--bg-3);color:var(--fg-2)}.mm-nav-tab.active{background:var(--accent-light);color:var(--accent)}.mm-nav-tab.active:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent);border-radius:0 2px 2px 0}.mm-nav-icon{flex-shrink:0;width:16px;display:flex;align-items:center;justify-content:center}.mm-nav-label{font-size:var(--text-sm)}.mm-panel-scroll{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.mm-panel-scroll::-webkit-scrollbar{width:4px}.mm-panel-scroll::-webkit-scrollbar-track{background:transparent}.mm-panel-scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.mm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:8px;text-align:center}.mm-empty-icon{color:var(--gray-700)}.mm-empty-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg-2)}.mm-empty-hint{font-size:var(--text-sm);color:var(--fg-dim)}.mm-panel{display:flex;flex-direction:column;gap:12px}.btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;border-radius:var(--r-md);font-weight:var(--weight-medium);transition:all var(--t-base);white-space:nowrap;flex-shrink:0;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 1px 3px #6366f14d}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 2px 8px #6366f166}.btn-secondary{background:var(--bg-4);color:var(--fg);border:1px solid var(--border-2)}.btn-secondary:hover{border-color:var(--gray-500);background:var(--bg-3)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-4);color:var(--fg)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid transparent}.btn-danger:hover{border-color:var(--red)}.btn-sm{font-size:var(--text-sm);padding:4px 10px}.btn-md{font-size:var(--text-base);padding:7px 14px}.btn-lg{font-size:var(--text-md);padding:9px 18px}.btn-icon-only{padding:6px}.btn-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.card-header{padding:9px 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.card-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-3);text-transform:uppercase;letter-spacing:.07em}.card-body{padding:13px;display:flex;flex-direction:column;gap:11px}.field-group{display:flex;flex-direction:column;gap:5px}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-2)}.field-required{color:var(--red);margin-left:2px}.field-hint{font-size:var(--text-xs);color:var(--fg-dim)}.field-error{font-size:var(--text-xs);color:var(--red)}input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password],textarea,select{background:var(--bg-4);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--fg);padding:7px 10px;width:100%;font-size:var(--text-base);transition:border-color var(--t-base),box-shadow var(--t-base);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:var(--shadow-accent)}input::placeholder,textarea::placeholder{color:var(--fg-dim)}textarea{resize:vertical;min-height:72px;line-height:1.6}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c7c96' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;background-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.6}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-default{background:var(--bg-4);color:var(--fg-2)}.badge-success{background:var(--green-bg);color:var(--green)}.badge-warning{background:var(--amber-bg);color:var(--amber)}.badge-danger{background:var(--red-bg);color:var(--red)}.badge-accent{background:var(--accent-light);color:var(--accent)}.skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{display:flex;flex-direction:column;gap:7px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--r-lg);min-width:250px;max-width:380px;font-size:var(--text-base);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);animation:toast-in .18s ease;pointer-events:all;border:1px solid}.toast-success{background:var(--bg-3);border-color:var(--green)}.toast-error{background:var(--bg-3);border-color:var(--red)}.toast-info{background:var(--bg-3);border-color:var(--accent)}.toast-icon{font-size:14px;flex-shrink:0}.toast-msg{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:var(--fg-dim);cursor:pointer;font-size:16px;padding:0 0 0 6px;line-height:1}.toast-close:hover{color:var(--fg)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nl-bar{display:flex;align-items:center;gap:7px;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:7px 8px 7px 10px;transition:border-color var(--t-base),box-shadow var(--t-base)}.nl-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-4)}.nl-bar input{flex:1;background:none;border:none;outline:none;color:var(--fg);font-size:var(--text-base);min-width:0}.nl-bar input::placeholder{color:var(--fg-dim)}.nl-bar input:disabled{opacity:.5;cursor:not-allowed}.nl-send-btn{background:var(--accent);border:none;border-radius:var(--r-sm);color:#fff;cursor:pointer;padding:5px 8px;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),transform var(--t-fast);flex-shrink:0}.nl-send-btn:hover{background:var(--accent-hover)}.nl-send-btn:active{transform:scale(.95)}.nl-send-btn:disabled{opacity:.4;cursor:not-allowed}.nl-result{margin-top:7px;font-size:var(--text-sm);color:var(--fg-2);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md);padding:7px 10px;line-height:1.5}.list-item-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 12px;display:flex;gap:8px;align-items:flex-start;transition:border-color var(--t-base)}.list-item-card:hover{border-color:var(--border-2)}.list-item-drag{color:var(--fg-dim);cursor:grab;font-size:14px;padding-top:1px;flex-shrink:0;-webkit-user-select:none;user-select:none}.list-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-item-title{font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-desc{font-size:var(--text-sm);color:var(--fg-3)}.list-item-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity var(--t-fast)}.list-item-card:hover .list-item-actions{opacity:1}.list-item-btn{background:none;border:none;padding:4px 6px;border-radius:var(--r-sm);cursor:pointer;color:var(--fg-dim);font-size:12px;line-height:1;transition:all var(--t-fast)}.list-item-btn:hover{background:var(--bg-4);color:var(--fg)}.list-item-btn.danger:hover{color:var(--red);background:var(--red-bg)}.add-item-btn{width:100%;padding:9px;border:1px dashed var(--border-2);border-radius:var(--r-lg);background:none;color:var(--fg-3);font-size:var(--text-sm);cursor:pointer;transition:all var(--t-base)}.add-item-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.theme-mode-cards{display:flex;gap:8px}.theme-mode-card{flex:1;cursor:pointer;border:2px solid var(--border);border-radius:var(--r-lg);padding:10px 8px;text-align:center;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-2);transition:all var(--t-base)}.theme-mode-card:hover{border-color:var(--border-2);color:var(--fg)}.theme-mode-card.active{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.theme-mode-preview{height:38px;border-radius:var(--r-sm);margin-bottom:7px}.theme-mode-preview-light{background:linear-gradient(135deg,#f8fafc 60%,#e2e8f0);border:1px solid #e2e8f0}.theme-mode-preview-dark{background:linear-gradient(135deg,#0f172a 60%,#1e293b);border:1px solid #1e293b}.char-count-wrap{position:relative}.char-count{position:absolute;bottom:8px;right:10px;font-size:var(--text-xs);font-weight:var(--weight-medium);pointer-events:none}.char-count.ok{color:var(--green)}.char-count.warn{color:var(--amber)}.char-count.over{color:var(--red)}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:var(--r-md);border:2px solid transparent;cursor:pointer;transition:border-color var(--t-fast),transform .1s}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:var(--fg)}.toggle-group{display:flex;gap:4px}.toggle-btn{background:var(--bg-4);border:1px solid var(--border-2);color:var(--fg-3);padding:5px 12px;border-radius:var(--r-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--t-base)}.toggle-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:var(--weight-semibold)}.toggle-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}.color-field{display:flex;align-items:center;gap:8px}.tools-section{display:flex;flex-direction:column;gap:8px}.tools-section-desc{font-size:var(--text-sm);color:var(--fg-3)}.tools-form{display:flex;flex-direction:column;gap:6px}.tools-error{font-size:var(--text-sm);color:var(--red)}.tools-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.tools-checkbox-label{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--fg-2);cursor:pointer}.tools-checkbox-label input[type=checkbox]{width:auto}.color-swatches{display:flex;gap:4px;flex-wrap:wrap}.color-swatch-sm{width:20px;height:20px;border-radius:var(--r-sm);border:1px solid var(--border-2)}.brand-logo-img{max-height:40px;max-width:100%;object-fit:contain;margin-top:4px}.brand-applied{color:var(--fg-dim);font-size:var(--text-xs)}.comp-file-list{margin:4px 0 0 16px}.comp-file-list li{font-size:var(--text-xs);color:var(--fg-3)}.arch-file-item{display:flex;align-items:center;justify-content:space-between}.arch-copy-btn{background:none;border:none;color:var(--fg-dim);cursor:pointer;font-size:11px;padding:2px 5px;border-radius:var(--r-sm)}.arch-copy-btn:hover{color:var(--accent);background:var(--accent-subtle)}.tags-wrap{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:var(--bg-4);border:1px solid var(--border-2);border-radius:var(--r-lg);min-height:38px;align-items:center}.tag-pill{display:inline-flex;align-items:center;gap:4px;background:var(--bg-3);border:1px solid var(--border-2);color:var(--fg);padding:3px 8px;border-radius:var(--r-full);font-size:var(--text-sm)}.tag-pill button{background:none;border:none;color:var(--fg-dim);cursor:pointer;padding:0;line-height:1;font-size:14px;width:auto}.tag-input{border:none;background:transparent;color:var(--fg);font-size:var(--text-sm);outline:none;width:120px;padding:3px 6px}.badge-chips{display:flex;flex-wrap:wrap;gap:6px}.badge-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg-4);border:1px solid var(--border-2);border-radius:var(--r-full);padding:3px 10px;font-size:var(--text-sm)}.badge-chip-remove{background:none;border:none;color:var(--fg-dim);cursor:pointer;font-size:14px;line-height:1;padding:0}.badge-chip-remove:hover{color:var(--red)}.color-row{display:flex;gap:8px;align-items:center}.color-row input[type=color]{width:40px;height:34px;padding:2px;border-radius:var(--r-md);cursor:pointer;background:none;border:1px solid var(--border-2)}.spinner{width:28px;height:28px;border:3px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.mode-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em}.mode-badge.draft{background:var(--amber-bg);color:var(--amber)}.mode-badge.live{background:var(--green-bg);color:var(--green)}.diff-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex-shrink:0}.dash-page{min-height:100vh;background:var(--bg);color:var(--fg);display:flex;flex-direction:column}.dash-header{background:var(--bg-2);border-bottom:1px solid var(--border);padding:0 24px;height:52px;flex-shrink:0;box-shadow:0 1px #0003}.dash-header-inner{max-width:1120px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between}.dash-logo{display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.dash-nav-links{display:flex;align-items:center;gap:8px}.dash-main{max-width:1120px;margin:0 auto;padding:36px 24px;width:100%}.dash-hero{margin-bottom:36px}.dash-hero-title{font-size:26px;font-weight:var(--weight-bold);margin-bottom:4px;letter-spacing:-.02em}.dash-hero-sub{color:var(--fg-3);font-size:var(--text-sm)}.dash-section{margin-bottom:36px}.dash-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-3);text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.dash-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s}.dash-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dash-card-top{height:148px;background:var(--bg-3);overflow:hidden;position:relative}.dash-card-top iframe{width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;border:none}.dash-card-thumb-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gray-700)}.dash-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.dash-card-name{font-weight:var(--weight-semibold);font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-card-meta{display:flex;align-items:center;min-height:20px;gap:6px}.dash-card-actions{display:flex;gap:6px;margin-top:4px}.dash-empty{text-align:center;padding:80px 24px;color:var(--fg)}.dash-error{background:var(--red-bg, #450a0a);border:1px solid var(--red, #dc2626);border-radius:var(--r-md);padding:12px 16px;color:var(--red, #f87171);font-size:var(--text-sm);margin-bottom:24px}.ob-page{min-height:100vh;background:var(--bg);color:var(--fg);display:flex;flex-direction:column}.ob-main{flex:1;display:flex;justify-content:center;padding:56px 24px 80px}.ob-form-wrap{width:100%;max-width:620px;display:flex;flex-direction:column;gap:14px}.ob-hero{text-align:center;margin-bottom:12px}.ob-title{font-size:28px;font-weight:var(--weight-bold);margin-bottom:8px;letter-spacing:-.02em}.ob-sub{color:var(--fg-3);font-size:var(--text-sm)}.ob-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);padding:20px}.ob-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:12px}.ob-textarea{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);font:inherit;font-size:var(--text-sm);padding:10px 12px;resize:vertical;margin-bottom:10px}.ob-textarea:focus{outline:none;border-color:var(--accent)}.ob-select{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);font:inherit;font-size:var(--text-sm);padding:10px 12px}.ob-select:focus{outline:none;border-color:var(--accent)}.ob-input{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);font:inherit;font-size:var(--text-sm);padding:10px 12px}.ob-input:focus{outline:none;border-color:var(--accent)}.ob-examples{display:flex;flex-wrap:wrap;gap:6px}.ob-chip{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-full);font-size:12px;color:var(--fg-3);padding:4px 12px;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.ob-chip:hover{border-color:var(--accent);color:var(--accent)}.ob-build-btn{width:100%;padding:14px;font-size:var(--text-md);font-weight:var(--weight-semibold)}.ob-stages{display:flex;flex-direction:column;gap:2px}.ob-stage{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:var(--text-sm);color:var(--fg-3)}.ob-stage:last-child{border-bottom:none}.ob-stage.active{color:var(--fg)}.ob-stage.done{color:var(--green)}.ob-stage-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;background:var(--bg-3);border:1px solid var(--border);font-weight:var(--weight-bold)}.ob-stage.active .ob-stage-icon{border-color:var(--accent);color:var(--accent);animation:pulse 1.2s infinite}.ob-stage.done .ob-stage-icon{background:var(--green-bg, #14532d);border-color:var(--green);color:var(--green)}.ob-stage-label{flex:1}.ob-elapsed{font-size:12px;color:var(--fg-dim);text-align:right;margin-top:10px}.ob-result-actions{display:flex;gap:10px;flex-wrap:wrap}.domain-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:8px}.domain-table th{text-align:left;font-size:11px;font-weight:var(--weight-semibold);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;border-bottom:1px solid var(--border)}.domain-table td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.domain-table tr:last-child td{border-bottom:none}.copy-block{display:flex;align-items:center;gap:8px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 8px}.copy-block-value{font-family:monospace;font-size:12px;color:var(--accent);word-break:break-all;flex:1}.copy-block-btn{background:none;border:none;font-size:11px;color:var(--fg-3);cursor:pointer;white-space:nowrap;padding:2px 4px;border-radius:var(--r-sm)}.copy-block-btn:hover{color:var(--fg);background:var(--bg-4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}