:root{color-scheme:dark;font-family:Aptos,SF Pro Text,Helvetica Neue,sans-serif;background:#0f0f0f;color:#f5f5f5;font-size:14px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#0f0f0f}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{width:min(100%,720px);min-height:100svh;margin:0 auto;background:#151515;border-left:1px solid #2a2a2a;border-right:1px solid #2a2a2a}.top-bar{display:grid;grid-template-columns:1fr 34px 34px;align-items:center;height:38px;border-bottom:1px solid #303030}.brand{padding-left:8px;font-weight:700;font-size:15px}.icon-button,.text-button,.primary-button,.upload-button{border:1px solid #3a3a3a;background:#1d1d1d;border-radius:6px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none}.icon-button{width:30px;padding:0}.icon-button.solid,.primary-button{background:#00d4aa;border-color:#00d4aa;color:#07110f;font-weight:700}.text-button{min-height:26px;padding:0 8px;font-size:12px}.text-button.active,.list-line.active{border-color:#00d4aa;color:#00d4aa}input,select,textarea{width:100%;min-height:30px;border:1px solid #343434;border-radius:5px;background:#101010;color:#f5f5f5;padding:5px 7px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#00d4aa}.add-row,.filter-bar,.save-filter-row{display:grid;gap:4px;padding:5px;border-bottom:1px solid #2f2f2f}.add-row{grid-template-columns:1fr 32px}.filter-bar{grid-template-columns:1fr 104px}.save-filter-row{grid-template-columns:20px 1fr 32px;align-items:center;border-top:1px solid #2f2f2f}.search-box{display:grid;grid-template-columns:18px 1fr;align-items:center;border:1px solid #343434;border-radius:5px;background:#101010;padding-left:5px}.search-box input{border:0;background:transparent}.saved-row{display:flex;gap:4px;overflow-x:auto;padding:5px;border-bottom:1px solid #2f2f2f}.split{display:grid;grid-template-columns:116px 1fr;min-height:250px;border-bottom:1px solid #2f2f2f}.list-pane{border-right:1px solid #2f2f2f;background:#121212;min-width:0}.tiny-row,.inline-add{padding:4px}.inline-add{display:grid;grid-template-columns:1fr 30px;gap:4px}.list-tree{display:grid}.list-line{display:block;width:100%;min-height:27px;border:0;border-top:1px solid #242424;background:transparent;text-align:left;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-pane{min-width:0}.table-head{display:grid;grid-template-columns:1fr 38px 74px 76px;gap:4px;padding:4px 6px;color:#b9b9b9;font-size:11px;border-bottom:1px solid #2f2f2f}.item-table{display:grid}.item-row{display:grid;grid-template-columns:38px minmax(70px,1fr) 36px 72px 72px;gap:4px;min-height:44px;align-items:center;width:100%;border:0;border-bottom:1px solid #282828;background:transparent;text-align:left;padding:3px 5px}.item-row.selected{background:#1d1d1d}.item-name,.muted-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name{font-weight:650}.muted-cell{color:#bebebe;font-size:12px}.photo-empty{width:32px;height:32px;border:1px solid #333;border-radius:4px}.photo-strip{display:flex;align-items:center}.photo-strip img,.photo-grid img{width:32px;height:32px;object-fit:cover;border-radius:4px;border:1px solid #333;background:#0f0f0f}.photo-strip img+img{margin-left:-12px}.editor{padding:5px;border-bottom:1px solid #2f2f2f;background:#171717}.editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}label span{display:block;color:#b9b9b9;font-size:11px;margin-bottom:2px}.notes-field{display:block;margin-top:5px}.tag-row,.photo-actions{display:flex;align-items:center;gap:5px;margin-top:5px;overflow-x:auto}.tag-row span{display:inline-flex;align-items:center;min-height:24px;border:1px solid #3a3a3a;border-radius:5px;padding:0 6px;color:#d9d9d9;font-size:12px}.tag-row input{min-width:80px}.upload-button{position:relative;padding:0 8px;min-width:86px}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.photo-grid{display:flex;gap:4px}.photo-grid a{border:0;background:transparent;padding:0;display:inline-flex}.message-row,.empty-row{padding:6px;color:#d8d8d8;font-size:12px}.offline-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;gap:8px;background:#0f0f0f;color:#f5f5f5}.login-screen{min-height:100svh;display:grid;place-items:center;background:#0f0f0f}.login-box{width:min(260px,calc(100vw - 24px));display:grid;gap:10px;padding:12px;border:1px solid #303030;background:#151515;border-radius:8px}.login-title{font-size:18px;font-weight:750}.config-note{color:#b9b9b9;font-size:12px}@media(max-width:520px){.app-shell{border:0}.split{grid-template-columns:96px 1fr}.table-head{grid-template-columns:1fr 32px 58px 62px}.item-row{grid-template-columns:34px minmax(58px,1fr) 30px 56px 58px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}