*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e2e2e8;background-color:#0d0d0f;background-image:radial-gradient(at 20%,rgba(99,60,180,.15) 0%,transparent 50%),radial-gradient(at 80% 20%,rgba(30,100,200,.12) 0%,transparent 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;min-height:100vh;padding:3rem 1rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}h1{letter-spacing:-.02em;color:#fff;margin-bottom:2rem;font-size:1.75rem;font-weight:600}.card{-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%;max-width:560px;padding:2rem;box-shadow:0 4px 24px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.06)}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-section{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:1rem;display:grid}.section-label{text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.2);grid-column:1/-1;padding-top:.5rem;font-size:.7rem;font-weight:600}.divider{background:rgba(255,255,255,.07);grid-column:1/-1;height:1px;margin:.5rem 0}.field{flex-direction:column;gap:.4rem;display:flex}.field-label{text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.45);font-size:.78rem;font-weight:500}.required{color:#a78bfa}.field-input,.field-select{color:#e2e2e8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;outline:none;width:100%;padding:.6rem .85rem;font-size:.9rem;transition:border-color .15s,background .15s}.field-input::placeholder{color:rgba(255,255,255,.2)}.field-input:focus,.field-select:focus{background:rgba(255,255,255,.08);border-color:rgba(167,139,250,.6)}.field-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.2rem}.field-select option{color:#e2e2e8;background:#1a1a2e}.file-input-wrapper{background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.15);border-radius:8px;width:100%;height:72px;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.file-input-wrapper:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.25)}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-input-wrapper.has-file{background:rgba(255,255,255,.05);border-style:solid;border-color:rgba(255,255,255,.3)}.file-input-label{color:rgba(255,255,255,.3);pointer-events:none;justify-content:center;align-items:center;gap:.6rem;font-size:.85rem;display:flex;position:absolute;inset:0}.file-input-label .icon{font-size:1.1rem}.file-input-label span{color:rgba(255,255,255,.5);text-underline-offset:2px;text-decoration:underline}.file-input-label .file-name{color:rgba(255,255,255,.7);text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:.85rem;font-weight:500;text-decoration:none;overflow:hidden}.divider{background:rgba(255,255,255,.07);height:1px;margin:1.5rem 0}.submit-btn{color:#e2e2e8;cursor:pointer;letter-spacing:.01em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;width:100%;padding:.75rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.submit-btn:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.status{color:rgba(255,255,255,.4);text-align:center;min-height:1.2em;margin-top:1rem;font-size:.85rem}.status.error{color:#f87171}.status.success{color:rgba(255,255,255,.6)}.mode-tabs{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;gap:.5rem;padding:.3rem;display:flex}.tab{color:rgba(255,255,255,.4);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.tab:hover{color:rgba(255,255,255,.7);background:rgba(255,255,255,.05)}.tab.active{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}.component-list{flex-direction:column;grid-column:1/-1;gap:.5rem;display:flex}.component-row{align-items:center;gap:.5rem;display:flex}.component-row .field-input{flex:1}.remove-btn{color:rgba(255,255,255,.35);cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:background .15s,color .15s;display:flex}.remove-btn:hover{color:rgba(255,120,120,.8);background:rgba(255,80,80,.1);border-color:rgba(255,80,80,.2)}.add-btn{color:rgba(255,255,255,.3);cursor:pointer;background:0 0;border:1px dashed rgba(255,255,255,.1);border-radius:6px;width:100%;padding:.5rem;font-size:.82rem;transition:border-color .15s,color .15s}.add-btn:hover{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.2)}.toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;width:fit-content;display:flex}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .2s,border-color .2s;position:relative}.toggle-thumb{background:rgba(255,255,255,.35);border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.toggle-input:checked+.toggle-track{background:rgba(167,139,250,.25);border-color:rgba(167,139,250,.5)}.toggle-input:checked+.toggle-track .toggle-thumb{background:#a78bfa;transform:translate(16px)}.toggle-label-text{color:rgba(255,255,255,.5);font-size:.88rem;transition:color .15s}.toggle-row:hover .toggle-label-text{color:rgba(255,255,255,.75)}.toggle-row:hover .toggle-track{border-color:rgba(255,255,255,.2)}main{flex:auto;width:100%;min-width:0;max-width:560px}.card+.card{margin-top:1rem}.task-tabs{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;gap:.5rem;margin-bottom:1.5rem;padding:.3rem;display:flex}.hint{color:rgba(255,255,255,.4);margin:0 0 1.25rem;font-size:.85rem;line-height:1.55}.search-row{align-items:flex-end;gap:.5rem;width:100%;display:flex}.search-row .field{flex:auto;min-width:0}.search-btn{white-space:nowrap;flex:none;width:auto;padding:.6rem 1.1rem}.result-list{flex-direction:column;gap:.4rem;max-height:20rem;margin-top:1.25rem;display:flex;overflow-y:auto}.result-item{text-align:left;color:#e2e2e8;cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .75rem;padding:.65rem .8rem;font-family:inherit;transition:background .15s,border-color .15s;display:grid}.result-item:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.result-item.active{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.5)}.result-item:focus-visible{outline-offset:2px;outline:2px solid rgba(167,139,250,.7)}.result-name{color:rgba(255,255,255,.85);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.result-meta{color:rgba(255,255,255,.35);text-align:right;white-space:nowrap;font-size:.75rem}.result-id{color:rgba(255,255,255,.25);grid-column:1/-1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.edit-header{flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;margin-bottom:1.25rem;display:flex}.edit-header .section-label{padding-top:0}.edit-header .result-id,.edit-header .result-meta{text-align:left;grid-column:auto}.danger-zone{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.danger-note{color:rgba(255,255,255,.35);flex:12rem;font-size:.8rem}.danger-btn{color:rgba(248,113,113,.75);cursor:pointer;background:0 0;border:1px solid rgba(248,113,113,.25);border-radius:8px;flex:none;padding:.5rem .9rem;font-family:inherit;font-size:.85rem;transition:background .15s,border-color .15s,color .15s}.danger-btn:hover:not(:disabled){color:#f87171;background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.45)}.danger-btn.confirm{color:#f87171;background:rgba(248,113,113,.14);border-color:rgba(248,113,113,.5);font-weight:600}.danger-btn:disabled{opacity:.4;cursor:not-allowed}.danger-btn:focus-visible{outline-offset:2px;outline:2px solid rgba(248,113,113,.7)}.danger-zone .add-btn{flex:none;width:auto;padding:.5rem .9rem}.manifest-table{flex-direction:column;gap:.3rem;max-height:26rem;padding-right:.25rem;display:flex;overflow-y:auto}.manifest-row{background:rgba(255,255,255,.02);border-left:2px solid transparent;border-radius:6px;grid-template-columns:3.5rem minmax(0,1fr) auto;gap:.15rem .6rem;padding:.45rem .6rem;display:grid}.manifest-row.ready{border-left-color:rgba(167,139,250,.6)}.manifest-row.blocked{border-left-color:rgba(248,113,113,.6)}.manifest-line{color:rgba(255,255,255,.25);grid-area:1/1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.manifest-name{color:rgba(255,255,255,.8);text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;font-size:.85rem;font-weight:500;overflow:hidden}.manifest-note{text-align:right;color:rgba(255,255,255,.3);grid-area:1/3;justify-self:end;max-width:14rem;font-size:.72rem}.manifest-row.blocked .manifest-note{color:rgba(248,113,113,.75)}.manifest-type{text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.25);grid-area:2/1;font-size:.6rem;overflow:hidden}.manifest-file{color:rgba(255,255,255,.3);overflow-wrap:anywhere;grid-area:2/2/auto/-1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.result-log{resize:vertical;color:rgba(255,255,255,.65);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;outline:none;width:100%;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.6}.result-log:focus{border-color:rgba(167,139,250,.4)}@media (width<=520px){.manifest-note{text-align:left;grid-area:3/1/auto/-1;justify-self:start;max-width:none}}