*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a1a2e;color:#e0e0e0;overflow:hidden;height:100vh}#root{height:100vh}.app{display:grid;grid-template-columns:360px 1fr;height:100vh}.sidebar{background:#16213e;border-right:1px solid #333;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.sidebar h1{font-size:18px;color:#e94560;letter-spacing:1px}.section{background:#1a1a2e;border-radius:8px;padding:12px}.section h2{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:10px}.adjusted-preview{width:100%;margin-top:10px;border-radius:4px;border:1px solid #333}.tone-curve-wrap{margin-top:10px}.tone-curve-canvas{width:100%;border-radius:6px;border:1px solid #333;cursor:crosshair}.upload-zone{border:2px dashed #444;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s;color:#888;font-size:14px}.upload-zone:hover,.upload-zone.dragover{border-color:#e94560;color:#e94560}.upload-zone.has-image{padding:8px}.upload-zone img{max-width:100%;max-height:100px;border-radius:4px}.control-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.control-row label{font-size:12px;color:#aaa;min-width:80px;flex-shrink:0}.control-row input[type=range]{flex:1;accent-color:#e94560;height:4px}.slider-num{width:52px;background:#0f3460;border:1px solid #333;color:#e0e0e0;padding:2px 4px;border-radius:3px;font-size:11px;font-family:monospace;text-align:right;flex-shrink:0}.slider-num::-webkit-inner-spin-button{opacity:.3}.auto-btn{padding:3px 12px;background:#e94560;border:none;border-radius:4px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s}.auto-btn:hover{background:#c73e54}.auto-btn:disabled{background:#555;cursor:not-allowed}.control-row select{flex:1;background:#0f3460;border:1px solid #333;color:#e0e0e0;padding:4px 8px;border-radius:4px;font-size:12px}.control-row input[type=text]{flex:1;background:#0f3460;border:1px solid #333;color:#e0e0e0;padding:4px 8px;border-radius:4px;font-size:12px;font-family:monospace}.control-row input[type=checkbox]{accent-color:#e94560}.layer-list{display:flex;flex-direction:column;gap:8px}.layer-card{background:#0f3460;border-radius:8px;padding:10px 12px;border:1px solid transparent;transition:border-color .2s}.layer-card.disabled{opacity:.5}.layer-card:hover{border-color:#e94560}.layer-card.drag-over{border-color:#e94560;border-style:dashed}.layer-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.layer-header input[type=checkbox]{accent-color:#e94560}.drag-handle{cursor:grab;color:#555;font-size:14px;padding:0 2px;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:#e94560}.drag-handle:active{cursor:grabbing}.layer-header .layer-name{flex:1;font-size:13px;font-weight:600}.layer-header button{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px}.layer-header button:hover{color:#e94560;background:#e945601a}.add-layer-btn{width:100%;padding:8px;background:#0f3460;border:1px dashed #444;border-radius:8px;color:#888;cursor:pointer;font-size:13px;transition:all .2s}.add-layer-btn:hover{border-color:#e94560;color:#e94560}.preset-btn{padding:4px 10px;background:#0f3460;border:1px solid #333;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:11px;transition:all .2s}.preset-btn:hover{border-color:#e94560;color:#e94560}.preset-btn-del{padding:2px 5px;background:none;border:none;color:#666;cursor:pointer;font-size:13px}.preset-btn-del:hover{color:#e94560}.export-row{display:flex;gap:8px;align-items:center}.export-row input[type=number]{width:80px;background:#0f3460;border:1px solid #333;color:#e0e0e0;padding:6px 8px;border-radius:4px;font-size:13px}.export-btn{flex:1;padding:8px 16px;background:#e94560;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.export-btn:hover{background:#c73e54}.export-btn:disabled{background:#555;cursor:not-allowed}.preview-area{display:flex;align-items:center;justify-content:center;background:#111;overflow:auto;padding:20px;position:relative}.preview-area canvas{max-width:100%;max-height:100%;object-fit:contain;background:repeating-conic-gradient(gray,gray 25%,silver 0%,silver 50%) 0 0 / 20px 20px;box-shadow:0 4px 30px #00000080}.preview-placeholder{color:#444;font-size:16px;text-align:center}.rendering-indicator{position:absolute;top:12px;right:12px;background:#e94560e6;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:3px}