@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{color-scheme:light;--bg-deep: #0f2027;--bg-mid: #203a43;--bg-light: #2c5364;--ink: #122027;--ink-soft: #2e3b42;--accent: #e76f51;--accent-2: #2a9d8f;--card: #fef7ec;--card-2: #f8e9d3;--stroke: #e2c9a5;--shadow: rgba(15, 32, 39, .2)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Mono,Courier New,monospace;color:var(--ink);background:radial-gradient(circle at 10% 20%,#f8e9d3,#fef7ec 30%,#f0f4f8 70%),linear-gradient(130deg,#fffc,#f8e9d3e6);position:relative;overflow-x:hidden}.bg-texture{position:fixed;width:100%;height:100%;inset:0;background:repeating-linear-gradient(0deg,rgba(18,32,39,.08) 0,rgba(18,32,39,.08) 1px,transparent 1px,transparent 30px),repeating-linear-gradient(90deg,rgba(18,32,39,.08) 0,rgba(18,32,39,.08) 1px,transparent 1px,transparent 30px);opacity:.35;z-index:0;pointer-events:none}body:before,body:after{content:"";position:fixed;inset:-20% -10% auto auto;width:60vw;height:60vw;background:radial-gradient(circle,rgba(231,111,81,.35),transparent 70%);filter:blur(10px);z-index:0;transform:rotate(-8deg)}body:after{inset:auto auto -25% -15%;background:radial-gradient(circle,rgba(42,157,143,.35),transparent 70%);transform:rotate(12deg)}main{position:relative;z-index:1;min-height:100vh;max-width:1400px;margin:0 auto;padding:48px 20px 20px;display:flex;flex-direction:column;gap:24px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;width:100%}.controls .tertiary{margin-left:auto}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.list-meta{padding:12px 20px;font-size:.8rem;color:var(--ink-soft);display:flex;flex-direction:row;justify-content:space-between}.header-actions{display:inline-flex;align-items:center;gap:10px}.library-empty{padding:0 20px;font-size:.95rem;color:var(--ink-soft)}.library-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:0 20px}@media(max-width:900px){.workspace{grid-template-columns:1fr}}.panel{display:flex;flex-direction:column;max-height:calc(100vh - 48px);background:linear-gradient(130deg,var(--card),var(--card-2));border:1px solid var(--stroke);border-radius:20px;box-shadow:0 18px 40px var(--shadow);animation:rise .6s ease both}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel.drop-target{outline:2px dashed var(--accent-2);box-shadow:0 0 0 2px #2a9d8f33,0 18px 40px var(--shadow)}.panel-header{padding:20px;display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between}.panel-header h2{margin:0 0 6px;font-size:1.3rem}.panel-header p{margin:0;color:var(--ink-soft)}.panel-actions{width:100%;display:flex;align-items:center}.toast{position:fixed;top:16px;left:50%;z-index:10;margin-bottom:16px;padding:12px 18px;border-radius:999px;background:#2a9d8feb;color:#fff;box-shadow:0 12px 24px #0f202733;opacity:0;transform:translate(-50%) translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.app-header{display:flex;flex-direction:column;gap:12px}header h1{margin:0;font-size:clamp(2rem,3vw,3rem);letter-spacing:.04em}header p{margin:0;max-width:640px;color:var(--ink-soft);line-height:1.5}button{border:none;padding:10px 16px;border-radius:999px;font-weight:600;font-size:1rem;cursor:pointer;font-family:Space Mono,Courier New,monospace;transition:transform .15s ease}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:transparent;outline:solid 1px var(--accent-2);color:var(--ink)}.primary:hover,.primary.selected{background-color:var(--accent-2);color:#fff}.secondary{background:transparent;outline:solid 1px var(--accent)}.secondary.tiny{padding:6px 10px;font-size:.85rem}.secondary:hover,.secondary.active{background:linear-gradient(120deg,#e76f5133,#ffffffd9);outline-color:#e76f51e6;color:var(--ink)}.tertiary{outline:none;padding:0;background:transparent}.tertiarty.active,.tertiary:hover{color:var(--accent)}.icon-btn{background:#fff;outline:1px solid var(--stroke);padding:0;width:24px;height:24px;border-radius:6px;font-size:.85rem;color:var(--ink)}.icon-btn svg{width:24px;height:24px}.library-tab{color:var(--ink-soft);padding:6px 12px;border-radius:999px;font-size:.85rem}.app-footer{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink-soft);font-size:.8rem;letter-spacing:.02em;margin-top:auto;padding-top:48px}.app-tips{padding:20px;outline:1px dashed rgba(46,59,66,.25);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 28px #0f202714;animation:rise .6s ease both}.app-tips h3{margin:0 0 10px;font-size:1.05rem}.app-tips ul,.app-tips ol{margin:0 0 20px;padding-left:18px}.app-tips li{margin-bottom:8px;color:var(--ink)}.app-tips b{color:var(--ink)}.app-tips .tip-note{margin:0;font-size:.9rem;color:var(--ink-soft)}.tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.tip-card{padding:14px 16px;border-radius:14px;outline:1px dashed rgba(46,59,66,.25)}@media(max-width:900px){.tips-grid{grid-template-columns:1fr}}.file-input{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;outline:1px solid var(--stroke);background:#fff7e9;cursor:pointer;font-weight:600;font-size:1rem}.file-input:hover{background-color:var(--stroke);outline:none}.file-input input{position:absolute;inset:0;opacity:0;cursor:pointer}.app-input{max-width:220px;padding:8px 12px;border-radius:10px;border:1px solid var(--stroke);background:transparent;color:var(--ink);font-family:inherit;font-size:.85rem}.app-input::placeholder{color:var(--ink-soft)}#patchList{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.list-header{display:grid;grid-template-columns:60px 1fr 80px 80px;align-items:center;gap:12px;padding:14px 20px;font-weight:600;border-bottom:1px solid var(--stroke);background:#fff9}.patch-item{display:grid;grid-template-columns:60px 1fr 80px 80px;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(226,201,165,.5);align-items:center;background:#ffffff59;cursor:pointer}.patch-item:nth-child(2n){background:#fff9}.patch-item.selected{outline:2px solid rgba(231,111,81,.75);outline-offset:-6px;position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#e76f5133,#ffffffb3);box-shadow:0 12px 24px #0f20272e;z-index:2}.patch-slot{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--ink-soft);font-weight:600}.patch-name{font-size:.95rem}.patch-item.selected .patch-name,.patch-item.selected .patch-slot{color:var(--ink)}.patch-item.selected .patch-input{border-color:#e76f51cc;box-shadow:0 0 0 2px #e76f5126}.patch-input{width:100%;padding:6px 8px;border-radius:8px;border:1px solid rgba(226,201,165,.9);background:#fff;font-size:.95rem;font-family:Space Mono,Courier New,monospace}.actions{display:inline-flex;gap:8px}.updated-flag{text-align:center;font-size:1.1rem;color:#2e3b4259}.updated-flag.on{color:var(--accent-2);font-weight:700}.patch-item.dragging{opacity:.4}.patch-item.drop-target{outline:2px dashed var(--accent-2);outline-offset:-6px}.drag-icon{font-family:Space Mono,Courier New,monospace;letter-spacing:-.2em;font-size:.8rem;color:var(--ink-soft);opacity:.6;cursor:grab}@media(max-width:700px){.list-header,.patch-item{grid-template-columns:60px 1fr}.updated-flag{grid-column:1 / -1;text-align:right;font-size:.95rem;color:#2e3b4299}.actions{grid-column:1 / -1;justify-content:flex-end}}.library-group{padding:20px 20px 0;margin-top:16px;border-top:1px dashed rgba(46,59,66,.2);display:flex;flex-direction:column;flex:1;min-height:0}.library-group:first-of-type{margin-top:8px;padding-top:0;border-top:none}.library-group-header{display:grid;grid-template-columns:minmax(auto,2fr) 1fr 100px;align-items:center;gap:12px;align-items:baseline;justify-content:space-between}.library-group-title{font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.library-group-count{font-size:.85rem;color:var(--ink-soft)}.library-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;min-height:0}.library-item{display:grid;cursor:grab;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;padding:12px 16px;border-radius:16px;border:1px solid rgba(226,201,165,.6);background:#ffffffb3;align-items:center}.library-item:active{cursor:grabbing}.drag-icon{font-family:Space Mono,Courier New,monospace;letter-spacing:-.2em;font-size:.8rem;color:var(--ink-soft);opacity:.6}@media(max-width:700px){.library-item{grid-template-columns:1fr}}