:root{--paper:#f7f1e7;--cream:#fffbf3;--ink:#26242b;--coral:#e87955;--border:#d6cabc}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}svg{width:20px;height:20px}.site-shell{max-width:1680px;margin:0 auto;padding:0 24px 50px}.site-header{justify-content:space-between;align-items:center;gap:24px;height:86px;display:flex}.brand-block{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.brand{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:12px;font-size:17px;font-weight:900;display:inline-flex}.brand-light{font-weight:500}.site-purpose{color:#716964;letter-spacing:.01em;margin:0 0 0 43px;font-size:11px;font-weight:700}.site-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:33px;padding-top:19px;display:flex}.footer-copyright{color:#716964;white-space:nowrap;font-size:12px;font-weight:700}.footer-actions{align-items:center;gap:9px;display:flex}.footer-icon{border:1px solid var(--ink);background:var(--ink);width:34px;height:34px;color:var(--cream);border-radius:50%;place-items:center;transition:background .16s,color .16s,transform .16s;display:inline-grid}.footer-icon svg{width:17px;height:17px}a.footer-icon:hover{background:var(--coral);color:var(--ink);transform:translateY(-2px)}a.footer-icon:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.footer-icon-inactive{opacity:.45}.language-links{color:#716964;white-space:nowrap;align-items:center;gap:9px;margin-left:10px;font-size:11px;font-weight:700;display:flex}.language-links a{color:inherit;text-decoration:none}.language-links a:hover,.language-links a[aria-current=page]{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.brand-icon{grid-template-columns:repeat(2,1fr);gap:3px;width:31px;height:31px;display:grid;transform:rotate(-6deg)}.brand-icon i{background:var(--ink);display:block}.brand-icon i:nth-child(2){background:#d0b19a}.brand-icon i:nth-child(3){background:#e79a6b}.brand-icon i:nth-child(4){background:var(--coral)}.studio-workspace{border:1px solid var(--ink);grid-template-columns:minmax(0,1.7fr) minmax(330px,.7fr);display:grid;box-shadow:8px 8px #ddcdbd}.preview-panel{background:var(--cream);flex-direction:column;min-width:0;display:flex}.panel-topline{color:#716964;border-bottom:1px solid #d8ccbe;padding:16px 23px;font-size:12px;font-weight:800}.preview-stage{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#eee7db 0 25%, #e3dacd 0 50%) 0 0 / 20px 20px;width:calc(100% - 46px);margin:23px auto;position:relative;overflow:hidden}.preview-stage canvas,.preview-stage img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.preview-stage img{-webkit-user-select:none;user-select:none;pointer-events:none}.compare-divider{cursor:ew-resize;background:#fffdf7;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 0 1px #352f34b8}.compare-divider:before{content:"";width:38px;position:absolute;top:0;bottom:0;left:-18px}.compare-divider span{border:1px solid var(--ink);pointer-events:none;background:#fffaf2;border-radius:50%;place-items:center;width:37px;height:37px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0002}.compare-divider span svg{width:20px;height:20px;display:block}.compare-divider:focus-visible{outline:none}.compare-divider:focus-visible span{outline:3px solid var(--coral);outline-offset:3px}.image-tag{color:#fff;letter-spacing:.12em;background:#221f23db;padding:8px 10px;font-size:9px;font-weight:800;position:absolute;top:15px}.tag-original{left:15px}.tag-result{right:15px}.drop-overlay{color:var(--ink);border:5px dashed var(--coral);background:#f7e4cce8;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;position:absolute;inset:0}.processing-indicator{background:#fffaf0e8;padding:8px 10px;font-size:11px;font-weight:800;position:absolute;bottom:15px;right:15px}.preview-toolbar{border-top:1px solid #e1d5c7;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:17px 23px;display:flex}.file-meta{min-width:0}.file-meta strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;display:block;overflow:hidden}.file-meta small{color:#827a73;margin-top:4px;font-size:10px;display:block}.studio-error{color:#b13e31;margin:0;padding:0 23px 16px;font-size:12px;line-height:1.5}.button{white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:800;transition:background .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-outline{border-color:var(--ink);height:48px;color:var(--ink);background:0 0;padding:0 14px}.button-outline:hover{background:#f4e9da}.button-outline svg{width:17px;height:17px}.controls-panel{background:var(--ink);color:#fffaf1;flex-direction:column;min-width:0;display:flex}.controls-panel .panel-topline{color:#eee5dc;border-color:#5a5356}.controls-inner{flex-direction:column;flex:1;padding:27px 27px 17px;display:flex}.range-list{gap:25px;display:grid}.range-control{display:block}.control-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:12px;font-weight:700;display:flex}.control-row output{color:#d9a58a;font-size:11px;font-weight:700}.range-control input{accent-color:#e78762;cursor:pointer;width:100%;height:4px;margin:0}.color-control{border-top:1px solid #514c51;justify-content:space-between;align-items:center;gap:10px;margin-top:26px;padding-top:23px;font-size:12px;font-weight:700;display:flex}.color-input-wrap{color:#d9a58a;align-items:center;gap:8px;font-size:10px;display:flex}.color-input-wrap input{appearance:none;cursor:pointer;background:0 0;border:1px solid #b7a8a0;width:23px;height:23px;padding:0}.color-input-wrap input::-webkit-color-swatch-wrapper{padding:2px}.color-input-wrap input::-webkit-color-swatch{border:0}.button-download{background:var(--coral);color:#211d20;justify-content:flex-start;width:100%;height:48px;margin-top:auto;padding:0 16px}.button-download:hover{background:#f29067}.button-download svg{width:18px;height:18px}.download-arrow{margin-left:auto;font-size:18px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (max-width:850px){.site-shell{padding:0 24px 36px}.studio-workspace{grid-template-columns:1fr}.controls-inner{grid-template-columns:1fr 1fr;gap:24px;display:grid}.range-list{grid-column:1/-1;grid-template-columns:1fr 1fr}.color-control,.button-download{grid-column:1/-1;margin-top:0}}@media (max-width:560px){.site-shell{padding:0 16px 28px}.site-header{height:70px}.site-footer{flex-wrap:wrap;gap:12px;margin-top:26px;padding-top:16px}.footer-actions{gap:6px;margin-left:auto}.footer-icon{width:30px;height:30px}.language-links{gap:6px;margin-left:4px}.brand{gap:9px;font-size:14px}.brand-icon{width:26px;height:26px}.site-purpose{margin-left:35px;font-size:10px}.studio-workspace{box-shadow:5px 5px #ddcdbd}.panel-topline{padding:13px 14px}.preview-stage{width:calc(100% - 28px);margin:14px auto}.image-tag{padding:6px;font-size:7px;top:8px}.tag-original{left:8px}.tag-result{right:8px}.preview-toolbar{flex-wrap:wrap;padding:13px 14px}.file-meta strong{max-width:240px}.upload-button{width:100%}.controls-inner{padding:23px 17px;display:block}.range-list{grid-template-columns:1fr;gap:20px;display:grid}.color-control{margin-top:25px}.button-download{margin-top:28px}}