:root{--b:#000;--c:rgba(28,28,30,.82);--m:rgba(36,36,38,.94);--t:#FFF;--s:#98989D;--bg:rgba(255,255,255,.09);--bgh:rgba(255,255,255,.16);--a:#0A84FF;--del:#FF453A;--p:rgba(255,255,255,.14);--sh:inset 0 1px 1px rgba(255,255,255,.24);--r-xl:24px;--r-lg:16px;--r-md:12px;--gl:0 20px 48px rgba(0,0,0,.6)}@media(prefers-color-scheme:light){:root{--b:#F2F2F7;--c:rgba(255,255,255,.82);--m:rgba(255,255,255,.94);--t:#1C1C1E;--s:#8E8E93;--bg:rgba(0,0,0,.06);--bgh:rgba(0,0,0,.1);--a:#007AFF;--del:#FF3B30;--p:rgba(0,0,0,.1);--sh:inset 0 1px 1.5px rgba(255,255,255,.8);--gl:0 16px 36px rgba(0,0,0,.09)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif;background:var(--b);color:var(--t);padding:14px 18px calc(24px + env(safe-area-inset-bottom,16px));min-height:100vh;-webkit-font-smoothing:antialiased}.hdr{position:sticky;top:10px;z-index:50;background:var(--c);backdrop-filter:blur(50px) saturate(210%);-webkit-backdrop-filter:blur(50px) saturate(210%);border-radius:var(--r-xl);padding:14px 16px;border:.5px solid var(--p);box-shadow:var(--gl),var(--sh);margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.logo-ttl{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--t)}.tools-wrap{display:flex;align-items:center;gap:8px}.b-trg-full{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:.5px solid var(--p);border-radius:var(--r-md);padding:8px 14px 8px 10px;cursor:pointer;box-shadow:var(--sh);transition:background .15s,transform .1s}.b-trg-full:hover{background:var(--bgh)}.b-trg-full:active{transform:scale(.98)}.b-meta{display:flex;align-items:center;gap:10px;overflow:hidden}.b-ic{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.b-ic svg{width:100%;height:100%;border-radius:6px}.b-ttl{font-size:15px;font-weight:600;color:var(--t);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chv{width:15px;height:15px;stroke:var(--s);flex-shrink:0}.btn{background:var(--a);color:#FFF;border:none;border-radius:var(--r-md);height:38px;padding:0 16px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--sh),0 3px 10px rgba(0,0,0,.15);transition:transform .1s,opacity .15s,background .15s}.btn-s{background:var(--bg);color:var(--t);box-shadow:var(--sh);border:.5px solid var(--p)}.btn-del{background:var(--del);color:#FFF}.btn-icon{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border-radius:50%;aspect-ratio:1/1}.btn:active{transform:scale(.95);opacity:.8}.ic{width:17px;height:17px;display:inline-block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.crd{background:var(--c);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:var(--r-xl);padding:14px;box-shadow:var(--gl),var(--sh);border:.5px solid var(--p);transition:transform .2s cubic-bezier(.16,1,.3,1)}.crd:hover{transform:translateY(-2px)}.sw{height:140px;border-radius:var(--r-lg);position:relative;margin-bottom:12px;cursor:pointer;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.swn{background:rgba(0,0,0,.55);color:#FFF;font-size:13px;font-weight:600;padding:5px 10px;border-radius:8px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sw-m{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.5);color:#FFF;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.5px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .12s}.sw-m:hover{transform:scale(1.1)}.sw-m .ic{width:14px;height:14px}.vl{display:flex;flex-direction:column;gap:6px}.vr{display:flex;justify-content:space-between;background:var(--bg);padding:8px 10px;border-radius:8px;font-size:12px;cursor:pointer;transition:background .15s}.vr:hover{background:var(--bgh)}.mno{font-family:"SF Mono",Menlo,monospace;font-weight:600}.pop-wrp{position:relative}.pop-menu{position:absolute;right:0;top:100%;margin-top:8px;background:var(--m);backdrop-filter:blur(48px) saturate(220%);-webkit-backdrop-filter:blur(48px) saturate(220%);border-radius:var(--r-lg);box-shadow:var(--gl),var(--sh);border:.5px solid var(--p);display:none;flex-direction:column;min-width:190px;overflow:hidden;z-index:60}.pop-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--t);background:transparent;border:none;width:100%;text-align:left;cursor:pointer;border-bottom:.5px solid var(--p);transition:background .12s}.pop-item:last-of-type{border-bottom:none}.pop-item:hover{background:var(--bg)}.pop-ver{padding:8px 16px;font-size:11px;font-weight:600;color:var(--s);background:var(--bg);text-align:center;letter-spacing:.3px;border-top:.5px solid var(--p)}.mdl{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none;align-items:center;justify-content:center;z-index:100}.dlg{background:var(--m);border-radius:var(--r-xl);width:92%;max-width:440px;max-height:85vh;overflow-y:auto;padding:22px;box-shadow:var(--gl),var(--sh);border:.5px solid var(--p)}.fld{margin-bottom:14px}.fld label{display:block;font-size:11px;font-weight:700;color:var(--s);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.fld input{width:100%;padding:10px 12px;font-size:13px;border-radius:var(--r-md);border:.5px solid var(--p);background:var(--bg);color:var(--t);outline:none}.input-tool-row{display:flex;align-items:center;gap:8px}.input-tool-row input{flex:1}.fld-file-btn{display:flex;align-items:center;gap:16px;padding:14px 16px;margin-top:6px;border-radius:var(--r-md);background:var(--bg);border:.5px dashed var(--p);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}.fld-file-btn:hover{background:var(--bgh)}.svg-prev{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--c);border-radius:8px;border:.5px solid var(--p);flex-shrink:0}.svg-prev svg{width:22px;height:22px}.f-sep{height:.5px;background:var(--p);margin:10px 0}.f-it{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg);border-radius:var(--r-md);margin-bottom:8px;cursor:pointer;transition:background .15s}.f-it:hover{background:var(--bgh)}.f-it.active{border:1px solid var(--a)}.tst{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.88);backdrop-filter:blur(24px);color:#FFF;padding:8px 18px;border-radius:30px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s;z-index:200}