*{box-sizing:border-box}body{color:#20242c;background:#f6f7f9;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,.file-action,select{color:#20242c;background:#fff;border:1px solid #c8ced8;border-radius:6px;min-height:36px}button,.file-action{cursor:pointer;padding:0 12px}button:hover,.file-action:hover,select:hover{border-color:#7f8a9a}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.toolbar{background:#fff;border-bottom:1px solid #d9dee7;grid-template-columns:minmax(190px,240px) minmax(150px,190px) minmax(160px,1fr) minmax(160px,1fr) auto;align-items:end;gap:12px;padding:14px 16px;display:grid}.field{gap:6px;display:grid}.field label{color:#4d5664;font-size:12px;font-weight:700}.field select,.field input[type=range]{width:100%}.actions{flex-wrap:wrap;gap:8px;display:flex}.file-action{align-items:center;display:inline-flex}#dynamic{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.progress-panel{color:#536070;grid-column:1/-1;grid-template-columns:repeat(5,minmax(120px,1fr));align-items:center;gap:8px 16px;padding-top:2px;font-size:13px;display:grid}.progress-panel progress{accent-color:#2f7d6d;grid-column:1/-1;width:100%;height:10px}.progress-line{gap:2px;min-width:0;display:grid}.progress-label{color:#6a7482;text-transform:uppercase;font-size:11px;font-weight:700}.progress-value{overflow-wrap:anywhere;color:#20242c;min-height:18px}.workspace{min-width:0;min-height:0;padding:16px;display:block;overflow:auto}.playground{background:#7f8793;border:1px solid #d1d7e0;min-width:0;min-height:280px;overflow:hidden}#original{max-width:100%;height:auto;display:block}.playground{touch-action:none;position:relative}.solve-board,.piece-tray{background:#ffffff29;border:1px solid #ffffff94;position:absolute;top:0}.solve-board{left:0}.piece-tray{background:linear-gradient(#fff3,#fff3),repeating-linear-gradient(45deg,#ffffff24 0 10px,#20242c14 10px 20px)}.source-preview{z-index:20;opacity:0;pointer-events:none;background:#ffffffdb;border:1px solid #ffffffb8;max-width:min(420px,100% - 24px);max-height:calc(100% - 24px);transition:opacity .14s,transform .14s;position:absolute;top:12px;left:12px;overflow:hidden;transform:translateY(-4px);box-shadow:0 16px 40px #1218213d}.source-preview.visible{opacity:1;transform:translateY(0)}#result,#gpu-result{display:none}#result.active,#gpu-result.active{display:block}#result{z-index:5;position:absolute;inset:0}#gpu-result{z-index:5;touch-action:none;position:absolute;inset:0}.puzzle-piece{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media (width<=860px){.toolbar{grid-template-columns:1fr}.actions{align-items:stretch}.actions>*{flex:130px}.progress-panel{grid-template-columns:1fr}}