*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fff;--fg: #000;--border: #000;--accent: #000;--hover: #ff0000;--selection: #ffff00}html{font-size:16px}body{font-family:monospace;background:var(--bg);color:var(--fg);line-height:1.4}#app{max-width:1800px;margin:0 auto;padding:1rem}header{border-bottom:2px solid var(--border);padding-bottom:1rem;margin-bottom:1rem}h1{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}h3{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:.5rem}#controls{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}input[type=file]{display:none}#dropzone{border:2px solid var(--border);padding:2rem;text-align:center;display:none}#dropzone.visible{display:block}#toggle-upload{font-size:.75rem;padding:.25rem .5rem}#dropzone:hover,#dropzone.dragover{background:var(--selection)}#dropzone p{margin-bottom:1rem;font-size:.875rem}.dropzone-buttons{display:flex;gap:.5rem;justify-content:center}button,.dropzone-buttons label{font-family:monospace;font-size:.875rem;padding:.5rem 1rem;background:var(--bg);color:var(--fg);border:2px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.05em}button:hover:not(:disabled),.dropzone-buttons label:hover{background:var(--fg);color:var(--bg)}button:focus,.dropzone-buttons label:focus{outline:2px solid var(--hover);outline-offset:2px}button:disabled{opacity:.3;cursor:not-allowed}button.mode-btn.active{background:var(--fg);color:var(--bg)}#backend-controls{display:flex;gap:0;align-items:stretch}#backend-controls select,#backend-controls input{font-family:monospace;font-size:.75rem;padding:.35rem .5rem;border:2px solid var(--border);background:var(--bg);color:var(--fg);border-radius:0;-webkit-appearance:none;appearance:none}#backend-controls select{padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath d='M0 0l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}#backend-controls input:not([hidden]){border-left:none}#text-prompt:not([hidden]){flex:1;min-width:14rem;border-left:2px solid #000}#text-prompt:not([hidden]):focus{outline:2px solid #000;outline-offset:-2px}#iiif-controls{display:flex;gap:0;align-items:stretch;width:100%}#iiif-url{flex:1;font-family:monospace;font-size:.875rem;padding:.5rem;border:2px solid var(--border);background:var(--bg);color:var(--fg)}#iiif-start,#iiif-end{width:5rem;font-family:monospace;font-size:.875rem;padding:.5rem;border:2px solid var(--border);border-left:0;background:var(--bg);color:var(--fg)}#iiif-load{border-left:0}#iiif-random{border-left:0;font-size:1rem;padding:.35rem .6rem}#status{margin-top:1rem;font-size:.875rem;padding:.5rem;border-left:4px solid var(--border)}#progress-container{margin-top:1rem;border:2px solid var(--border);height:1.5rem;position:relative}#progress-bar{height:100%;background:var(--fg);width:0%;transition:width .2s linear}#progress-text{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--bg);mix-blend-mode:difference}#image-list{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.image-thumb{width:60px;height:60px;object-fit:cover;border:2px solid var(--border);cursor:pointer}.image-thumb:hover{border-color:var(--hover)}.image-thumb.active{outline:3px solid var(--fg);outline-offset:2px}.image-thumb.embedded{border-color:#0c0;box-shadow:0 0 0 2px #0c0}#gofast-label{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.75rem;text-transform:uppercase;cursor:pointer;padding:.35rem .5rem;border:2px solid var(--border);-webkit-user-select:none;user-select:none}#gofast-label[hidden]{display:none}#gofast-toggle{appearance:none;-webkit-appearance:none;width:1.1em;height:1.1em;border:2px solid var(--border);background:var(--bg);cursor:pointer;position:relative;flex-shrink:0}#gofast-toggle:checked{background:var(--fg)}#gofast-toggle:checked:after{content:"";position:absolute;left:2px;top:-1px;width:5px;height:9px;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(45deg)}#workspace{display:flex;gap:1rem;align-items:flex-start}#fragments-panel{flex:1 1 auto;max-width:50%}#collage-panel{flex:1 1 auto}#fragments-panel h3,#collage-panel h3{display:flex;align-items:center;justify-content:space-between}#fragments-panel h3 button,#collage-panel h3 button{font-size:.75rem;padding:.25rem .5rem}.info-wrap{position:relative;display:inline-flex;align-items:center}.info-trigger{font-family:monospace;font-size:.6rem;font-weight:700;width:1.4em;height:1.4em;text-align:center;border:1.5px solid var(--border);border-radius:50%;cursor:help;display:inline-flex;align-items:center;justify-content:center;margin-left:2px}.info-popover{display:none;position:absolute;bottom:calc(100% + 4px);right:0;background:var(--fg);color:var(--bg);font-size:.75rem;padding:.5rem;border:2px solid var(--border);width:240px;z-index:100;text-transform:none;letter-spacing:normal;font-weight:400}.info-wrap:hover .info-popover{display:block}#fragment-actions{display:flex;gap:0;margin-bottom:.5rem}#fragment-actions button{font-size:.75rem;padding:.25rem .5rem;border-left-width:0}#fragment-actions button:first-child{border-left-width:2px}#fragment-actions button.active{background:var(--fg);color:var(--bg)}#fragment-actions #mode-reconstruct{margin-right:.75rem}#fragment-actions #fb-good{border-left-width:2px}#fragments-container{border:2px solid var(--border);background:#fff;min-height:300px;max-height:600px;overflow:auto;position:relative}#fragments-container.grid-view{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;align-items:flex-start;align-content:flex-start}#fragments-container.reconstructed-view{display:block;position:relative;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.fragment{transition:none;image-rendering:auto;border:1px solid transparent}.grid-view .fragment{position:relative;max-width:120px;max-height:120px;cursor:pointer}.reconstructed-view .fragment{position:absolute;cursor:pointer}.fragment:hover{border-color:var(--hover)}.fragment.selected{outline:3px solid var(--fg);outline-offset:1px}.fragment.fb-good{border-left:3px solid #0a0}.fragment.fb-bad{opacity:.4;border-left:3px solid #a00}.fragment.fb-hidden{display:none}.reconstructed-view .original-ghost{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.75;pointer-events:none;z-index:0}.reconstructed-view .fragment.bg-segment{pointer-events:none;opacity:.85}#canvas-wrapper{border:2px solid var(--border);display:inline-block;position:relative;background:#fff}#collage-canvas{display:block;background:#fff}#colophon{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.75rem;color:#666}#colophon a{color:var(--fg)}#backend-watermark{position:fixed;top:-100vh;left:-100vw;width:400vw;height:400vh;z-index:0;pointer-events:none;transform:rotate(-60deg);display:flex;flex-direction:column;justify-content:center;gap:1rem;opacity:.06}#backend-watermark .wm-line{white-space:nowrap;font-family:Arial Black,Impact,sans-serif;font-weight:900;font-size:96px;text-transform:uppercase;letter-spacing:.05em;line-height:1;color:var(--fg)}#backend-watermark .wm-line:nth-child(2n){margin-left:200px}