.layout{max-width:var(--container);padding:var(--gutter);grid-template-columns:290px minmax(0,1fr) 330px;grid-template-areas:"settings main history";align-items:start;gap:20px;margin:0 auto;display:grid}.panel{grid-area:settings;position:sticky;top:80px}.work{grid-area:main;min-width:0;padding:22px 24px 24px}.history{flex-direction:column;grid-area:history;max-height:calc(100vh - 104px);display:flex;position:sticky;top:80px;overflow:hidden}.panel section{border-bottom:1px solid var(--separator);padding:18px 20px}.panel section:last-child{border-bottom:0}.section-title{margin:0 0 12px;font-size:15px;font-weight:600}.panel .field{margin-top:14px}.panel .field:first-child,.row .field{margin-top:0}.sub{margin-top:14px}.switch-row+.field,.field+.switch-row,.panel .chips{margin-top:10px}.row{align-items:flex-end;gap:8px;margin-bottom:6px;display:flex}.row .field{flex:1}.times{height:36px;color:var(--muted);align-items:center;display:flex}.work-head h2{font-size:var(--text-xl);margin:0;font-weight:600}.subtitle{color:var(--muted);margin:4px 0 0}.work .dropzone{margin-top:18px}.list{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.list:empty{display:none}.file-card{border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.thumb{border-radius:var(--radius);background:repeating-conic-gradient(var(--fill) 0 25%, transparent 0 50%) 0 0 / 12px 12px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.thumb img{max-width:100%;max-height:100%}.thumb img:not([src]){display:none}.info{min-width:0}.name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.meta{font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 8px;margin-top:2px;display:flex}.arrow{color:var(--accent)}.out{color:var(--text)}.file-card-actions{align-items:center;gap:6px;display:flex}.file-card[data-state=working] .download{visibility:hidden}.file-card[data-state=working] .badge{display:none}.file-card[data-state=working] .out{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.file-card[data-state=working] .out:before{content:"";border:2px solid var(--fill-strong);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite ds-spin}.file-card[data-state=error] .out{color:var(--danger)}.file-card[data-state=error] :is(.download,.badge,.crop){display:none}.toolbar{border-top:1px solid var(--separator);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}#summary{color:var(--muted);font-variant-numeric:tabular-nums}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.btn.pulse{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 4px var(--focus)}.history-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 8px;display:flex}.history-head h2{font-size:var(--text-lg);margin:0;font-weight:600}.history-head .hint{margin:2px 0 0;display:block}.history-list{flex:1;min-height:0;margin:0;padding:0 10px 8px;list-style:none;overflow-y:auto}.history-list:empty{display:none}.history-day{z-index:1;background:var(--surface);font-size:var(--text-sm);color:var(--muted);padding:10px 10px 6px;font-weight:600;position:sticky;top:0}.history-item{border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:grid}.history-item+.history-item{box-shadow:0 -1px 0 var(--separator)}.history-item:hover{background:var(--surface-2);box-shadow:none}.history-item:hover+.history-item{box-shadow:none}.history-item .thumb{border-radius:9px;width:40px;height:40px}.history-item .meta{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.saving{font-weight:600}.saving.good{color:var(--success)}.saving.bad{color:var(--danger)}.history-item .delete{opacity:0;transition:opacity .15s}.history-item:hover .delete,.history-item .delete:focus-visible{opacity:1}@media (hover:none){.history-item .delete{opacity:1}}.history-foot{border-top:1px solid var(--separator);padding:12px 20px 16px}.history-foot .hint{margin-top:4px}.site-footer{text-align:center;color:var(--muted);font-size:var(--text-sm);padding:4px 20px 32px}.crop-inner{flex-direction:column;gap:14px;padding:20px;display:flex}.crop-head h2{font-size:var(--text-lg);margin:0;font-weight:600}.crop-head .chips{margin-top:12px}.crop-stage-wrap{border-radius:var(--radius-md);background:repeating-conic-gradient(var(--fill) 0 25%, transparent 0 50%) 0 0 / 16px 16px, var(--surface-2);justify-content:center;padding:12px;display:flex;overflow:hidden}.crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;line-height:0;position:relative}.crop-stage canvas{cursor:crosshair;display:block}.crop-box{cursor:move;--g:#ffffff73;background:linear-gradient(to right, transparent calc(100% / 3 - .5px), var(--g) 0 calc(100% / 3 + .5px), transparent 0 calc(200% / 3 - .5px), var(--g) 0 calc(200% / 3 + .5px), transparent 0), linear-gradient(to bottom, transparent calc(100% / 3 - .5px), var(--g) 0 calc(100% / 3 + .5px), transparent 0 calc(200% / 3 - .5px), var(--g) 0 calc(200% / 3 + .5px), transparent 0);outline:1.5px solid #fff;position:absolute;box-shadow:0 0 0 9999px #00000080}.crop-box:focus-visible{outline:2px solid var(--accent);box-shadow:0 0 0 9999px #00000080}.crop-box span{background:#fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 1px 4px #00000073}.crop-box [data-h=nw]{cursor:nwse-resize;top:0;left:0}.crop-box [data-h=n]{cursor:ns-resize;top:0;left:50%}.crop-box [data-h=ne]{cursor:nesw-resize;top:0;left:100%}.crop-box [data-h=e]{cursor:ew-resize;top:50%;left:100%}.crop-box [data-h=se]{cursor:nwse-resize;top:100%;left:100%}.crop-box [data-h=s]{cursor:ns-resize;top:100%;left:50%}.crop-box [data-h=sw]{cursor:nesw-resize;top:100%;left:0}.crop-box [data-h=w]{cursor:ew-resize;top:50%;left:0}.crop-box[data-locked=true] :is([data-h=n],[data-h=e],[data-h=s],[data-h=w]){display:none}@media (pointer:coarse){.crop-box span{width:24px;height:24px;margin:-12px 0 0 -12px}}.crop-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.crop-size{color:var(--muted);font-variant-numeric:tabular-nums}@media (max-width:1240px){.layout{grid-template-columns:280px minmax(0,1fr);grid-template-areas:"settings main""settings history"}.history{max-height:560px;position:static}}@media (max-width:860px){.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"settings""main""history";gap:16px}.panel{position:static}.work{padding:18px 16px}.file-card{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.file-card .thumb{grid-row:span 2;width:44px;height:44px}.file-card .info{grid-column:2/4}.file-card .badge{grid-area:2/2;justify-self:start}.file-card .file-card-actions{grid-area:2/3}}