*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;background:#fff;color:#111;font-size:13px}.controls{flex-shrink:0;padding:10px 16px 8px;background:#fff;border-bottom:1px solid #d0d0d0}.attr-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}.attr-row-label{color:#666;font-size:12px;white-space:nowrap}.attr-checkbox-item{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.attr-checkbox-item input[type=checkbox]{cursor:pointer}.filter-accordion-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border:1px solid #bbb;border-radius:4px;background:#fff;font-size:12px;cursor:pointer;color:#333}.filter-accordion-btn:hover{background:#f5f5f5}.filter-accordion-btn.active{background:#f0f0f0;border-color:#999}.filter-panel{display:none;flex-wrap:wrap;gap:18px;padding-top:10px}.filter-panel.open{display:flex}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-item>label,.filter-item>.filter-label{font-size:11px;font-weight:600;color:#444}.range-row{display:flex;align-items:center;gap:6px;font-size:11px;color:#444}.range-row input[type=range]{width:120px;cursor:pointer}.range-val{min-width:70px;font-size:11px;color:#222}.filter-item select{padding:3px 6px;border:1px solid #ccc;border-radius:3px;font-size:12px;background:#fff;cursor:pointer}.filter-toggle-label{display:flex;align-items:center;gap:5px;font-size:12px;cursor:pointer;margin-top:14px;-webkit-user-select:none;user-select:none}.filter-toggle-label input[type=checkbox]{cursor:pointer}.chip-bar{flex-shrink:0;padding:5px 16px;display:none;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #e8e8e8;background:#fff}.chip-bar.visible{display:block}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 9px;background:#eeeef8;border:1px solid #c8c8e8;border-radius:12px;font-size:11px;color:#333;margin-right:5px}.chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;cursor:pointer;font-size:13px;line-height:1;color:#666;background:none;border:none;padding:0;border-radius:50%}.chip-remove:hover{background:#d0d0e8;color:#111}.table-meta{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:#f9f9f9;border-bottom:1px solid #e0e0e0;gap:12px}.table-disclaimer{margin:0;font-size:11px;color:#888}.table-meta-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.table-last-updated{font-size:11px;color:#888;white-space:nowrap}.save-image-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid #bbb;border-radius:4px;background:#fff;font-size:11px;cursor:pointer;color:#333;white-space:nowrap}.save-image-btn:hover:not(:disabled){background:#f0f0f0;border-color:#999}.save-image-btn.saving,.save-image-btn:disabled{opacity:.6;cursor:not-allowed}.table-wrapper{flex:1;overflow:auto;position:relative}.table-inner{position:relative;min-height:100%;padding-bottom:env(safe-area-inset-bottom)}.table-header{display:flex;position:sticky;top:0;z-index:20;background:var(--color-header-bg, #1a1a1a);color:var(--color-header-text, #ffffff)}.header-corner{flex-shrink:0;position:sticky;left:0;z-index:30;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:var(--color-header-bg, #1a1a1a);border-right:1px solid rgba(255,255,255,.3)}.header-fx-label,.header-dx-label{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--color-header-text, #ffffff)}.header-content{position:relative;flex-shrink:0}.header-fx-row,.header-dx-row{position:relative}.header-fx-row{height:26px;border-bottom:1px solid #3a3a3a}.header-dx-row{height:20px}.marker-label{position:absolute;color:var(--color-header-text, #ffffff);transform:translate(-50%);text-align:center;white-space:nowrap;line-height:1}.section{display:flex}.section-label{flex-shrink:0;position:sticky;left:0;z-index:10;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;letter-spacing:.1em;background:var(--color-section-label-bg, #2c2c2c);color:var(--color-section-label-text, #ffffff);border-right:1px solid #444}.section-rows{flex:1;min-width:0}.row{position:relative;overflow:visible;background:var(--color-row-bg, #dcdcdc)}.lens-item{position:absolute;text-align:center;top:0;z-index:1}.lens-dot{border-radius:50%;margin:0 auto;flex-shrink:0;background:var(--color-lens-dot, #2563eb);box-shadow:0 2px 6px #2563eb73,0 0 0 2px #2563eb26}.zoom-bar{width:100%;flex-shrink:0;background:var(--color-zoom-bar, #2563eb);box-shadow:0 2px 5px #2563eb59;position:relative;overflow:hidden}.zoom-bar:after{content:"";position:absolute;top:2px;left:6px;right:6px;height:3px;background:#ffffff4d;border-radius:1px}.lens-text-box{position:absolute;left:50%;transform:translate(-50%);text-align:center;margin-top:4px}.lens-text-content{white-space:nowrap}.lens-name{white-space:nowrap;line-height:1.3;letter-spacing:.02em;color:var(--color-lens-name, #111111)}.lens-attr{white-space:nowrap;line-height:1.3;color:var(--color-attr-text, #555555)}.lens-attr-empty{color:#b8b8c0}.lens-attr-campaign:not(.lens-attr-empty){color:#ea580c;font-weight:600}.lens-attr-rental:not(.lens-attr-empty){color:#0d7a4f}.section+.section .section-label,.section+.section .section-rows{border-top:5px solid rgba(30,41,59,.6)}