:root{--bg:#f7f7f8;--surface:#fff;--surface-secondary:#f4f4f5;--surface-hover:#eeeeef;--text:#18181b;--text-secondary:#71717a;--text-muted:#a1a1aa;--border:#e4e4e7;--border-strong:#d4d4d8;--accent:#18181b;--accent-text:#fff;--shadow:0 1px 2px #0000000a, 0 8px 30px #00000009;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#111113;--surface:#19191c;--surface-secondary:#202024;--surface-hover:#29292e;--text:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#2c2c31;--border-strong:#3b3b42;--accent:#f4f4f5;--accent-text:#18181b;--shadow:0 1px 2px #0003, 0 10px 35px #0000002e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}button,input{outline:none}button:focus-visible,input:focus-visible{outline:2px solid var(--text);outline-offset:2px}#root{min-height:100vh}noscript{color:#374151;text-align:center;max-width:720px;margin:80px auto;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;display:block}.app-shell{background:var(--bg);min-height:100vh;color:var(--text);transition:background .16s,color .16s}.topbar{z-index:30;background:color-mix(in srgb, var(--surface) 92%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:74px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{flex-direction:column;justify-content:center;gap:4px;width:31px;height:31px;display:flex}.brand-mark span{background:var(--text);border-radius:999px;height:4px;display:block}.brand-mark span:first-child{width:16px}.brand-mark span:nth-child(2){width:23px}.brand-mark span:nth-child(3){width:30px}.brand-name{letter-spacing:-.035em;font-size:18px;font-weight:750}.brand-tagline{color:var(--text-secondary);margin-top:1px;font-size:12px;font-weight:500}.header-actions{align-items:center;gap:6px;display:flex}.text-button,.primary-button,.theme-button,.icon-button,.secondary-button,.add-tier-button,.mode-tab,.modal-close{cursor:pointer;border:0}.text-button{color:var(--text-secondary);background:0 0;border-radius:8px;padding:9px 11px;font-size:14px;font-weight:600}.text-button:hover{background:var(--surface-secondary);color:var(--text)}.primary-button{background:var(--accent);color:var(--accent-text);border-radius:8px;margin-left:4px;padding:9px 15px;font-size:14px;font-weight:700}.primary-button:hover{opacity:.88}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.42}.theme-button,.icon-button{background:0 0;border-radius:9px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.theme-button:hover,.icon-button:hover{background:var(--surface-secondary)}.main-content{width:min(1080px,100% - 40px);margin:0 auto;padding:42px 0 60px}.intro{justify-content:center;margin-bottom:34px;display:flex}.mode-switcher{background:var(--surface-secondary);border:1px solid var(--border);border-radius:11px;padding:4px;display:inline-flex}.mode-tab{min-width:92px;color:var(--text-secondary);background:0 0;border-radius:7px;padding:8px 14px;font-size:14px;font-weight:650}.mode-tab:hover{color:var(--text)}.mode-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000014}.workspace{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:26px}.workspace-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.project-title{width:min(500px,70vw);color:var(--text);letter-spacing:-.035em;background:0 0;border:0;padding:0;font-size:22px;font-weight:750}.project-title:hover{text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:4px}.save-status{color:var(--text-secondary);align-items:center;gap:7px;margin-top:7px;font-size:12px;font-weight:500;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px}.tier-board{border:1px solid var(--border-strong);border-radius:12px;overflow:hidden}.tier-row{border-bottom:1px solid var(--border);grid-template-columns:76px minmax(0,1fr);min-height:86px;display:grid}.tier-row:last-child{border-bottom:0}.tier-label{color:#171717;cursor:pointer;border:0;border-right:1px solid #00000014;font-size:21px;font-weight:800}.tier-label:hover{filter:brightness(.96)}.tier-s{background:#ff7f7f}.tier-a{background:#ffbf7f}.tier-b{background:#ffdf7f}.tier-c{background:#ffff7f}.tier-d{background:#bfff7f}.tier-dropzone{background:var(--surface);align-items:center;min-width:0;min-height:86px;padding:10px;transition:background .12s,box-shadow .12s;display:flex}.dropzone-active{background:var(--surface-secondary);box-shadow:inset 0 0 0 2px var(--border-strong)}.empty-hint{color:var(--text-muted);opacity:0;margin-left:10px;font-size:12px;transition:opacity .12s}.tier-row:hover .empty-hint{opacity:1}.item-grid{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.ranking-item{background:var(--surface-secondary);border:1px solid var(--border-strong);max-width:180px;min-height:48px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;cursor:grab;touch-action:none;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:650;transition:transform .1s,box-shadow .1s,opacity .1s;overflow:hidden;box-shadow:0 1px 2px #0000000a}.ranking-item:hover{background:var(--surface-hover)}.ranking-item:active{cursor:grabbing}.ranking-item.dragging{z-index:100;opacity:.8;box-shadow:0 10px 28px #0000002e}.add-tier-button{border:1px dashed var(--border-strong);width:100%;color:var(--text-secondary);background:0 0;border-radius:9px;margin-top:10px;padding:11px;font-size:13px;font-weight:600}.add-tier-button:hover{background:var(--surface-secondary);color:var(--text)}.unranked-section{margin-top:34px}.section-heading h2{letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:750;display:flex}.unranked-count{background:var(--surface-secondary);min-width:22px;color:var(--text-secondary);text-align:center;border-radius:999px;padding:3px 7px;font-size:11px}.section-heading p{color:var(--text-secondary);margin:5px 0 14px;font-size:13px}.unranked-panel{background:linear-gradient(135deg, transparent, color-mix(in srgb, var(--surface-secondary) 55%, transparent));border:1px dashed var(--border-strong);border-radius:13px;padding:12px}.unranked-panel .tier-dropzone{background:0 0;border-radius:9px;min-height:120px;padding:10px}.unranked-grid{align-content:flex-start}.empty-unranked{text-align:center;width:100%}.dropzone-title{font-size:15px;font-weight:700}.dropzone-subtitle{color:var(--text-secondary);margin-top:5px;font-size:13px}.add-actions{justify-content:center;gap:8px;margin-top:10px;display:flex}.secondary-button{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:8px;padding:9px 14px;font-size:13px;font-weight:650;box-shadow:0 1px 2px #00000008}.secondary-button:hover:not(:disabled){background:var(--surface-hover)}.privacy-note{color:var(--text-secondary);justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:12px;font-weight:500;display:flex}.privacy-note span{color:#22c55e;font-size:9px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000005c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(520px,100%);padding:22px;box-shadow:0 25px 70px #00000040}.modal-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.modal-header h2{letter-spacing:-.025em;margin:0;font-size:19px}.modal-header p{color:var(--text-secondary);margin:5px 0 0;font-size:13px}.modal-close{width:34px;height:34px;color:var(--text-secondary);background:0 0;border-radius:8px;place-items:center;font-size:22px;display:grid}.modal-close:hover{background:var(--surface-secondary);color:var(--text)}.text-items-input{resize:vertical;background:var(--bg);border:1px solid var(--border-strong);width:100%;min-height:220px;color:var(--text);font:inherit;border-radius:10px;margin-top:20px;padding:14px;font-size:14px;line-height:1.6}.text-items-input:focus{border-color:var(--text-secondary)}.modal-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.item-count{color:var(--text-secondary);font-size:12px}.modal-actions{gap:8px;display:flex}.modal-actions .primary-button{margin-left:0}@media (width<=700px){.topbar-inner,.main-content{width:min(100% - 24px,1080px)}.topbar-inner{min-height:66px}.brand-tagline,.header-actions .text-button{display:none}.primary-button{padding-inline:12px}.main-content{padding-top:26px}.intro{margin-bottom:22px}.mode-switcher{width:100%}.mode-tab{flex:1;min-width:0}.workspace{border-radius:14px;padding:16px}.project-title{width:100%;font-size:19px}.tier-row{grid-template-columns:58px minmax(0,1fr);min-height:78px}.tier-label{font-size:18px}.tier-dropzone{min-height:78px}.ranking-item{max-width:145px}.modal-footer{flex-direction:column;align-items:stretch}.modal-actions{justify-content:flex-end}}.hidden-file-input{display:none}.ranking-item.image-item{background:var(--surface-secondary);border-radius:10px;width:72px;height:72px;min-height:72px;padding:0;overflow:hidden}.image-preview{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.image-placeholder{background:var(--surface-secondary);width:100%;height:100%;animation:1.1s ease-in-out infinite alternate imagePulse}@keyframes imagePulse{0%{opacity:.55}to{opacity:1}}@media (width<=700px){.ranking-item.image-item{width:64px;height:64px;min-height:64px}}.history-button{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:20px;display:grid}.history-button:hover:not(:disabled){background:var(--surface-secondary);color:var(--text)}.history-button:disabled{cursor:default;opacity:.28}.item-wrapper{display:inline-flex;position:relative}.item-menu-button{border:1px solid var(--border);background:var(--surface);width:23px;height:23px;color:var(--text-secondary);opacity:0;cursor:pointer;border-radius:999px;place-items:center;padding:0;font-size:12px;font-weight:800;transition:opacity .1s,background .1s;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #0000001f}.item-wrapper:hover .item-menu-button,.item-menu-button:focus-visible{opacity:1}.item-menu-button:hover{background:var(--surface-hover);color:var(--text)}.item-name-input{border:1px solid var(--border-strong);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:9px;margin-top:20px;padding:11px 12px;font-size:14px}.item-name-input:focus{border-color:var(--text-secondary)}.item-edit-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.danger-button{color:#dc2626;font:inherit;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:650}.danger-button:hover{background:#ef444417}@media (width<=700px){.item-menu-button{opacity:1}.item-edit-actions{flex-direction:column-reverse;align-items:stretch}.danger-button{width:100%}}.tier-label{overflow-wrap:anywhere;padding:8px;line-height:1.15;transition:filter .1s,transform .1s;overflow:hidden}.tier-label:active{transform:scale(.98)}.tier-edit-fields{gap:20px;margin-top:22px;display:grid}.field-label{color:var(--text-secondary);gap:8px;font-size:12px;font-weight:650;display:grid}.tier-name-input{border:1px solid var(--border-strong);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:9px;padding:11px 12px;font-size:14px;font-weight:600}.tier-name-input:focus{border-color:var(--text-secondary)}.color-editor{align-items:center;gap:10px;display:flex}.tier-color-input{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:9px;width:48px;height:42px;padding:3px}.color-preview{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;place-items:center;min-width:84px;height:42px;padding:0 12px;font-size:13px;font-weight:800;display:grid;overflow:hidden}.color-value{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.tier-order-controls{gap:8px;display:flex}.tier-order-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:650}.tier-order-button:hover:not(:disabled){background:var(--surface-hover)}.tier-order-button:disabled{cursor:default;opacity:.35}.delete-tier-note{max-width:210px;color:var(--text-muted);margin-top:6px;font-size:11px;line-height:1.35}.danger-button:disabled{cursor:default;opacity:.35}@media (width<=700px){.color-editor{flex-wrap:wrap;align-items:flex-start}.tier-order-controls{grid-template-columns:1fr 1fr;display:grid}.tier-order-button{width:100%}}.mode-tab:disabled{cursor:default;opacity:.38}.ordered-section{min-height:320px}.ordered-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.ordered-heading h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:750}.ordered-heading p{color:var(--text-secondary);margin:5px 0 0;font-size:13px}.ordered-total{color:var(--text-secondary);font-size:12px;font-weight:600}.ordered-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.ordered-row{background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:58px 44px 52px minmax(0,1fr) 44px;align-items:center;min-height:68px;transition:background .1s,opacity .1s;display:grid}.ordered-row:last-child{border-bottom:0}.ordered-row:hover{background:var(--surface-secondary)}.ordered-row-dragging{z-index:100;opacity:.72;box-shadow:0 10px 30px #00000026}.ordered-rank{color:var(--text-secondary);text-align:center;font-size:15px;font-weight:750}.ordered-drag-handle{width:34px;height:38px;color:var(--text-muted);cursor:grab;background:0 0;border:0;border-radius:7px;place-items:center;font-size:15px;display:grid}.ordered-drag-handle:hover{background:var(--surface-hover);color:var(--text)}.ordered-drag-handle:active{cursor:grabbing}.ordered-thumb{border:1px solid var(--border);background:var(--surface-secondary);width:42px;height:42px;color:var(--text-secondary);border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.ordered-image,.ordered-image-placeholder{width:100%;height:100%;display:block}.ordered-image{object-fit:cover}.ordered-image-placeholder{background:var(--surface-secondary)}.ordered-label{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:0 12px;font-size:14px;font-weight:650;overflow:hidden}.ordered-edit-button{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-weight:750;display:grid}.ordered-edit-button:hover{background:var(--surface-hover);color:var(--text)}.ordered-empty{border:1px dashed var(--border-strong);min-height:180px;color:var(--text-secondary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:13px;display:flex}.ordered-empty strong{color:var(--text);font-size:14px}.ordered-add-bar{justify-content:center;gap:8px;margin-top:12px;display:flex}@media (width<=700px){.ordered-heading{flex-direction:column;align-items:flex-start}.ordered-row{grid-template-columns:40px 38px 46px minmax(0,1fr) 38px}.ordered-rank{font-size:13px}.ordered-label{padding:0 7px;font-size:13px}}.score-section{min-height:320px}.score-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.score-heading h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:750}.score-heading p{color:var(--text-secondary);margin:5px 0 0;font-size:13px}.score-controls{align-items:flex-end;gap:10px;display:flex}.score-controls label{color:var(--text-secondary);gap:5px;font-size:11px;font-weight:650;display:grid}.score-controls select{border:1px solid var(--border-strong);background:var(--surface);min-width:115px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:8px 30px 8px 10px;font-size:12px}.score-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.score-list-header,.score-row{grid-template-columns:48px 52px minmax(0,1fr) 150px 44px;align-items:center;display:grid}.score-list-header{background:var(--surface-secondary);border-bottom:1px solid var(--border);min-height:38px;color:var(--text-secondary);font-size:11px;font-weight:700}.score-list-header span:first-child{text-align:center}.score-row{background:var(--surface);border-bottom:1px solid var(--border);min-height:66px}.score-row:last-child{border-bottom:0}.score-row:hover{background:var(--surface-secondary)}.score-rank{color:var(--text-secondary);text-align:center;font-size:14px;font-weight:750}.score-thumb{border:1px solid var(--border);background:var(--surface-secondary);width:42px;height:42px;color:var(--text-secondary);border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.score-image,.score-image-placeholder{width:100%;height:100%;display:block}.score-image{object-fit:cover}.score-image-placeholder{background:var(--surface-secondary)}.score-item-label{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:0 12px;font-size:14px;font-weight:650;overflow:hidden}.score-input-wrap{align-items:center;gap:6px;display:flex}.score-input{border:1px solid var(--border-strong);background:var(--bg);width:82px;color:var(--text);font:inherit;text-align:right;border-radius:8px;padding:8px 9px;font-size:13px;font-weight:700}.score-input:focus{border-color:var(--text-secondary)}.score-max{color:var(--text-muted);font-size:11px}.score-edit-button{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-weight:750;display:grid}.score-edit-button:hover{background:var(--surface-hover);color:var(--text)}.score-empty{border:1px dashed var(--border-strong);min-height:180px;color:var(--text-secondary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:13px;display:flex}.score-empty strong{color:var(--text);font-size:14px}.score-add-bar{justify-content:center;gap:8px;margin-top:12px;display:flex}@media (width<=700px){.score-heading{flex-direction:column;align-items:stretch}.score-controls{width:100%}.score-controls label{flex:1}.score-controls select{width:100%;min-width:0}.score-list{overflow-x:auto}.score-list-header,.score-row{grid-template-columns:42px 48px minmax(180px,1fr) 145px 40px;min-width:560px}}.project-browser-modal{flex-direction:column;width:min(680px,100vw - 32px);max-height:min(720px,100vh - 48px);display:flex;overflow:hidden}.project-browser-toolbar{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;margin-top:20px;font-size:12px;font-weight:600;display:flex}.project-list{gap:8px;margin-top:14px;padding-right:3px;display:grid;overflow-y:auto}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:14px;display:flex}.project-card:hover{background:var(--surface-secondary)}.project-card.current-project{border-color:var(--border-strong)}.project-card-main{flex:1;min-width:0}.project-card-title-row{align-items:center;gap:8px;min-width:0;display:flex}.project-card-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.current-project-badge{background:var(--surface-hover);color:var(--text-secondary);border-radius:999px;flex:none;padding:3px 6px;font-size:10px;font-weight:700}.project-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;font-size:11px;display:flex}.project-card-actions{flex:none;align-items:center;gap:7px;display:flex}.project-delete-button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:650}.project-delete-button:hover:not(:disabled){color:#dc2626;background:#ef444417}.project-delete-button:disabled{cursor:default;opacity:.4}.project-list-empty{border:1px dashed var(--border-strong);min-height:140px;color:var(--text-secondary);border-radius:11px;place-items:center;font-size:13px;display:grid}.project-browser-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:14px;padding-top:12px;font-size:11px}@media (width<=700px){.project-browser-modal{width:min(100%,100vw - 20px);max-height:calc(100vh - 24px)}.project-browser-toolbar{flex-direction:column;align-items:stretch}.project-browser-toolbar .primary-button{width:100%}.project-card{flex-direction:column;align-items:stretch;gap:12px}.project-card-actions{width:100%}.project-card-actions button{flex:1}}.project-browser-toolbar-actions{align-items:center;gap:8px;display:flex}@media (width<=700px){.project-browser-toolbar-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.project-browser-toolbar-actions button{width:100%}}.export-center-modal{width:min(720px,100vw - 32px);max-height:min(780px,100vh - 48px);overflow-y:auto}.export-sections{gap:24px;margin-top:22px;display:grid}.export-section{gap:11px;display:grid}.export-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-section-heading h3{color:var(--text);margin:0;font-size:13px;font-weight:750}.export-section-heading p{color:var(--text-muted);margin:3px 0 0;font-size:11px}.export-coming-badge{background:var(--surface-secondary);color:var(--text-muted);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.export-format-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.export-format-card{border:1px solid var(--border);background:var(--surface);min-height:78px;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:12px;display:flex}.export-format-card:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-secondary)}.export-format-card strong{font-size:13px;font-weight:750}.export-format-card span{color:var(--text-muted);font-size:10px}.export-format-card:disabled{cursor:default;opacity:.4}.export-project-card{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.export-project-card:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-secondary)}.export-project-card:disabled{cursor:default;opacity:.5}.export-project-icon{background:var(--surface-secondary);width:38px;height:38px;color:var(--text);border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.export-project-copy{gap:4px;min-width:0;display:grid}.export-project-copy strong{font-size:13px}.export-project-copy span{color:var(--text-muted);font-size:10px;line-height:1.4}.export-file-extension{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700}.export-center-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:20px;padding-top:12px;font-size:10px}@media (width<=700px){.export-center-modal{width:min(100%,100vw - 20px);max-height:calc(100vh - 24px)}.export-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.export-project-card{grid-template-columns:42px minmax(0,1fr)}.export-file-extension{grid-column:2}}.export-preset-row{border:1px solid var(--border);background:var(--surface-secondary);border-radius:10px;align-items:center;gap:6px;padding:4px;display:flex}.export-preset-button{min-height:34px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:6px 10px;font-size:11px;font-weight:650}.export-preset-button:hover:not(:disabled){color:var(--text);background:var(--surface)}.export-preset-button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.export-preset-button:disabled{cursor:default;opacity:.55}.export-mode-note{color:var(--text-muted);font-size:10px;line-height:1.45}.export-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=700px){.export-preset-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.export-preset-button{width:100%}}.export-empty-tier-control{border:1px solid var(--border);background:var(--surface-secondary);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}.export-empty-tier-control>div:first-child{gap:3px;min-width:0;display:grid}.export-empty-tier-control strong{color:var(--text);font-size:11px;font-weight:700}.export-empty-tier-control span{color:var(--text-muted);font-size:10px;line-height:1.35}.export-segmented-control{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:none;padding:3px;display:flex}.export-segmented-control button{min-width:58px;min-height:30px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 10px;font-size:10px;font-weight:650}.export-segmented-control button.active{background:var(--surface-secondary);color:var(--text)}.export-segmented-control button:disabled{cursor:default;opacity:.5}@media (width<=700px){.export-empty-tier-control{flex-direction:column;align-items:stretch}.export-segmented-control{width:100%}.export-segmented-control button{flex:1}}.tier-view-controls{border:1px solid var(--border);background:var(--surface-secondary);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:9px 10px;display:flex}.tier-view-control{align-items:center;gap:9px;display:flex}.tier-view-control-label{color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:650}.tier-view-segmented{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:3px;display:flex}.tier-view-segmented button{min-height:28px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:650}.tier-view-segmented button:hover{color:var(--text);background:var(--surface-secondary)}.tier-view-segmented button.active{background:var(--surface-secondary);color:var(--text);box-shadow:0 1px 3px #00000014}.workspace .ranking-item.image-item{flex-direction:column;height:auto;padding:0;display:flex;overflow:hidden}.workspace .ranking-item.image-item .image-preview,.workspace .ranking-item.image-item .image-placeholder{object-fit:cover;flex-shrink:0;width:100%;display:block}.image-item-caption{border-top:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:5px 5px 6px;font-size:9px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.workspace.hide-image-captions .image-item-caption{display:none}.workspace.tile-size-small .ranking-item.image-item{width:56px;min-height:56px}.workspace.tile-size-small .ranking-item.image-item .image-preview,.workspace.tile-size-small .ranking-item.image-item .image-placeholder{height:56px}.workspace.tile-size-small .ranking-item:not(.image-item){min-width:70px;min-height:42px;padding:7px 9px;font-size:11px}.workspace.tile-size-small .image-item-caption{padding:4px;font-size:8px}.workspace.tile-size-medium .ranking-item.image-item{width:72px;min-height:72px}.workspace.tile-size-medium .ranking-item.image-item .image-preview,.workspace.tile-size-medium .ranking-item.image-item .image-placeholder{height:72px}.workspace.tile-size-medium .ranking-item:not(.image-item){min-width:88px;min-height:50px;padding:9px 11px;font-size:12px}.workspace.tile-size-large .ranking-item.image-item{width:104px;min-height:104px}.workspace.tile-size-large .ranking-item.image-item .image-preview,.workspace.tile-size-large .ranking-item.image-item .image-placeholder{height:104px}.workspace.tile-size-large .ranking-item:not(.image-item){min-width:118px;min-height:64px;padding:12px 14px;font-size:13px}.workspace.tile-size-large .image-item-caption{padding:6px;font-size:10px}@media (width<=700px){.tier-view-controls{flex-direction:column;align-items:stretch;gap:8px}.tier-view-control{justify-content:space-between}.tier-view-segmented{flex:none}.workspace.tile-size-large .ranking-item.image-item{width:88px;min-height:88px}.workspace.tile-size-large .ranking-item.image-item .image-preview,.workspace.tile-size-large .ranking-item.image-item .image-placeholder{height:88px}}.export-copy-button{border:1px solid var(--border);background:var(--surface-secondary);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;transition:border-color .12s,background .12s;display:flex}.export-copy-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover)}.export-copy-button.copied{border-color:var(--border-strong)}.export-copy-button:disabled{cursor:default;opacity:.6}.export-copy-title{color:var(--text);flex:none;font-size:11px;font-weight:750}.export-copy-description{min-width:0;color:var(--text-muted);text-align:right;font-size:10px;line-height:1.35}@media (width<=700px){.export-copy-button{flex-direction:column;align-items:flex-start;gap:4px}.export-copy-description{text-align:left}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--text);outline-offset:2px}.app-error-page{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;padding:24px;display:grid}.app-error-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:min(520px,100%);padding:30px;box-shadow:0 12px 40px #00000014}.app-error-brand{margin-bottom:18px;font-size:15px;font-weight:800}.app-error-card h1{letter-spacing:-.025em;margin:0;font-size:23px}.app-error-card p{color:var(--text-secondary);margin:10px 0 22px;font-size:13px;line-height:1.6}.app-error-details{background:var(--surface-secondary);color:var(--text-secondary);white-space:pre-wrap;border-radius:8px;margin-top:18px;padding:12px;font-size:11px;overflow:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}