:root{--bg: #0d0f12;--bg-panel: #16191e;--bg-elevated: #1d2127;--bg-input: #0f1216;--border: #272c34;--border-strong: #363c46;--text: #e8eaed;--text-dim: #9aa2ae;--text-faint: #646c78;--accent: #ff5a2b;--accent-soft: rgba(255, 90, 43, .16);--danger: #ff5d5d;--radius: 10px;--topbar-height: 56px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;height:100%;position:relative}.app--dragover:after{content:"Bırak, açalım";position:absolute;inset:12px;z-index:50;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:16px;background:#0d0f12d1;color:var(--accent);font-size:18px;font-weight:600;pointer-events:none}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;flex:1;min-height:0}.topbar{display:flex;align-items:center;gap:16px;height:var(--topbar-height);padding:0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.topbar__brand{display:flex;align-items:center;gap:9px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--text);line-height:1}.brand__mark{color:var(--accent);flex-shrink:0;display:block}.brand__word{font-size:15px;font-weight:700;letter-spacing:.22em;margin-right:-.22em}.brand--hero{gap:12px}.brand--hero .brand__word{font-size:36px;letter-spacing:.18em;margin-right:-.18em}.topbar__document{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-dim);font-size:13px}.topbar__filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.topbar__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.topbar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.topbar__user{display:flex;align-items:center;gap:8px;padding-left:8px;margin-left:4px;border-left:1px solid var(--border)}.topbar__username{font-size:13px;color:var(--text-dim);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button{appearance:none;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);font:inherit;font-size:13px;font-weight:500;padding:7px 13px;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.button:hover:not(:disabled){background:#262b33;border-color:#454c58}.button:disabled{opacity:.38;cursor:not-allowed}.button--primary{background:var(--accent);border-color:var(--accent);color:#14100e;font-weight:600}.button--primary:hover:not(:disabled){background:#ff6f45;border-color:#ff6f45}.button--ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.button--ghost:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border);color:var(--text)}.button--full{width:100%;justify-content:center;padding:10px}.button--large{padding:11px 24px;font-size:14px}.library{background:var(--bg-panel);border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.library__title{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.library__empty{color:var(--text-faint);font-size:12.5px;line-height:1.55;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.library__empty p{margin:0}.library__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid transparent;background:var(--bg-input)}.thumb--active{border-color:var(--accent)}.thumb__button{all:unset;display:block;width:100%;height:100%;cursor:pointer}.thumb__image{width:100%;height:100%;object-fit:cover;display:block}.thumb__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--text-faint);font-size:14px;text-transform:uppercase}.thumb__delete{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;border:none;border-radius:6px;background:#0d0f12c7;color:var(--text-dim);font-size:15px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.thumb:hover .thumb__delete{opacity:1}.thumb__delete:hover{color:var(--danger)}.thumb__check{position:absolute;left:4px;top:4px;width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(232,234,237,.35);border-radius:6px;background:#0d0f12b8;color:#0d0f12;font-size:12px;font-weight:700;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,border-color .15s}.thumb:hover .thumb__check,.thumb--selected .thumb__check{opacity:1}.thumb__check--on{background:var(--accent);border-color:var(--accent);color:#0d0f12}.library__hint{margin:0;font-size:11.5px;line-height:1.5;color:var(--text-faint)}.library__actions{display:flex;flex-direction:column;gap:6px}.viewer{position:relative;background:#08090b;display:flex;min-width:0;min-height:0}.viewer__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;background:#08090b}.viewer__canvas--grab{cursor:grab}.viewer__canvas--grab:active{cursor:grabbing}.viewer__toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;background:#16191ee0;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chip{appearance:none;border:none;background:transparent;color:var(--text-dim);font:inherit;font-size:12.5px;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.chip:hover:not(:disabled){background:var(--bg-elevated);color:var(--text)}.chip--active{background:var(--accent-soft);color:var(--accent)}.chip:disabled{opacity:.35;cursor:not-allowed}.viewer__meta{padding:0 12px 0 6px;font-size:11.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.crop{position:absolute;inset:0;overflow:hidden}.crop__shade{position:absolute;background:#08090b9e}.crop__frame{position:absolute;box-shadow:0 0 0 1px #ffffffe6;cursor:move;touch-action:none}.crop__grid span{position:absolute;background:#ffffff47;width:1px;top:0;bottom:0}.crop__grid span.crop__grid-h{width:auto;height:1px;inset:auto 0}.crop__corner{position:absolute;width:22px;height:22px;touch-action:none}.crop__corner:after{content:"";position:absolute;width:16px;height:16px;border:3px solid #fff}.crop__corner--nw{top:-3px;left:-3px;cursor:nwse-resize}.crop__corner--nw:after{top:0;left:0;border-right:none;border-bottom:none}.crop__corner--ne{top:-3px;right:-3px;cursor:nesw-resize}.crop__corner--ne:after{top:0;right:0;border-left:none;border-bottom:none}.crop__corner--sw{bottom:-3px;left:-3px;cursor:nesw-resize}.crop__corner--sw:after{bottom:0;left:0;border-right:none;border-top:none}.crop__corner--se{bottom:-3px;right:-3px;cursor:nwse-resize}.crop__corner--se:after{bottom:0;right:0;border-left:none;border-top:none}.crop__edge{position:absolute;touch-action:none}.crop__edge--n{top:-6px;left:22px;right:22px;height:12px;cursor:ns-resize}.crop__edge--s{bottom:-6px;left:22px;right:22px;height:12px;cursor:ns-resize}.crop__edge--w{left:-6px;top:22px;bottom:22px;width:12px;cursor:ew-resize}.crop__edge--e{right:-6px;top:22px;bottom:22px;width:12px;cursor:ew-resize}.aspect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.aspect{appearance:none;border:1px solid var(--border);background:var(--bg-input);color:var(--text-dim);font:inherit;font-size:12px;padding:8px 6px;border-radius:7px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.aspect:hover{border-color:var(--border-strong);color:var(--text)}.aspect--active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.crop-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.crop-actions .button{justify-content:center;text-align:center}.welcome{margin:auto;padding:32px;text-align:center;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:16px}.welcome__title{margin:0}.welcome__lead{margin:0;color:var(--text-dim);font-size:14px;line-height:1.65}.welcome__formats{margin:0;font-size:11.5px;color:var(--text-faint);letter-spacing:.05em}.welcome__spinner{width:26px;height:26px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:var(--bg-panel);border-left:1px solid var(--border);overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column}.panel__section{padding:16px;border-bottom:1px solid var(--border)}.panel__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel__section:has(.panel__actions) .panel__section-header{margin-bottom:10px}.panel__title{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.panel__reset{appearance:none;border:none;background:transparent;color:var(--text-dim);font:inherit;font-size:11.5px;padding:2px 6px;border-radius:5px;cursor:pointer}.panel__reset:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.panel__reset:disabled{opacity:.3;cursor:not-allowed}.panel__sliders{display:flex;flex-direction:column;gap:14px}.panel__sliders--disabled{opacity:.32;pointer-events:none}.panel__actions{display:flex;flex-direction:column;gap:10px}.panel__footer{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.panel__hint{margin:0;font-size:11.5px;line-height:1.55;color:var(--text-faint)}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.preset-grid--user{margin-top:8px}.preset-grid--disabled{opacity:.32;pointer-events:none}.preset{appearance:none;border:1px solid var(--border);background:var(--bg-input);color:var(--text-dim);font:inherit;font-size:12px;padding:8px 6px;border-radius:7px;cursor:pointer;text-align:center}.preset:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.preset--active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.preset--user{display:flex;align-items:stretch;padding:0;gap:0}.preset__apply{appearance:none;border:none;background:transparent;color:inherit;font:inherit;font-size:12px;padding:8px 6px 8px 8px;flex:1;text-align:left;cursor:pointer;min-width:0}.preset__delete{appearance:none;border:none;background:transparent;color:var(--text-faint);font:inherit;font-size:16px;line-height:1;padding:0 8px;cursor:pointer}.preset__delete:hover{color:var(--accent)}.preset-save{display:flex;flex-direction:column;gap:8px;margin-top:10px}.preset-grid+.panel__hint,.preset-save+.panel__hint,.form__error+.panel__hint{margin-top:10px}.curve-editor{display:block;width:100%;height:148px;border-radius:8px;border:1px solid var(--border);cursor:crosshair;touch-action:none}.hsl-bands{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.hsl-bands--disabled{opacity:.32;pointer-events:none}.hsl-band{appearance:none;border:1px solid var(--border);background:var(--bg-input);color:var(--text-dim);font:inherit;font-size:10.5px;padding:7px 4px 6px;border-radius:7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px}.hsl-band:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.hsl-band--active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.hsl-band--dirty .hsl-band__swatch{box-shadow:0 0 0 2px var(--bg-input),0 0 0 3px var(--accent)}.hsl-band__swatch{width:12px;height:12px;border-radius:99px;background:var(--swatch)}.hsl-band__label{line-height:1.2;text-align:center}.slider__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px}.slider__label{font-size:12.5px;color:var(--text-dim)}.slider__value{appearance:none;border:none;background:transparent;color:var(--text-faint);font:inherit;font-size:12px;font-variant-numeric:tabular-nums;padding:1px 5px;border-radius:4px;cursor:pointer}.slider__value:hover{background:var(--bg-elevated);color:var(--text)}.slider__value--modified{color:var(--accent)}.slider__track{position:relative;height:16px;display:flex;align-items:center}.slider__rail,.slider__fill{position:absolute;height:3px;border-radius:2px;pointer-events:none}.slider__rail{left:0;right:0;background:#2b313a}.slider__fill{background:var(--accent)}.slider__notch{position:absolute;width:1px;height:8px;background:var(--border-strong);pointer-events:none;transform:translate(-.5px)}.slider__input{position:relative;appearance:none;width:100%;height:16px;margin:0;background:transparent;cursor:pointer}.slider__input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#e8eaed;border:1px solid #0d0f12;box-shadow:0 1px 4px #0000008c;cursor:grab}.slider__input::-webkit-slider-thumb:active{cursor:grabbing;background:#fff}.slider__input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#e8eaed;border:1px solid #0d0f12;box-shadow:0 1px 4px #0000008c;cursor:grab}.slider__input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.modal__backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#08090bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:100%;max-width:380px;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 64px #0009;overflow:hidden}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 0}.modal__title{margin:0;font-size:17px;font-weight:600}.modal__subtitle{margin:5px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-faint)}.modal__close{appearance:none;border:none;background:transparent;color:var(--text-faint);font-size:22px;line-height:1;padding:2px 6px;border-radius:6px;cursor:pointer}.modal__close:hover{color:var(--text);background:var(--bg-elevated)}.modal__body{padding:18px}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;color:var(--text-dim);display:flex;justify-content:space-between;align-items:baseline}.field__value{color:var(--text);font-variant-numeric:tabular-nums}.field__input{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;padding:9px 11px;color:var(--text);font:inherit;font-size:13.5px}.field__input:focus{outline:none;border-color:var(--accent)}.field__input::placeholder{color:var(--text-faint)}.field__range{width:100%;accent-color:var(--accent)}.choices{display:flex;flex-direction:column;gap:5px}.choice{appearance:none;text-align:left;border:1px solid var(--border);background:var(--bg-input);color:var(--text-dim);font:inherit;font-size:13px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.choice:hover{border-color:var(--border-strong);color:var(--text)}.choice--active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.choice strong{display:block;font-weight:600;color:inherit}.choice__hint{display:block;margin-top:3px;font-size:11.5px;color:var(--text-faint)}.form__error{margin:0;font-size:12.5px;line-height:1.5;color:var(--danger)}.form__note{margin:0;font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.form__switch{appearance:none;border:none;background:transparent;color:var(--text-dim);font:inherit;font-size:12.5px;cursor:pointer;padding:2px}.form__switch:hover{color:var(--accent)}.field--check{flex-direction:row;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim)}.field--check input{accent-color:var(--accent)}.toast{position:fixed;bottom:22px;right:22px;z-index:90;max-width:380px;padding:12px 16px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text);font-size:13px;line-height:1.5;box-shadow:0 12px 32px #00000080;animation:toast-in .2s ease-out}.toast--error{border-color:var(--danger);color:#ffd4d4}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.fatal{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;text-align:center;background:var(--bg);color:var(--text)}.fatal h1{margin:0;font-size:22px}.fatal p{margin:0;max-width:420px;color:var(--text-dim);line-height:1.6}@media(max-width:960px){.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.library{display:none}.panel{border-left:none;border-top:1px solid var(--border);max-height:46vh}.topbar{gap:10px;padding:0 10px}.topbar__document{display:none}}