*{margin:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#1e1e22;color:#ddd;height:100vh}main{display:flex;flex-direction:column;height:100%}header{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:#2a2a30}h1{font-size:1rem;font-weight:600;margin-right:auto}.file-btn{background:#4a7cff;color:#fff;padding:.4rem .9rem;border-radius:6px;cursor:pointer;font-size:.9rem}#perf{font-size:.8rem;color:#888;font-variant-numeric:tabular-nums}#workspace{flex:1;display:flex;min-height:0}#workspace[hidden],#drop-hint[hidden]{display:none}#stage{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}#canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;min-width:0;min-height:0;position:relative}#workspace.panel-collapsed #controls{display:none}#float-hist{position:absolute;top:12px;left:12px;z-index:20;background:#1a1a1eeb;border:1px solid #33333c;border-radius:6px;padding:4px;box-shadow:0 4px 16px #00000080}#float-hist[hidden]{display:none}#float-hist-head{font-size:.7rem;color:#99a;cursor:grab;padding:2px 4px 4px;user-select:none}#float-hist-canvas{display:block;width:256px;border-radius:3px}#filmstrip{height:116px;background:#202024;border-top:1px solid #33333c;display:flex;flex-direction:column;transition:height .2s ease}#filmstrip[hidden]{display:none}#filmstrip.collapsed{height:22px}#filmstrip-toggle{height:22px;background:none;border:none;color:#99a;cursor:pointer;font-size:.8rem;flex-shrink:0}#filmstrip-scroll{flex:1;display:flex;gap:.5rem;overflow-x:auto;padding:0 .6rem .5rem;align-items:center}#filmstrip.collapsed #filmstrip-scroll{display:none}.film-cell{flex-shrink:0;height:72px;border:2px solid transparent;border-radius:4px;cursor:pointer;position:relative;background:#17171b}.film-cell.current{border-color:#4a7cff}.film-cell img{height:100%;display:block;border-radius:2px}.film-badge{position:absolute;bottom:2px;left:3px;font-size:.6rem;color:#fc3;text-shadow:0 1px 2px #000;pointer-events:none}.film-flag{position:absolute;top:2px;right:3px;font-size:.7rem;text-shadow:0 1px 2px #000;pointer-events:none}#float-hist-btn.active,#collapse-panel.active{background:#4a7cff;color:#fff}#crop-overlay{position:absolute;display:none;cursor:crosshair;touch-action:none}#local-overlay{position:absolute;display:none;touch-action:none}#local-list{display:flex;flex-wrap:wrap;gap:.4rem}#local-list:empty{display:none}.local-chip{background:#33333c;color:#bbc;border:none;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;cursor:pointer}.local-chip.active{background:#4a7cff;color:#fff}#local-controls{display:flex;flex-direction:column;gap:1rem;border-left:2px solid #33333c;padding-left:.7rem}#local-controls[hidden]{display:none}#local-delete{background:#4a2c2c;color:#e99;border:none;padding:.4rem;border-radius:6px;cursor:pointer}#local-delete:hover{background:#5a3434}#preview{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 24px #00000080}#controls{width:260px;padding:1rem;background:#26262c;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}#histogram{width:100%;border-radius:4px;background:#1a1a1e}.group{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#889;margin-top:.4rem;border-top:1px solid #333;padding-top:.8rem}.control{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.control output{float:right;color:#9ab}.editable-num{cursor:text;border-radius:3px;padding:0 2px}.editable-num:hover{background:#33333c;color:#cde}.num-edit{float:right;width:4.5rem;background:#17171b;border:1px solid #4a7cff;border-radius:3px;color:#fff;font:inherit;text-align:right;padding:0 2px}input[type=range]{width:100%}#reset,.btn-row button{background:#3a3a42;color:#ddd;border:none;padding:.5rem;border-radius:6px;cursor:pointer}#reset:hover,.btn-row button:hover:not(:disabled){background:#44444e}.btn-row{display:flex;gap:.5rem}.btn-row button{flex:1}.btn-row button:disabled{opacity:.4;cursor:default}.btn-row button.active{background:#4a7cff;color:#fff}#ratio-row button{padding:.35rem .3rem;font-size:.8rem}#point-curve{width:100%;aspect-ratio:1;border-radius:4px;background:#1a1a1e;cursor:crosshair;touch-action:none}#curve-channel-row button{padding:.3rem;font-size:.8rem}#grade-wheels{display:flex;justify-content:space-between;gap:.4rem}.grade-wheel{display:flex;flex-direction:column;align-items:center;gap:.3rem}.grade-wheel canvas{width:100%;max-width:80px;aspect-ratio:1;cursor:crosshair;touch-action:none;border-radius:50%}.grade-label{font-size:.72rem;color:#99a}.hsl-panel{display:flex;flex-direction:column;gap:1rem}.hsl-panel[hidden]{display:none}#zoom,#float-hist-btn,#collapse-panel{background:#3a3a42;color:#ddd;border:none;padding:.4rem .7rem;border-radius:6px;cursor:pointer;font-size:.9rem}#zoom:hover,#float-hist-btn:hover,#collapse-panel:hover{background:#44444e}#zoom.active{background:#4a7cff;color:#fff}#history-list{margin:0;padding:0;list-style:none;font-size:.8rem;max-height:180px;overflow-y:auto;border-radius:6px;background:#1f1f24}#history-list li{padding:.3rem .6rem;cursor:pointer;color:#99a;border-bottom:1px solid #2a2a30}#history-list li:hover{background:#2c2c33}#history-list li.current{color:#fff;background:#33333c}#export{background:#4a7cff;color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer}#export:hover:not(:disabled){background:#5b88ff}#export:disabled{opacity:.5;cursor:default}#drop-hint{text-align:center;margin:auto;color:#666}#library{flex:1;display:flex;flex-direction:column;min-height:0}#library[hidden]{display:none}#library-bar{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;background:#26262c;font-size:.85rem}.bar-label{color:#889}.bar-hint{margin-left:auto;color:#667;font-size:.75rem}#filter-stars span{cursor:pointer;color:#555;font-size:1.1rem}#filter-stars span.on{color:#fc3}#filter-flag{background:#3a3a42;color:#ddd;border:none;border-radius:4px;padding:.25rem .4rem}#library-count{color:#889}#grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem;padding:1rem;align-content:start}.cell{background:#26262c;border-radius:8px;padding:.5rem;cursor:pointer;border:2px solid transparent}.cell.selected{border-color:#4a7cff}.cell img{width:100%;aspect-ratio:3 / 2;object-fit:contain;background:#17171b;border-radius:4px;display:block}.cell-meta{display:flex;align-items:center;gap:.4rem;margin-top:.4rem}.stars{color:#fc3;cursor:pointer;letter-spacing:.1em}.flag.pick{color:#5c5}.flag.reject{color:#e55}.cell-del{margin-left:auto;background:none;border:none;cursor:pointer;opacity:0;font-size:.9rem}.cell:hover .cell-del{opacity:.7}.cell-name{margin-top:.3rem;font-size:.75rem;color:#99a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#library-btn{background:#3a3a42;color:#ddd;border:none;padding:.4rem .7rem;border-radius:6px;cursor:pointer;font-size:.9rem}#library-btn:hover{background:#44444e}#library-btn.active{background:#4a7cff;color:#fff}#splash,#profiles{position:fixed;inset:0;background:#1e1e22;display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .35s ease}#profiles[hidden]{display:none}#splash.gone{opacity:0;pointer-events:none}.splash-card{text-align:center;max-width:420px;padding:2rem}.splash-card h1{font-size:2rem;margin-bottom:.5rem}.tagline{color:#889;font-size:.9rem;margin-bottom:1.5rem}#splash-steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#667;text-align:left;width:max-content;margin:0 auto}#splash-steps li:before{content:"◌ ";color:#556}#splash-steps li.done{color:#aab}#splash-steps li.done:before{content:"● ";color:#4a7cff}#profile-list{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.2rem}.profile-chip{background:#33333c;color:#ddd;border:none;border-radius:999px;padding:.6rem 1.4rem;font-size:1rem;cursor:pointer}.profile-chip:hover{background:#4a7cff;color:#fff}.profile-new{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.profile-new input,#project-form input{background:#17171b;border:1px solid #3a3a42;border-radius:6px;color:#ddd;padding:.45rem .7rem}.profile-new button,#project-form button,#project-new,#folder-link,#folder-sync{background:#3a3a42;color:#ddd;border:none;border-radius:6px;padding:.35rem .7rem;cursor:pointer}.profile-new button:hover,#project-form button:hover,#project-new:hover,#folder-link:hover,#folder-sync:hover{background:#44444e}#profile-btn{background:none;border:1px solid #3a3a42;color:#99a;border-radius:999px;padding:.35rem .9rem;cursor:pointer;font-size:.85rem}#profile-btn:hover{border-color:#4a7cff;color:#fff}#project-select{background:#3a3a42;color:#ddd;border:none;border-radius:4px;padding:.25rem .4rem;max-width:180px}.welcome{max-width:460px;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.welcome h2{color:#ccd}.welcome p{color:#778;font-size:.95rem;line-height:1.5}.welcome .primary{background:#4a7cff;color:#fff;border:none;padding:.7rem 1.6rem;border-radius:8px;font-size:1rem;cursor:pointer}.welcome .primary:hover{background:#5b88ff}.welcome .privacy{font-size:.8rem;color:#667}#export-modal{position:fixed;inset:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center}#export-modal[hidden]{display:none}.modal-card{background:#26262c;border-radius:10px;padding:1.4rem 1.6rem;width:400px;max-width:92vw;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #0009}.modal-card h2{margin-bottom:1rem;font-size:1.1rem}.modal-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;font-size:.9rem}.modal-row[hidden]{display:none}.modal-row>span{color:#bbc;flex-shrink:0}.modal-row select,.modal-row input[type=text],.modal-row input[type=number]{background:#17171b;border:1px solid #3a3a42;border-radius:6px;color:#ddd;padding:.35rem .5rem;min-width:0;flex:1;max-width:60%}.modal-row input[type=range]{flex:1;max-width:55%}.modal-info{display:flex;justify-content:space-between;margin:1rem 0;padding:.6rem .8rem;background:#1f1f24;border-radius:6px;font-size:.85rem;color:#9ab;font-variant-numeric:tabular-nums}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem}.modal-actions button{border:none;border-radius:6px;padding:.5rem 1.1rem;cursor:pointer;background:#3a3a42;color:#ddd}.modal-actions button:hover{background:#44444e}.modal-actions .primary{background:#4a7cff;color:#fff}.modal-actions .primary:hover{background:#5b88ff}.modal-actions button:disabled{opacity:.5;cursor:default}.cell.batch{outline:2px solid #5c5;outline-offset:-2px}#batch-export{background:#4a7cff;color:#fff;border:none;border-radius:4px;padding:.3rem .7rem;cursor:pointer;font-size:.8rem}#batch-export[hidden]{display:none}#catalog-modal{position:fixed;inset:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center}#catalog-modal[hidden]{display:none}.modal-stack{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}.modal-stack button{border:none;border-radius:6px;padding:.6rem;cursor:pointer;background:#3a3a42;color:#ddd}.modal-stack button:hover{background:#44444e}.modal-stack .primary{background:#4a7cff;color:#fff}.modal-note{font-size:.82rem;color:#99a;line-height:1.4}#catalog-io{background:#3a3a42;color:#ddd;border:none;border-radius:4px;padding:.3rem .7rem;cursor:pointer;font-size:.8rem}#catalog-io:hover{background:#44444e}