:root{--bg:#0a0a0a;--bg2:#111;--bg3:#1a1a1a;--border:#222;--border2:#2a2a2a;--text:#fff;--muted:#666;--muted2:#888;--card:#141414;--success:#22c55e;--warn:#f59e0b;--danger:#ef4444;}
    :root[data-theme="light"]{--bg:#ffffff;--bg2:#f4f4f5;--bg3:#ececef;--border:#e3e3e6;--border2:#d3d3d8;--text:#0a0a0a;--muted:#8a8a90;--muted2:#55555c;--card:#fafafa;--success:#16a34a;--warn:#d97706;--danger:#dc2626;}
    *{box-sizing:border-box;margin:0;padding:0;}
    html{scroll-behavior:smooth;}
    body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;}
    ::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;}
    body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;}
    body::after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,0.03) 0%,transparent 70%);pointer-events:none;z-index:0;}
    :root[data-theme="light"] body::before{background-image:linear-gradient(rgba(0,0,0,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.035) 1px,transparent 1px);}
    :root[data-theme="light"] body::after{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,0,0,0.035) 0%,transparent 70%);}
    @keyframes spin{to{transform:rotate(360deg)}}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
    @keyframes loadBar{0%{width:0%}100%{width:100%}}
    @keyframes cardIn{to{opacity:1;transform:translateY(0)}}

    #loading{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .5s;}
    #loading.hide{opacity:0;pointer-events:none;}
    .load-logo{width:48px;height:48px;border-radius:12px;border:1px solid var(--border2);animation:pulse 1.5s ease infinite;}
    .load-name{font-family:'Space Mono',monospace;font-size:13px;color:var(--muted2);letter-spacing:2px;}
    .load-bar-wrap{width:120px;height:1px;background:var(--border);overflow:hidden;}
    .load-bar{height:100%;background:var(--text);animation:loadBar 1.8s ease forwards;}

    .nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;border-bottom:1px solid var(--border);background:rgba(10,10,10,0.92);backdrop-filter:blur(20px);}
    :root[data-theme="light"] .nav{background:rgba(255,255,255,0.85);}
    .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
    .nav-logo img{width:28px;height:28px;border-radius:7px;border:1px solid var(--border2);}
    .nav-logo span{font-weight:700;font-size:14px;color:var(--text);}
    .nav-badge{font-size:10px;font-weight:700;color:var(--text);border:1px solid rgba(255,255,255,0.25);border-radius:6px;padding:2px 8px;font-family:'Space Mono',monospace;background:rgba(255,255,255,0.06);}
    :root[data-theme="light"] .nav-badge{border-color:rgba(0,0,0,0.15);background:rgba(0,0,0,0.04);}
    .nav-right{display:flex;align-items:center;gap:8px;}
    .nav-back{font-size:12px;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;transition:all .2s;}
    .nav-back:hover{color:var(--text);background:var(--bg3);}
    .nav-menu-btn{width:32px;height:32px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted2);font-size:13px;}
    .nav-menu-btn:hover{border-color:var(--border2);color:var(--text);}

    .sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:400;opacity:0;pointer-events:none;transition:opacity .3s;}
    .sidebar-overlay.open{opacity:1;pointer-events:all;}
    .sidebar{position:fixed;top:0;right:0;width:260px;height:100%;background:#111;border-left:1px solid var(--border);z-index:500;transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column;}
    :root[data-theme="light"] .sidebar{background:#fafafa;}
    .sidebar.open{transform:translateX(0);}
    .sb-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);}
    .sb-title{font-size:13px;font-weight:700;color:var(--text);}
    .sb-close{width:28px;height:28px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted2);font-size:12px;}
    .sb-cats{flex:1;padding:10px;overflow-y:auto;}
    .sb-cat{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;color:var(--muted2);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border-left:2px solid transparent;}
    .sb-cat:hover,.sb-cat.active{background:var(--bg3);color:var(--text);border-left-color:var(--text);}
    .sb-cat-count{font-size:10px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:1px 6px;color:var(--muted);font-family:'Space Mono',monospace;}
    .sb-divider{height:1px;background:var(--border);margin:8px 10px;}
    .sb-bottom{padding:14px;display:flex;flex-direction:column;gap:12px;}
    .follow-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
    .follow-info{font-size:12px;font-weight:700;color:var(--text);}
    .follow-handle{font-size:11px;color:var(--muted);margin-top:2px;}
    .follow-btn{width:30px;height:30px;background:var(--text);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:11px;text-decoration:none;flex-shrink:0;transition:all .2s;}
    .follow-btn:hover{opacity:.8;}
    .sb-music-wrap{display:flex;align-items:center;justify-content:center;}
    .sb-music-wrap .music-bar{width:100%;justify-content:space-between;border-radius:12px;padding:11px 16px;}
    .music-info{display:flex;align-items:center;gap:9px;}
    .music-label{font-size:12px;font-weight:700;color:var(--text);}
    .theme-toggle-sb{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:11px 16px;cursor:pointer;color:var(--muted2);font-size:12px;font-weight:600;transition:all .2s;}
    .theme-toggle-sb:hover{border-color:var(--border2);color:var(--text);}

    .docs-hero{position:relative;z-index:1;padding:120px 5% 60px;text-align:center;max-width:800px;margin:0 auto;}
    .hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border2);border-radius:50px;padding:6px 16px;font-size:12px;color:var(--muted2);font-family:'Space Mono',monospace;margin-bottom:28px;}
    .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;animation:pulse 2s infinite;}
    .hero-title{font-size:clamp(36px,7vw,68px);font-weight:900;color:var(--text);line-height:1.05;margin-bottom:20px;letter-spacing:-1.5px;}
    .hero-title .dim{color:var(--muted);}
    .hero-desc{font-size:clamp(14px,2vw,17px);color:var(--muted2);line-height:1.7;max-width:520px;margin:0 auto 36px;}
    .hero-btns{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:60px;}
    .btn-white{display:inline-flex;align-items:center;gap:8px;background:var(--text);color:var(--bg);font-size:14px;font-weight:700;padding:13px 28px;border-radius:10px;text-decoration:none;transition:all .2s;}
    .btn-white:hover{opacity:.88;transform:translateY(-1px);}
    .btn-dark{display:inline-flex;align-items:center;gap:8px;background:var(--bg3);color:var(--text);font-size:14px;font-weight:600;padding:13px 20px;border-radius:10px;text-decoration:none;border:1px solid var(--border2);transition:all .2s;}
    .btn-dark:hover{background:var(--border);transform:translateY(-1px);}
    .docs-video{max-width:680px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid var(--border2);background:#000;box-shadow:0 0 80px rgba(255,255,255,0.04);}
    :root[data-theme="light"] .docs-video{box-shadow:0 0 60px rgba(0,0,0,0.08);}
    .docs-video video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#000;}

    .docs-main{max-width:1100px;margin:0 auto;padding:0 5% 80px;}
    .search-box{position:relative;margin-bottom:14px;}
    .search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;}
    .search-input{width:100%;padding:12px 14px 12px 40px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;}
    .search-input::placeholder{color:var(--muted);}
    .search-input:focus{border-color:var(--border2);}

    .tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:20px;padding-bottom:2px;scrollbar-width:none;}
    .tabs::-webkit-scrollbar{display:none;}
    .tab{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:7px 16px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;transition:all .2s;font-family:'Inter',sans-serif;}
    .tab:hover{border-color:var(--border2);color:var(--muted2);}
    .tab.active{background:var(--text);border-color:var(--text);color:var(--bg);}

    .api-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-bottom:60px;}
    .api-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .3s;opacity:0;transform:translateY(16px);animation:cardIn .4s ease forwards;}
    .api-card:hover{border-color:var(--border2);background:var(--bg3);}
    .api-icon{width:40px;height:40px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted2);flex-shrink:0;}
    .api-info{flex:1;min-width:0;}
    .api-info h3{font-size:13px;color:var(--text);font-weight:600;margin-bottom:3px;}
    .api-info p{font-size:11px;color:var(--muted);margin-bottom:8px;line-height:1.5;}
    .status{display:inline-block;font-size:9px;font-weight:700;font-family:'Space Mono',monospace;letter-spacing:.5px;padding:2px 8px;border-radius:4px;text-transform:uppercase;}
    .s-ok{background:rgba(34,197,94,0.1);color:var(--success);border:1px solid rgba(34,197,94,0.2);}
    .s-warn{background:rgba(245,158,11,0.1);color:var(--warn);border:1px solid rgba(245,158,11,0.2);}
    .s-err{background:rgba(239,68,68,0.1);color:var(--danger);border:1px solid rgba(239,68,68,0.2);}
    .try-btn{background:var(--text);border:none;border-radius:8px;padding:8px 14px;color:var(--bg);cursor:pointer;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;transition:all .2s;white-space:nowrap;font-family:'Inter',sans-serif;flex-shrink:0;text-decoration:none;}
    .try-btn:hover{opacity:.85;transform:translateY(-1px);}
    .try-btn:disabled,.try-btn.disabled{opacity:.35;pointer-events:none;}
    .no-result{text-align:center;padding:48px;color:var(--muted);font-size:13px;grid-column:1/-1;}
    .no-result i{font-size:28px;display:block;margin-bottom:10px;color:var(--border2);}

    footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:32px 5% 90px;max-width:1100px;margin:0 auto;}
    .footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:32px;}
    .footer-brand .f-name{font-weight:800;font-size:15px;color:var(--text);margin-bottom:6px;}
    .footer-brand p{font-size:12px;color:var(--muted);line-height:1.6;}
    .footer-col h4{font-size:12px;font-weight:700;color:var(--text);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;}
    .footer-col a{display:block;font-size:12px;color:var(--muted);text-decoration:none;margin-bottom:8px;transition:color .2s;}
    .footer-col a:hover{color:var(--text);}
    .footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);flex-wrap:wrap;gap:12px;}
    .footer-socials{display:flex;gap:8px;}
    .f-social{width:32px;height:32px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;text-decoration:none;transition:all .2s;}
    .f-social:hover{border-color:var(--border2);color:var(--text);}
    @media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:24px;}}

    .music-bar{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:6px 10px;}
    .mspin{font-size:12px;color:var(--muted2);animation:spin 4s linear infinite;}
    .mspin.paused{animation-play-state:paused;}
    .mtoggle{width:30px;height:30px;background:var(--bg2);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted2);font-size:11px;transition:all .2s;flex-shrink:0;}
    .mtoggle:hover{border-color:var(--border2);color:var(--text);}
    #btt{position:fixed;bottom:80px;right:20px;z-index:299;width:36px;height:36px;background:var(--bg3);border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--muted2);font-size:12px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(14px);transition:all .3s;}
    #btt.show{opacity:1;pointer-events:all;transform:translateY(0);}
    #btt:hover{border-color:var(--border2);color:var(--text);}

    @media(max-width:768px){.api-list{grid-template-columns:1fr;}}

    /* TOOL MODAL (pop-up, tidak pindah halaman) */
    .tool-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px);z-index:800;opacity:0;pointer-events:none;transition:opacity .25s;display:flex;align-items:center;justify-content:center;padding:20px;}
    .tool-modal-overlay.open{opacity:1;pointer-events:all;}
    .tool-modal{width:100%;max-width:520px;max-height:82vh;background:var(--bg2);border:1px solid var(--border2);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transform:translateY(16px) scale(.98);transition:transform .25s;box-shadow:0 20px 60px rgba(0,0,0,.5);}
    .tool-modal-overlay.open .tool-modal{transform:translateY(0) scale(1);}
    .tool-modal-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border);flex-shrink:0;}
    .tool-modal-head .api-icon{width:32px;height:32px;font-size:14px;}
    .tool-modal-head h3{flex:1;font-size:15px;font-weight:700;color:var(--text);}
    .tool-modal-close{width:30px;height:30px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted2);font-size:14px;flex-shrink:0;transition:all .2s;}
    .tool-modal-close:hover{color:var(--text);border-color:var(--border2);}
    .tool-modal-body{flex:1;overflow:hidden;position:relative;background:var(--bg);}
    .tool-modal-body iframe{width:100%;height:100%;border:0;display:block;}
    .tool-modal-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted2);font-size:12px;font-family:'Space Mono',monospace;gap:8px;background:var(--bg);}
    .tool-modal-loading i{animation:spin 1s linear infinite;}
    @media(max-width:600px){.tool-modal-overlay{padding:16px;}.tool-modal{max-height:78vh;}}

    /* WIDGET DI DALAM MODAL (tiktok, dll — inline, bukan iframe/HTML lain) */
    .tm-body{padding:18px;overflow-y:auto;}

    .url-box{display:flex;gap:8px;margin-bottom:14px;}
    .url-input{flex:1;padding:13px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;}
    .url-input::placeholder{color:var(--muted);}
    .url-input:focus{border-color:var(--border2);}
    .paste-btn{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:0 15px;color:var(--muted2);cursor:pointer;font-size:13px;transition:all .2s;flex-shrink:0;}
    .paste-btn:hover{color:var(--text);border-color:var(--border2);}

    .btn-upload{width:100%;padding:14px;background:var(--text);color:var(--bg);font-size:14px;font-weight:700;border:none;border-radius:12px;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;}
    .btn-upload:hover{opacity:.88;}
    .btn-upload:disabled{opacity:.4;pointer-events:none;}
    .tm-spinner{width:15px;height:15px;border:2px solid rgba(0,0,0,0.2);border-top-color:var(--bg);border-radius:50%;animation:spin 1s linear infinite;display:none;}

    #error-box{display:none;margin-bottom:14px;background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.2);border-radius:12px;padding:12px 14px;font-size:12px;color:var(--danger);align-items:center;gap:8px;}
    #error-box.show{display:flex;}

    #result{display:none;}
    .result-box{background:var(--bg3);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px;}

    .result-top{display:flex;gap:12px;padding:14px;border-bottom:1px solid var(--border);}
    .result-cover{width:56px;height:76px;border-radius:8px;object-fit:cover;background:var(--bg2);flex-shrink:0;}
    .result-info{flex:1;min-width:0;}
    .result-title{font-size:12px;font-weight:600;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
    .result-author{font-size:10px;color:var(--muted2);margin-top:6px;display:flex;align-items:center;gap:5px;}
    .result-stats{display:flex;gap:12px;margin-top:8px;font-size:9px;color:var(--muted);font-family:'Space Mono',monospace;}
    .result-actions{padding:12px 14px;display:flex;flex-direction:column;gap:8px;}
    .dl-btn{display:flex;align-items:center;gap:10px;padding:12px 13px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none;font-size:12px;font-weight:600;transition:all .2s;}
    .dl-btn:hover{border-color:var(--border2);background:#202020;}
    :root[data-theme="light"] .dl-btn:hover{background:#ececef;}
    .dl-btn i:first-child{width:16px;text-align:center;color:var(--muted2);}
    .dl-btn span{flex:1;}
    .dl-btn small{color:var(--muted2);font-weight:400;font-size:9px;font-family:'Space Mono',monospace;}
    .dl-btn.primary{background:var(--text);color:var(--bg);border-color:var(--text);}
    .dl-btn.primary i{color:var(--bg);}
    .dl-btn.primary:hover{opacity:.88;}

    /* ROBLOX STALKER & SPOTIFY DOWNLOADER — potongan kecil, dipakai bareng result-box */
    .rbx-stats-row{display:flex;gap:0;border-top:1px solid var(--border);}
    .rbx-stat{flex:1;text-align:center;padding:10px 6px;border-right:1px solid var(--border);}
    .rbx-stat:last-child{border-right:none;}
    .rbx-stat b{display:block;font-size:14px;color:var(--text);font-family:'Space Mono',monospace;}
    .rbx-stat span{font-size:9px;color:var(--muted2);text-transform:uppercase;letter-spacing:.5px;}
    .rbx-desc{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:11px 13px;font-size:12px;color:var(--muted2);line-height:1.6;white-space:pre-wrap;word-break:break-word;}

    .photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 14px 14px;}
    .photo-item{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border);}
    .photo-item img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}
    .photo-item a{position:absolute;bottom:6px;right:6px;width:26px;height:26px;background:rgba(0,0,0,.7);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;text-decoration:none;}

    .tm-history{margin-top:4px;}
    .tm-history-title{font-size:10px;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:'Space Mono',monospace;}
    .history-list{display:flex;flex-direction:column;gap:7px;}
    .history-item{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:9px 11px;display:flex;align-items:center;gap:9px;}

    /* ---- Search Result List (TikTok/YouTube Search) ---- */
    .sr-list{display:flex;flex-direction:column;gap:9px;}
    .sr-item{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:9px;display:flex;gap:10px;align-items:center;text-decoration:none;transition:all .2s;}
    .sr-item:hover{border-color:var(--border2);background:#202020;}
    :root[data-theme="light"] .sr-item:hover{background:#ececef;}
    .sr-thumb{width:72px;height:72px;border-radius:9px;object-fit:cover;background:var(--bg2);flex-shrink:0;}
    .sr-item.yt .sr-thumb{width:96px;height:56px;}
    .sr-info{flex:1;min-width:0;}
    .sr-title{font-size:12px;font-weight:600;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .sr-meta{font-size:10px;color:var(--muted2);margin-top:6px;display:flex;flex-wrap:wrap;gap:8px;font-family:'Space Mono',monospace;}
    .sr-meta span{display:flex;align-items:center;gap:4px;}
    .sr-open{color:var(--muted2);font-size:12px;flex-shrink:0;}
    .hi-icon{width:28px;height:28px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted2);font-size:12px;flex-shrink:0;}
    .hi-name{font-size:11px;font-weight:600;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .hi-copy{background:none;border:none;color:var(--muted2);font-size:11px;cursor:pointer;padding:4px;transition:color .2s;}
    .hi-copy:hover{color:var(--text);}
    .empty-history{text-align:center;padding:20px;font-size:11px;color:var(--muted);font-family:'Space Mono',monospace;}

    /* STATUS CARD (negara/device/browser/status/baterai) */
    .status-card{max-width:1100px;margin:0 auto 22px;padding:0 5%;}
    .status-card-in{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
    .status-avatar{width:56px;height:56px;border-radius:50%;background:var(--bg3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text);flex-shrink:0;}
    .status-info{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px;}
    .status-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:12.5px;color:var(--muted2);}
    .status-row b{color:var(--text);font-weight:700;margin-left:5px;}
    .status-row i{color:var(--muted);width:14px;text-align:center;}
    .status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);display:inline-block;margin-right:5px;box-shadow:0 0 6px var(--success);}
    .status-batt{display:flex;align-items:center;gap:8px;}
    .status-batt-icon{color:var(--success);font-size:13px;}
    .status-batt-bar{width:110px;height:6px;border-radius:4px;background:var(--bg3);border:1px solid var(--border);overflow:hidden;}
    .status-batt-fill{height:100%;background:var(--text);border-radius:4px;transition:width .4s;}
    .status-batt-pct{font-size:12px;font-weight:700;color:var(--text);font-family:'Space Mono',monospace;}
    @media(max-width:500px){.status-card-in{padding:14px 16px;gap:12px;}.status-avatar{width:44px;height:44px;font-size:18px;}.status-row{gap:14px;}}

    /* GENERIC FORM ELEMENTS (dipakai widget generator) */
    .fg{margin-bottom:14px;}
    .fg-label{font-size:11px;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block;font-family:'Space Mono',monospace;}
    .fg-input,.fg-textarea{width:100%;padding:12px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:13px;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;}
    .fg-input:focus,.fg-textarea:focus{border-color:var(--border2);}
    .fg-textarea{resize:vertical;min-height:90px;line-height:1.5;}
    .qr-preview{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:14px;}
    .qr-preview img{width:200px;height:200px;border-radius:12px;border:1px solid var(--border);background:#fff;padding:8px;}

    /* WIDGET: IQC IMAGE CARD */
    .iqc-photo-row{display:flex;align-items:center;gap:12px;}
    .iqc-photo-box{position:relative;width:64px;height:64px;border-radius:14px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted2);font-size:18px;cursor:pointer;overflow:hidden;flex-shrink:0;transition:all .2s;}
    .iqc-photo-box:hover{border-color:var(--border2);color:var(--text);}
    .iqc-photo-box img{width:100%;height:100%;object-fit:cover;}
    .iqc-photo-hint{flex:1;font-size:11px;color:var(--muted);line-height:1.5;}
    #iqcError{display:none;margin-bottom:14px;background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.2);border-radius:12px;padding:12px 14px;font-size:12px;color:var(--danger);align-items:center;gap:8px;}
    #iqcError.show{display:flex;}
    .iqc-result img{width:100%;border-radius:12px;border:1px solid var(--border);margin-bottom:12px;display:block;background:var(--bg3);}

    /* WIDGET: QC MAKER (color swatch picker) */
    .qc-color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-sizing:border-box;transition:all .15s;}
    .qc-color-swatch:hover{transform:scale(1.08);}
    .qc-color-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg2);}
    .qc-color-chip{padding:7px 14px;border-radius:999px;cursor:pointer;border:1.5px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;font-weight:600;transition:all .15s;}
    .qc-color-chip:hover{border-color:var(--muted2);}
    .qc-color-chip.active{background:var(--text);border-color:var(--text);color:var(--bg);}

    /* WIDGET: AFINITAS ML (border avatar maker) */
    .afml-border-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
    .afml-border-thumb{position:relative;background:var(--bg3);border:2px solid var(--border);border-radius:10px;padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s;}
    .afml-border-thumb img{width:100%;aspect-ratio:1;object-fit:contain;}
    .afml-border-thumb span{font-size:10px;color:var(--muted2);font-family:'Space Mono',monospace;}
    .afml-border-thumb:hover{border-color:var(--border2);}
    .afml-border-thumb.selected{border-color:#fff;background:#202020;}
    :root[data-theme="light"] .afml-border-thumb.selected{border-color:#0a0a0a;background:#ececef;}
    #afmlError{display:none;margin-bottom:14px;background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.2);border-radius:12px;padding:12px 14px;font-size:12px;color:var(--danger);align-items:center;gap:8px;}
    #afmlError.show{display:flex;}