:root{--paper:#fff;--ink:#000;--muted:#8a8a8a;--rule:#000;--faint:#e6e6e6;--stage:#f4f4f2;--serif:"Times New Roman", Times, "Liberation Serif", serif;--panel-w:340px;--cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath d='M3 3L14 14M14 3L3 14' stroke='%23000' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E") 8 8, default;--cursor-hot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath d='M3 3L14 14M14 3L3 14' stroke='%23000' stroke-width='2.5' stroke-linecap='square'/%3E%3C/svg%3E") 8 8, pointer;--edge:16px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:15px/1.35 var(--serif);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-transform:lowercase;cursor:var(--cursor);grid-template-rows:auto 1fr auto;display:grid}::selection{background:var(--ink);color:var(--paper)}*{scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--ink);border:3px solid var(--paper);border-radius:0}::-webkit-scrollbar-thumb:hover{border-width:2px}::-webkit-scrollbar-corner{background:var(--paper)}button,input,select,option,optgroup{font:inherit;color:inherit;text-transform:lowercase}[hidden]{display:none!important}.top{padding:var(--edge);border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid}.top h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:400;line-height:1}.top nav{gap:18px;display:flex}.link{cursor:var(--cursor-hot);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.link:disabled{color:var(--muted);cursor:var(--cursor);font-style:normal}.btn{background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:var(--cursor-hot);letter-spacing:.02em;border-radius:0;padding:7px 18px 6px}.btn:hover{background:var(--paper);color:var(--ink)}.btn:disabled{background:var(--paper);color:var(--muted);border-color:var(--muted);cursor:var(--cursor);font-style:normal}main{grid-template-columns:1fr var(--panel-w);min-height:0;display:grid}.stage{background:var(--stage);border-right:1px solid var(--rule);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.stage.dragging{outline:1px dashed var(--ink);outline-offset:-12px}.drop{text-align:center;flex:1;place-items:center;padding:32px;display:grid}.drop .big{letter-spacing:-.02em;margin:0 0 10px;font-size:34px}.drop .small{color:var(--muted);margin:0 0 22px;line-height:1.5}.canvas-wrap{min-height:0;padding:calc(var(--edge) * 2);flex:1;place-items:center;display:grid;overflow:hidden}#view{max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:var(--paper);box-shadow:0 0 0 1px var(--ink);cursor:grab;touch-action:none;display:block}#view.grabbing{cursor:grabbing}.crop-bar{padding:8px var(--edge);border-bottom:1px solid var(--rule);background:var(--paper);align-items:center;gap:16px;display:flex}.crop-bar #cropInfo{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-style:italic;overflow:hidden}.crop-bar .btn{padding:4px 14px 3px}.cropper{touch-action:none;box-shadow:0 0 0 1px var(--ink);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cropper canvas{width:100%;height:100%;display:block}.crop-box{cursor:move;border:1px solid var(--ink);position:absolute;box-shadow:0 0 0 1px #ffffffd9,0 0 0 100vmax #ffffff9e}.crop-box .g{pointer-events:none;background:#0000004d;position:absolute}.crop-box .g1,.crop-box .g2{width:1px;top:0;bottom:0}.crop-box .g1{left:33.333%}.crop-box .g2{left:66.666%}.crop-box .g3,.crop-box .g4{height:1px;left:0;right:0}.crop-box .g3{top:33.333%}.crop-box .g4{top:66.666%}.crop-box b{background:var(--paper);border:1px solid var(--ink);width:11px;height:11px;margin:-6px 0 0 -6px;position:absolute}.crop-box b:before{content:"";position:absolute;inset:-9px}.crop-box b:hover,.crop-box b.on{background:var(--ink)}.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}.trim{padding:12px calc(var(--edge) + 6px) 12px var(--edge);border-top:1px solid var(--rule);background:var(--paper);grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.trim-track{background:var(--faint);touch-action:none;-webkit-user-select:none;user-select:none;height:22px;position:relative}.trim-win{cursor:move;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);position:absolute;top:0;bottom:0}.trim-win b{background:var(--ink);cursor:ew-resize;width:7px;position:absolute;top:-5px;bottom:-5px}.trim-win b:before{content:"";position:absolute;inset:0 -8px}.trim-win [data-t=in]{left:-7px}.trim-win [data-t=out]{right:-7px}.transport{padding:10px var(--edge);border-top:1px solid var(--rule);background:var(--paper);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.mono{text-align:right;min-width:9ch}.tray{padding:10px var(--edge);border-top:1px solid var(--rule);background:var(--paper);gap:8px;display:flex;overflow-x:auto}.tray button{border:1px solid var(--faint);background:var(--paper) center/cover no-repeat;width:56px;height:56px;cursor:var(--cursor-hot);isolation:isolate;flex:none;padding:0;position:relative;overflow:hidden}.tray button.on{border-color:var(--ink);outline:1px solid var(--ink)}.tray button.picked{border-color:var(--ink)}.tray button.picked:after{content:attr(data-pick);background:var(--ink);color:var(--paper);padding:2px 5px 3px;font-size:11px;font-style:italic;line-height:1;position:absolute;top:0;left:0}.tray button.pair span,.pair-thumb span{filter:grayscale()contrast(1.1);background:50%/cover no-repeat;position:absolute;inset:0}.tray button.pair span+span,.pair-thumb span+span{mix-blend-mode:screen}.tray button.pair:after{content:"a+b";background:var(--paper);color:var(--ink);padding:2px 4px 3px;font-size:10px;line-height:1;position:absolute;bottom:0;right:0}.pair-pop{z-index:5;max-width:calc(100% - 2 * var(--edge));background:var(--paper);border:1px solid var(--ink);align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pair-thumb{isolation:isolate;border:1px solid var(--faint);flex:none;width:36px;height:36px;position:relative;overflow:hidden}.pair-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pair-pop .btn{flex:none;padding:4px 14px 3px}.pair-pop .link{flex:none}.panel{padding:0 var(--edge) var(--edge);overflow-y:auto}.panel[aria-disabled=true] section:not(:first-child){opacity:.35;pointer-events:none}.panel [inert]{opacity:.35}.panel section{border-bottom:1px solid var(--faint);padding:14px 0 12px}.panel section:last-child{border-bottom:0}.panel h2{margin:0 0 10px;font-size:15px;font-weight:400}.row{grid-template-columns:92px 1fr 54px;align-items:center;gap:10px;min-height:28px;font-size:13px;display:grid}.row>span{white-space:nowrap}.row output,.row>em{text-align:right;color:var(--muted);font-size:12px}.row.check{grid-template-columns:92px auto 1fr}.row select,.row input[type=number]{grid-column:2}.row select:only-of-type:last-child{grid-column:2/4}select,input[type=number]{border:0;border-bottom:1px solid var(--ink);appearance:none;width:100%;min-width:0;cursor:var(--cursor-hot);background:0 0;border-radius:0;padding:2px 0}select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6'%3E%3Cpath d='M0 0l4.5 6L9 0z'/%3E%3C/svg%3E") right 2px center no-repeat;padding-right:16px}input[type=number]{cursor:text;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{display:none}input[type=number]:disabled{color:var(--muted);border-bottom-color:var(--faint)}select:focus,input:focus{outline:none}select:focus-visible,input:focus-visible{outline:1px dotted var(--ink);outline-offset:2px}input[type=range]{appearance:none;width:100%;height:18px;cursor:var(--cursor-hot);background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--ink);height:1px}input[type=range]::-moz-range-track{background:var(--ink);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:1px solid var(--ink);border-radius:0;width:9px;height:15px;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--paper);border:1px solid var(--ink);border-radius:0;width:9px;height:15px}input[type=range]:hover::-webkit-slider-thumb{background:var(--ink)}input[type=range]:hover::-moz-range-thumb{background:var(--ink)}input[type=checkbox]{appearance:none;border:1px solid var(--ink);background:var(--paper);width:13px;height:13px;cursor:var(--cursor-hot);margin:0}input[type=checkbox]:checked{background:var(--ink);box-shadow:inset 0 0 0 2px var(--paper)}.files{counter-reset:f;margin:0;padding:0;list-style:none}.files li{grid-template-columns:22px 1fr auto;align-items:baseline;gap:6px;padding:3px 0;display:grid}.files li:before{counter-increment:f;content:counter(f, upper-alpha) ".";color:var(--muted);font-style:italic}.files.numbered li:before{content:counter(f) "."}.files li.muted:before{content:""}.files .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.files .meta{color:var(--muted);font-size:13px}.muted{color:var(--muted)}.layer-pick{align-items:center;gap:8px;min-height:30px;font-size:13px;display:flex}.layer-pick span{width:92px}.chip{border:1px solid var(--ink);background:var(--paper);width:28px;height:24px;cursor:var(--cursor-hot);padding:0}.chip.on{background:var(--ink);color:var(--paper);font-style:italic}.note{color:var(--muted);margin:6px 0 0;font-size:13px;font-style:italic}.actions{align-items:center;gap:16px;margin:12px 0 0;display:flex}.progress{background:var(--faint);height:1px;margin-top:12px}.progress div{background:var(--ink);width:0;height:1px;transition:width .1s linear}.status{border-top:1px solid var(--rule);padding:var(--edge);justify-content:space-between;gap:16px;font-size:13px;line-height:1;display:flex}.status .err{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}@media (width<=820px){body{height:auto;display:block}:root{--edge:14px}main{grid-template-columns:1fr}.stage{border-right:0;border-bottom:1px solid var(--rule);min-height:60vh}.canvas-wrap{padding:var(--edge);min-height:50vh}.panel{overflow:visible}.drop .big{font-size:26px}}