:root{--c-bg:#060b16;--surface_1:#0c1626;--surface_2:#111f36;--surface_3:#1a2b48;--line:#223252;--line_strong:#34486f;--text:#e6edfb;--text_dim:#8fa4c9;--accent:#4c8dff;--accent_hover:#6ba4ff;--accent_text:#041226;--danger:#ff6b7d;--radius:10px}*{box-sizing:border-box}html,body{margin:0}html{color:var(--text);background-color:var(--c-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.35}body{min-height:100vh}input[type=text],input[type=number],select{border:1px solid var(--line);background:var(--surface_3);color:var(--text);font:inherit;border-radius:6px;min-width:0;padding:5px 7px;transition:border-color .15s;font-size:.8rem}input[type=number]{font-variant-numeric:tabular-nums}input:focus,select:focus{outline:none;border-color:var(--accent)}input[type=range],input[type=checkbox]{accent-color:var(--accent)}input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:40px;height:28px;padding:0}.hidden{display:none!important}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}#seo{max-width:720px;margin:12vh auto 0;padding:0 20px}#seo h1{font-size:1.4rem}#seo p,#seo ul{color:var(--text_dim);font-size:.9rem}#seo ul{padding-left:18px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--line_strong);border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-track{background:0 0}ei-root{display:block;height:100vh}ei-root ei-builder-page{display:flex;height:100%}ei-button{all:unset;display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface_2);color:var(--text);white-space:nowrap;cursor:pointer;user-select:none;flex-shrink:0;align-items: center;gap:6px;padding:7px 12px;transition:background-color .15s,border-color .15s,color .15s;font-size:.85rem;line-height:1}ei-button:hover{background:var(--surface_3);border-color:var(--line_strong)}ei-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}ei-button[variant=accent]{background:var(--accent);border-color:var(--accent);color:var(--accent_text)}ei-button[variant=accent]:hover{background:var(--accent_hover);border-color:var(--accent_hover)}ei-button[variant=ghost]{background:0 0;border-color:#0000}ei-button[variant=ghost]:hover{background:var(--surface_3)}ei-button[variant=danger]:hover{color:var(--danger);border-color:var(--danger)}ei-button[disabled]{opacity:.45;pointer-events:none}ei-button:has([disabled]){opacity:.45;pointer-events:none}ei-button svg{flex-shrink:0}ei-field{display:flex;flex-direction:column;flex:64px;gap:3px;min-width:0}ei-field .label{letter-spacing:.04em;text-transform:uppercase;color:var(--text_dim);font-size:.68rem}ei-field .hint{color:var(--text_dim);font-size:.68rem}ei-field>input{width:100%}ei-field>select{width:100%}ei-select{display:flex;min-width:0}ei-select select{width:100%}ei-slider{display:flex;align-items: center;gap:8px;min-width:0}ei-slider input[type=range]{flex:1;min-width:0}ei-slider input[type=number]{flex-shrink:0;width:64px}ei-spinner{display:inline-block;flex-shrink:0;width:16px;height:16px}ei-spinner .dot{border:2px solid var(--line_strong);border-top-color:var(--accent);animation:.7s linear infinite ei-spin;border-radius:50%;width:100%;height:100%}@keyframes ei-spin{to{transform:rotate(360deg)}}ei-pipeline-node-card{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface_2);flex-direction:row;align-items:stretch;gap:10px;padding:10px;transition:border-color .15s}ei-pipeline-node-card .main{display:flex;flex-direction:column;flex:1;gap:8px;min-width:0}ei-pipeline-node-card.loading{border-color:var(--accent)}ei-pipeline-node-card.failed{border-color:var(--danger)}ei-pipeline-node-card.dragging{opacity:.5}ei-pipeline-node-card.drop_before{box-shadow:0 -3px 0 -1px var(--accent)}ei-pipeline-node-card.drop_after{box-shadow:0 3px 0 -1px var(--accent)}ei-pipeline-node-card.drop_inside{box-shadow:inset 0 0 0 2px var(--accent)}ei-pipeline-node-card .head{display:flex;align-items: center;gap:8px}ei-pipeline-node-card .grip{display:inline-flex;color:var(--text_dim);cursor:grab;user-select:none;align-items: center}ei-pipeline-node-card .grip:active{cursor:grabbing}ei-pipeline-node-card .kind{display:inline-flex;background:var(--surface_3);border-radius:999px;align-items: center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:600}ei-pipeline-node-card .kind.kind_convert{color:#63b3ff}ei-pipeline-node-card .kind.kind_resize{color:#8f9dff}ei-pipeline-node-card .kind.kind_crop{color:#4fd6e0}ei-pipeline-node-card .input_ref{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text_dim);font-size:.7rem}ei-pipeline-node-card .head_actions{display:flex;gap:4px;margin-left:auto}ei-pipeline-node-card .body{display:flex;flex-wrap:wrap;gap:8px}ei-pipeline-node-card .foot{display:flex;border-left:1px solid var(--line);flex-shrink:0;justify-content:center;align-items: center;padding-left:10px}ei-pipeline-node-card .preview_wrap{display:flex;border:1px solid var(--line);background-image:linear-gradient(45deg,var(--surface_3)25%,transparent 25%),linear-gradient(-45deg,var(--surface_3)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface_3)75%),linear-gradient(-45deg,transparent 75%,var(--surface_3)75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:6px;flex-shrink:0;justify-content:center;align-items: center;width:56px;height:56px;padding:3px}ei-pipeline-node-card .preview_wrap .preview{object-fit:contain;max-width:100%;max-height:100%}ei-add-operation{display:flex;border:1px dashed var(--line_strong);border-radius:var(--radius);background:var(--surface_1);flex-wrap:wrap;gap:6px;padding:8px}ei-run-controls{display:flex;align-items: center;gap:10px}ei-run-controls .auto{display:inline-flex;color:var(--text_dim);cursor:pointer;user-select:none;align-items: center;gap:6px;font-size:.78rem}ei-run-controls .run_status{display:inline-flex;color:var(--text_dim);align-items: center;gap:6px;margin-left:auto;font-size:.75rem}ei-pipeline-builder{display:flex;flex-direction:column;gap:10px;min-height:0}ei-pipeline-builder .head{display:flex;align-items: center;gap:12px}ei-pipeline-builder .head .title{letter-spacing:.02em;font-size:.9rem;font-weight:700}ei-pipeline-builder .head ei-run-controls{margin-left:auto}ei-pipeline-builder .list{display:flex;overflow:auto;flex-direction:column;gap:10px;padding-right:4px}ei-pipeline-builder .hint{color:var(--text_dim);padding:10px 2px;font-size:.78rem}ei-pipeline-builder .children{display:flex;border-left:2px solid var(--line);flex-direction:column;gap:10px;margin-left:12px;padding-left:12px}ei-pipeline-builder ei-add-operation.branch{border-color:var(--accent)}.op_form{display:flex;flex-wrap:wrap;gap:8px;width:100%}.op_note{letter-spacing:.04em;text-transform:uppercase;color:var(--text_dim);flex-basis:100%;font-size:.68rem}.aspect_group{display:flex;flex-wrap:wrap;flex-basis:100%;align-items: flex-end;gap:8px}.aspect_lock{display:inline-flex;color:var(--text_dim);white-space:nowrap;cursor:pointer;user-select:none;align-items: center;gap:6px;padding-bottom:7px;font-size:.72rem}ei-result-gallery{display:flex;flex-direction:column;gap:10px;min-height:0}ei-result-gallery .head{display:flex;align-items: center;gap:12px}ei-result-gallery .head .title{letter-spacing:.02em;font-size:.9rem;font-weight:700}ei-result-gallery .head ei-button{margin-left:auto}ei-result-gallery .body{display:flex;overflow:auto;flex-direction:column;gap:8px;padding-right:4px}ei-result-gallery .body.empty{color:var(--text_dim);justify-content:center;align-items: center;min-height:120px}ei-result-gallery .placeholder{display:flex;flex-direction:column;align-items: center;gap:8px;font-size:.78rem}ei-result-gallery .item{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface_2);align-items: center;gap:10px;padding:8px}ei-result-gallery .thumb_wrap{display:flex;border:1px solid var(--line);background-image:linear-gradient(45deg,var(--surface_3)25%,transparent 25%),linear-gradient(-45deg,var(--surface_3)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface_3)75%),linear-gradient(-45deg,transparent 75%,var(--surface_3)75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:6px;flex-shrink:0;justify-content:center;align-items: center;width:52px;height:52px;padding:3px}ei-result-gallery .thumb{object-fit:contain;max-width:100%;max-height:100%}ei-result-gallery .info{display:flex;flex-direction:column;gap:3px;min-width:0}ei-result-gallery .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600}ei-result-gallery .row{display:flex;color:var(--text_dim);gap:6px;font-size:.72rem}ei-source-dropzone{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface_2);transition:border-color .15s,background-color .15s}ei-source-dropzone.dragging{border-color:var(--accent);background:var(--surface_3)}ei-source-dropzone .body{display:flex;flex-wrap:wrap;align-items: center;gap:12px;width:100%;padding:12px}ei-source-dropzone .body.empty{text-align:center;flex-direction:column;justify-content:center;gap:6px;padding:28px 16px}ei-source-dropzone .icon{color:var(--text_dim)}ei-source-dropzone .title{font-size:.95rem;font-weight:600}ei-source-dropzone .subtitle{color:var(--text_dim);margin-bottom:8px;font-size:.78rem}ei-source-dropzone .preview_wrap{display:flex;border:1px solid var(--line);background-image:linear-gradient(45deg,var(--surface_3)25%,transparent 25%),linear-gradient(-45deg,var(--surface_3)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface_3)75%),linear-gradient(-45deg,transparent 75%,var(--surface_3)75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:6px;flex-shrink:0;justify-content:center;align-items: center;width:64px;height:64px;padding:3px}ei-source-dropzone .preview{object-fit:contain;max-width:100%;max-height:100%}ei-source-dropzone .meta{display:flex;flex-direction:column;flex:120px;gap:3px;min-width:0}ei-source-dropzone .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600}ei-source-dropzone .row{display:flex;color:var(--text_dim);gap:6px;font-size:.72rem}ei-source-dropzone .actions{display:flex;gap:6px;margin-left:auto}ei-builder-page{display:flex;overflow:hidden;flex-direction:column;height:100vh}ei-builder-page .layout{display:grid;grid-template-columns:360px minmax(0,1fr);flex:1;gap:16px;min-height:0;padding:16px}ei-builder-page .column{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0}ei-builder-page .column_sidebar{border-right:1px solid var(--line);padding-right:16px}ei-builder-page .column_sidebar ei-result-gallery{flex:1}ei-builder-page .column_main ei-pipeline-builder{flex:1}html.mobile ei-builder-page .layout{grid-template-columns:minmax(0,1fr);overflow:auto}html.mobile ei-builder-page .column_sidebar{border-right:none;padding-right:0}