body,html,div#root{height:100%;margin:0;padding:0;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333}.app-container{display:flex;flex-direction:column;height:100%;width:100%}.app-toolbar{display:flex;height:60px;background-color:#222;padding:0 16px;align-items:center;border-bottom:1px solid #333;z-index:10;justify-content:space-between}.toolbar-section{display:flex;align-items:center}.tool-button{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:6px 12px;margin-left:8px;font-size:13px;cursor:pointer;transition:all .2s}.tool-button:hover{background-color:#ffffff1a}.tool-button.active{background-color:#3a86ffcc;border-color:#3a86ffcc}.file-picker-button{display:inline-flex;align-items:center;justify-content:center;background-color:#3a86ff;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:14px;font-weight:500}.file-picker-button:hover{background-color:#2563eb}.file-picker-button input[type=file]{position:absolute;width:0;height:0;opacity:0}.file-name{margin-left:16px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.main-content{display:flex;flex:1;position:relative;overflow:hidden}.canvas-container{flex:1;position:relative;overflow:hidden}#main-canvas{width:100%;height:100%;display:block}.adjustment-panels{width:300px;background-color:#f5f5f5;border-right:1px solid #ddd;overflow-y:auto;height:100%;box-sizing:border-box;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column}.adjustments-panel{padding:16px;flex:1;overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-header h3{margin:0;font-size:18px;font-weight:600}.reset-button{background-color:transparent;border:1px solid #ccc;border-radius:4px;padding:5px 10px;font-size:12px;cursor:pointer;transition:all .2s}.reset-button:hover{background-color:#eee}.tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #ddd}.tab{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;cursor:pointer;transition:all .2s;color:#666}.tab:hover{color:#333}.tab.active{color:#3a86ff;border-bottom-color:#3a86ff;font-weight:500}.tab:focus{outline:none}.adjustment-section{margin-bottom:24px}.adjustment-section h4{font-size:14px;margin:0 0 12px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.adjustment-section h5{font-size:13px;margin:12px 0 8px;color:#555;font-weight:500}.adjustment-control,.color-adjustment-control{margin-bottom:16px}.adjustment-control label,.color-adjustment-control label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px}.adjustment-control .adjustment-label,.color-adjustment-control .adjustment-label{color:#555}.adjustment-control .adjustment-value,.color-adjustment-control .adjustment-value{font-weight:500}.adjustment-control input[type=range],.color-adjustment-control input[type=range]{width:100%;margin:0;-webkit-appearance:none;height:4px;background:#ddd;border-radius:2px}.adjustment-control input[type=range]::-webkit-slider-thumb,.color-adjustment-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#3a86ff;cursor:pointer;border:none}.adjustment-control input[type=range]::-moz-range-thumb,.color-adjustment-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3a86ff;cursor:pointer;border:none}.adjustment-control input[type=range]:focus,.color-adjustment-control input[type=range]:focus{outline:none}.color-adjustments-panel{margin-top:30px;border-top:1px solid #ddd;padding:16px}.color-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;transition:transform .2s,box-shadow .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #3a86ff}.color-adjustment-controls{padding-bottom:8px}.image-info{margin-top:20px;padding:12px;background-color:#eee;border-radius:4px;font-size:12px;color:#666}.image-info .info-row{display:flex;justify-content:space-between;margin-bottom:4px}.image-info .info-row .info-label{font-weight:500}.image-info .hdr-badge{display:inline-block;padding:2px 6px;border-radius:3px;background-color:orange;color:#fff;font-weight:500;font-size:10px;margin-left:6px}.error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ff00001a;border:1px solid #ff0000;border-radius:4px;padding:12px 16px;max-width:80%;text-align:center;z-index:100}.error-message p{margin:0;color:#d32f2f;font-weight:500}