:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light;--bg: #f4f2ed;--paper: #fffefb;--ink: #292a27;--muted: #77776f;--dim: #9a978e;--line: #e5e1d8;--line-soft: #efede6;--line-strong: #dcd8ce;--surface-2: #faf9f5;--chip: #f3f1eb;--input-bg: #ffffff;--drawer-bg: #f8f6f1;--row-hover: #fffaf5;--row-warn: #fffcf8;--accent: #eb6b38;--accent-dark: #c84f23;--accent-soft: #fff0e7;--accent-line: #eedbcd;--accent-rgb: 235, 107, 56;--on-accent: #ffffff;--green: #39755a;--green-soft: #eaf4ed;--danger: #b4422c;--danger-bg: #fff5f3;--danger-soft: #feebe8;--danger-line: #fed2cb;--danger-line-strong: #fca597;--toast-bg: #2e302c;--shadow-soft: rgba(50, 45, 35, .08)}:root[data-theme=ocean]{--bg: #edf2f7;--paper: #fbfdff;--ink: #1d2a36;--muted: #64768a;--dim: #8b9bab;--line: #dbe4ee;--line-soft: #e8eef4;--line-strong: #c9d6e3;--surface-2: #f4f8fc;--chip: #eaf0f6;--input-bg: #ffffff;--drawer-bg: #f2f6fa;--row-hover: #f3f8fe;--row-warn: #f8fbff;--accent: #2f7fd1;--accent-dark: #1f63a8;--accent-soft: #e5f0fc;--accent-line: #c7dcf2;--accent-rgb: 47, 127, 209;--green: #2f7d6e;--green-soft: #e4f3ef;--toast-bg: #1f2f40;--shadow-soft: rgba(30, 55, 90, .09)}:root[data-theme=forest]{--bg: #eef2ec;--paper: #fcfdfb;--ink: #232b25;--muted: #6a776c;--dim: #8f9b91;--line: #dce4da;--line-soft: #e9efe7;--line-strong: #c9d5c7;--surface-2: #f5f8f3;--chip: #ebf0e8;--input-bg: #ffffff;--drawer-bg: #f3f6f1;--row-hover: #f4f9f3;--row-warn: #f9fcf7;--accent: #3b8c5f;--accent-dark: #2a6e48;--accent-soft: #e6f3ec;--accent-line: #c6e0d1;--accent-rgb: 59, 140, 95;--green: #2a6e48;--green-soft: #e2f1e8;--toast-bg: #26332a;--shadow-soft: rgba(35, 60, 40, .09)}:root[data-theme=violet]{--bg: #f3f1f9;--paper: #fdfcff;--ink: #2a2735;--muted: #77728c;--dim: #9b97ad;--line: #e4e0f0;--line-soft: #eeebf6;--line-strong: #d3cee5;--surface-2: #f8f6fd;--chip: #efecf8;--input-bg: #ffffff;--drawer-bg: #f6f4fb;--row-hover: #f8f5ff;--row-warn: #fbfaff;--accent: #7a58e6;--accent-dark: #5b3fc4;--accent-soft: #eee9fd;--accent-line: #d9cffa;--accent-rgb: 122, 88, 230;--green: #3a7a62;--green-soft: #e6f3ee;--toast-bg: #2f2a42;--shadow-soft: rgba(60, 45, 110, .09)}:root[data-theme=night]{color-scheme:dark;--bg: #141518;--paper: #1f2024;--ink: #ecebe6;--muted: #a2a09a;--dim: #7f7d78;--line: #34353b;--line-soft: #2b2c31;--line-strong: #44454c;--surface-2: #1a1b1f;--chip: #2a2b30;--input-bg: #17181b;--drawer-bg: #1a1b1e;--row-hover: #26272c;--row-warn: #25231f;--accent: #f2994a;--accent-dark: #ffb26e;--accent-soft: #3a2d21;--accent-line: #5a4330;--accent-rgb: 242, 153, 74;--on-accent: #1b1712;--green: #6fcf97;--green-soft: #1f3328;--danger: #ff8d78;--danger-bg: #2c1e1c;--danger-soft: #3b2420;--danger-line: #5c3530;--danger-line-strong: #7a443c;--toast-bg: #3a3b42;--shadow-soft: rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-weight:650}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.eyebrow{margin-bottom:10px;color:var(--accent-dark);font-size:11px;font-weight:750;letter-spacing:.14em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:10px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:650;transition:transform .16s,background .16s,border-color .16s}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 16px rgba(var(--accent-rgb),.18)}.button-primary:not(:disabled):hover{background:var(--accent-dark)}.button-secondary{border-color:var(--line)}.button-secondary:hover{border-color:var(--line-strong)}.button-quiet{min-height:34px;padding:0 10px;background:transparent;color:var(--muted);box-shadow:none}.button-small{min-height:32px;padding:0 11px;border-color:var(--line);font-size:12px}.button-danger{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger)}.button-danger:not(:disabled):hover{background:var(--danger-soft);border-color:var(--danger-line-strong)}.button-full{width:100%}.icon-button{width:40px;height:40px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:25px;line-height:1}.brand{display:inline-flex;align-items:center;gap:13px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:25px;letter-spacing:-.05em;line-height:1}.brand small{margin-top:5px;color:var(--muted);font-size:11px;letter-spacing:.08em}.brand-large strong{font-size:32px}.folder-mark{position:relative;display:block;width:47px;height:40px;border:1px solid #d9d6ce;border-radius:5px 5px 9px 9px;background:var(--input-bg);box-shadow:0 5px 12px #2a28211f}.folder-mark:before{content:"";position:absolute;left:8px;top:-8px;width:29px;height:10px;border:2px solid #b8bcc0;border-bottom:0;border-radius:6px 6px 0 0;background:linear-gradient(#f2f3f4,#c8ccd0)}.folder-mark:after{content:"";position:absolute;left:0;right:0;top:9px;height:5px;background:var(--accent)}.folder-mark span{position:absolute;left:7px;right:7px;bottom:7px;height:1px;background:#e5e2dc}.connection-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(50px,9vw,140px);width:min(1180px,calc(100% - 64px));min-height:100vh;margin:0 auto;padding:70px 0}.connection-intro h1{max-width:650px;margin:30px 0 24px;font-size:clamp(42px,5vw,70px);line-height:1.12;letter-spacing:-.055em}.connection-intro>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:16px;line-height:1.85}.connection-intro .brand{margin-bottom:70px}.privacy-line{display:flex;align-items:center;gap:15px;margin-top:18px;font-size:13px}.privacy-line span{color:var(--accent);font-size:11px;font-weight:750}.connection-card{padding:42px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 25px 70px var(--shadow-soft)}.connection-card h2{margin-bottom:12px;font-size:27px;letter-spacing:-.03em}.connection-card>p:not(.eyebrow){margin-bottom:30px;color:var(--muted);font-size:14px;line-height:1.75}.connection-card form label{display:block;margin-bottom:8px;font-size:13px;font-weight:650}.connection-card input{width:100%;height:48px;margin-bottom:14px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:var(--input-bg);outline:none}.connection-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.connection-card>small{display:block;margin-top:20px;color:var(--muted);text-align:center}.form-error,.export-error{color:var(--danger);font-size:13px;line-height:1.5}.topbar{display:flex;align-items:center;justify-content:space-between;height:84px;padding:0 max(30px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 86%,transparent)}.connection-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.workspace{width:min(1380px,calc(100% - 60px));margin:0 auto;padding:56px 0 90px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.hero h1{margin-bottom:20px;font-size:clamp(38px,4.5vw,61px);line-height:1.13;letter-spacing:-.05em}.hero>div:first-child>p:last-child{max-width:650px;margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.8}.hero-action{flex:0 0 auto;text-align:right}.hero-action>span{display:block;margin-bottom:10px;color:var(--muted);font-size:12px}.optional-exports{display:flex;justify-content:flex-end;gap:5px}.export-error{max-width:300px;margin:8px 0 0;text-align:right}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.summary-grid.has-unrecognized{grid-template-columns:repeat(4,1fr)}.summary-grid article{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;padding:24px 26px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.summary-grid article.summary-alert{border-color:var(--danger-line);background:var(--danger-bg);cursor:pointer;transition:background .15s,border-color .15s}.summary-grid article.summary-alert:hover{background:var(--danger-soft);border-color:var(--danger-line-strong)}.text-danger{color:var(--danger)}.summary-grid span{color:var(--muted);font-size:13px}.summary-grid strong{grid-row:span 2;font-size:29px;letter-spacing:-.04em}.summary-grid small{color:var(--dim);font-size:11px}.records-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.records-toolbar{display:flex;align-items:center;justify-content:space-between;padding:25px 27px;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap}.records-toolbar-actions{display:flex;align-items:center;gap:12px}.records-toolbar .eyebrow{margin-bottom:5px}.records-toolbar h2{margin-bottom:0;font-size:22px}.filter-tabs{display:flex;gap:4px;padding:4px;border-radius:9px;background:var(--chip)}.filter-tabs button{min-height:32px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px}.filter-tabs button.active{background:var(--input-bg);color:var(--ink);box-shadow:0 1px 5px var(--shadow-soft)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:14px 16px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:600;text-align:left;white-space:nowrap}td{padding:19px 16px;border-top:1px solid var(--line-soft);vertical-align:middle}tbody tr{transition:background .15s}tbody tr:hover,tbody tr.selected{background:var(--row-hover)}td strong{display:block;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td small{display:block;max-width:250px;margin-top:6px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.check-cell{width:42px;padding-left:20px;padding-right:4px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.amount-cell{text-align:right;white-space:nowrap}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}th.sortable:hover{background:var(--chip);color:var(--ink)}th.sortable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.th-content{display:inline-flex;align-items:center;gap:5px}.th-content.right{justify-content:flex-end;width:100%}.sort-indicator{font-size:10px;display:inline-block;vertical-align:middle}.sort-indicator.neutral{opacity:.35;font-size:11px}.sort-indicator.active{color:var(--accent);font-weight:700}th.sorted{color:var(--ink);font-weight:700}tr.row-warning{background:var(--row-warn)}.badge{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:20px;background:var(--chip);color:var(--muted);font-size:10px;font-weight:650;white-space:nowrap}.badge-warning{background:var(--accent-soft);color:var(--accent-dark)}.badge-danger{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-line)}.badge-success{background:var(--green-soft);color:var(--green)}.status-detail{max-width:145px!important}.error-detail{color:var(--danger)!important}.row-actions{display:flex;gap:4px;white-space:nowrap}.empty-state{padding:80px 30px;text-align:center}.empty-state strong{font-size:18px}.empty-state p{margin:12px auto 0;color:var(--muted);font-size:13px;line-height:1.7}.toast{position:fixed;right:25px;bottom:25px;z-index:30;max-width:430px;padding:14px 19px;border:1px solid var(--line);border-radius:10px;background:var(--toast-bg);color:#fff;box-shadow:0 12px 30px #14141233;font-size:13px}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:#211f1a52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.editor-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(700px,100%);height:100%;background:var(--drawer-bg);box-shadow:-20px 0 60px #1c1a1626}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid var(--line);background:var(--paper)}.editor-header .eyebrow{margin-bottom:5px}.editor-header h2{margin:0;font-size:24px}.editor-scroll{flex:1;overflow-y:auto;padding:25px 30px 35px}.invoice-highlight{display:flex;align-items:center;gap:22px;padding:23px;border:1px solid var(--accent-line);border-radius:12px;background:var(--accent-soft)}.invoice-highlight>span{font-size:28px;font-weight:700;letter-spacing:-.04em}.invoice-highlight strong,.invoice-highlight small{display:block}.invoice-highlight small{margin-top:6px;color:var(--muted)}.form-section{margin-top:27px;padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.section-heading{margin-bottom:22px}.section-heading h3{margin-bottom:7px;font-size:17px}.section-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650}.field i{color:var(--dim);font-size:9px;font-style:normal;font-weight:500}.field input,.field select{width:100%;height:42px;padding:0 11px;border:1px solid var(--line-strong);border-radius:8px;background:var(--input-bg);color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input[readonly]{background:var(--chip);color:var(--muted)}.field-invalid input,.field-invalid select{border-color:var(--danger)}.field-error{color:var(--danger);font-size:11px;line-height:1.4}.attachment-list{display:grid;gap:10px}.attachment-list>div{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:9px}.attachment-list>div>span:nth-child(2){flex:1}.attachment-list strong,.attachment-list small{display:block}.attachment-list strong{font-size:13px}.attachment-list small{margin-top:4px;color:var(--muted);font-size:11px}.attachment-icon{padding:7px 5px;border-radius:5px;background:var(--accent-soft);color:var(--accent-dark);font-size:9px;font-weight:750}.save-error{margin-top:20px;padding:13px;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:13px;line-height:1.6}.editor-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 30px;border-top:1px solid var(--line);background:var(--paper)}.preview-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:28px;background:#1d1c19b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left}.preview-dialog{display:flex;flex-direction:column;width:min(1500px,96vw);height:92vh;overflow:hidden;border-radius:15px;background:var(--drawer-bg);box-shadow:0 25px 80px #00000059}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 24px;border-bottom:1px solid var(--line);background:var(--paper)}.preview-toolbar .eyebrow{margin-bottom:4px}.preview-toolbar h2{margin-bottom:4px;font-size:21px}.preview-toolbar p:last-child{margin:0;color:var(--muted);font-size:11px}.preview-actions{display:flex;align-items:center;gap:9px}.pdf-pages{flex:1;overflow:auto;padding:24px;background:#52524f}.pdf-page{width:min(100%,1000px);aspect-ratio:210 / 148;margin:0 auto 22px;overflow:hidden;background:#fff;box-shadow:0 4px 20px #0000003d}.pdf-page:last-child{margin-bottom:0}.pdf-page img{display:block;width:100%;height:100%;object-fit:contain}.preview-footer{display:flex;justify-content:space-between;gap:20px;padding:10px 24px;color:var(--muted);font-size:11px}.preview-footer span:last-child{flex:0 0 auto}@media(max-width:1000px){.connection-page{gap:45px}.hero{align-items:flex-start;flex-direction:column}.hero-action{text-align:left}.optional-exports{justify-content:flex-start}.export-error{text-align:left}.summary-grid strong{font-size:24px}.preview-toolbar{align-items:flex-start}}@media(max-width:760px){.connection-page{grid-template-columns:1fr;width:min(520px,calc(100% - 36px));padding:40px 0}.connection-intro .brand{margin-bottom:45px}.connection-intro h1{font-size:42px}.connection-card{padding:28px}.topbar{height:60px;padding:0 14px}.connection-state{font-size:0}.workspace{width:100%;padding:16px 12px 60px}.hero{margin-bottom:20px}.hero h1{font-size:28px}.hero-tag{font-size:11px}.summary-grid{grid-template-columns:1fr;gap:10px}.summary-card{padding:14px 16px}.records-toolbar{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:12px}.filter-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.filter-tabs button{white-space:nowrap;font-size:13px;padding:6px 12px}.table-wrap{margin:0 -12px;border-radius:0;border-left:none;border-right:none;-webkit-overflow-scrolling:touch}table{min-width:600px;font-size:13px}th,td{padding:10px 12px}.editor-drawer{width:100vw;max-width:100vw;border-radius:0}.editor-header{height:60px;padding:0 16px}.editor-scroll{padding:16px}.editor-footer{padding:12px 16px}.form-grid{grid-template-columns:1fr;gap:10px}.receipt-source-actions .button{flex:1 1 30%;padding:10px 8px;font-size:13px}.crop-surface{max-height:50vh}}.record-row{cursor:pointer;transition:background-color .15s ease}.record-row:hover{background-color:rgba(var(--accent-rgb),.07)}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:28px;background:#1d1c19b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-panel{display:flex;flex-direction:column;width:min(640px,96vw);max-height:90vh;overflow:hidden;border-radius:15px;background:var(--paper);box-shadow:0 25px 80px #00000059}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:21px}.binding-status{padding:22px 26px;border-bottom:1px solid var(--line);background:var(--surface-2)}.binding-status p{margin:0}.binding-url{margin-top:8px!important;color:var(--muted);font-size:12px;word-break:break-all}.binding-meta{margin-top:6px!important;color:var(--dim);font-size:11px}.binding-fields{margin-top:10px!important;color:var(--muted);font-size:11px;line-height:1.6}.verification-badge{display:inline-flex;margin-top:12px!important;padding:5px 10px;border-radius:20px;background:var(--chip);color:var(--muted);font-size:11px;font-weight:650}.verification-badge.verified{background:var(--green-soft);color:var(--green)}.binding-form{flex:1;overflow-y:auto;padding:24px 26px 28px}.binding-form label{display:block;margin:18px 0 8px;font-size:12px;font-weight:650}.binding-form label:first-of-type{margin-top:0}.binding-form input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--input-bg);outline:none}.binding-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.binding-form small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.platform-tabs{display:flex;gap:8px}.platform-tabs button{flex:1;min-height:40px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:13px}.platform-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.form-success{color:var(--green);font-size:13px;line-height:1.5}.form-actions{display:flex;gap:10px;margin-top:22px}.form-actions .button{flex:1}.receipt-editor{margin-top:14px;padding-top:16px;border-top:1px dashed var(--line)}.receipt-source-actions{display:flex;flex-wrap:wrap;gap:7px}.receipt-privacy,.receipt-crop-step>p{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.receipt-saved-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--chip);color:var(--muted);font-size:11px;line-height:1.5}.receipt-saved-row .button{flex:0 0 auto;color:var(--accent-dark)}.receipt-crop-step{margin-top:16px}.crop-surface{position:relative;width:100%;margin:12px 0;overflow:hidden;border-radius:8px;background:#30332f;touch-action:none}.crop-surface canvas{display:block;width:100%;height:auto}.crop-handle{position:absolute;z-index:2;width:24px;height:24px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 2px 9px #00000059;transform:translate(-50%,-50%);touch-action:none}.crop-handle:focus{outline:3px solid #27272a;outline-offset:2px}.processed-receipt,.saved-receipt-preview{margin-top:15px}.processed-receipt img,.saved-receipt-preview{display:block;width:100%;max-height:560px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}.processed-receipt .button{margin-top:10px}.receipt-notice,.receipt-error{margin:12px 0 0;font-size:12px;line-height:1.6}.receipt-notice{color:var(--green)}.receipt-error{color:var(--danger)}@media(max-width:760px){.receipt-source-actions .button{flex:1 1 30%;padding-left:8px;padding-right:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.theme-picker{position:relative}.theme-picker-floating{position:fixed;top:16px;right:18px;z-index:20}.theme-trigger{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px 0 8px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:600}.theme-trigger:hover{border-color:var(--line-strong)}.theme-swatch{flex:0 0 auto;width:18px;height:18px;border:1px solid rgba(0,0,0,.14);border-radius:50%}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:70;display:grid;gap:2px;width:248px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 18px 44px #0000002e}.theme-option{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left}.theme-option:hover{background:var(--chip)}.theme-option.active{background:var(--accent-soft)}.theme-option .theme-swatch{width:26px;height:26px}.theme-option-text{display:flex;flex:1;flex-direction:column;gap:2px}.theme-option-text strong{font-size:13px}.theme-option-text small{color:var(--muted);font-size:11px}.theme-check{color:var(--accent-dark);font-weight:700}@media(max-width:760px){.connection-state{font-size:0;gap:4px}.connection-state .theme-trigger,.connection-state .theme-menu{font-size:13px}.theme-picker-floating{top:10px;right:12px}}