:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06080f;--bg-card:#0b1120;--bg-input:#070b18;--border:#00c8ff1a;--border-hi:#00c8ff4d;--cyan:#00c8ff;--purple:#8b5cf6;--green:#00ff9d;--amber:#fbbf24;--violet:#a78bfa;--pink:#f472b6;--red:#fb7185;--text:#c9d5e8;--muted:#4a5e7a;--dim:#1e2d42;--r:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scrollbar-color:#00c8ff6b #06080f;scrollbar-width:thin;min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#06080f}::-webkit-scrollbar-thumb{background:linear-gradient(#00c8ff85,#8b5cf67a);border:2px solid #06080f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00ff9da3,#00c8ff94)}::-webkit-scrollbar-corner{background:#06080f}body:before{z-index:0;content:"";pointer-events:none;background-image:radial-gradient(circle,#00c8ff0b 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0}body:after{z-index:0;content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf612,#0000 70%);width:480px;height:480px;position:fixed;top:-180px;right:-180px}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #00c8ff73}::selection{background:#00c8ff3d}#root{background:var(--bg);min-height:100vh}.wrap{z-index:1;width:100%;max-width:840px;margin:0 auto;padding:2.5rem 1.25rem 4rem;position:relative}header{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.logo{background:#040810e0;border:1px solid #00c8ff2e;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden;box-shadow:0 0 28px #00c8ff2e,0 0 8px #6d28d93d}.logo-img{object-fit:contain;width:100%;height:100%;display:block}.logo svg{width:26px;height:26px}.header-text{min-width:0}.header-text h1{color:#fff;letter-spacing:-.025em;font-size:1.55rem;font-weight:700}.header-text p{color:var(--muted);margin-top:3px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.78rem}.cursor{background:var(--cyan);vertical-align:middle;width:7px;height:13px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.badges{flex-shrink:0;gap:.5rem;margin-left:auto;display:flex}.badge{letter-spacing:.05em;border-radius:4px;padding:.22rem .55rem;font-family:Cascadia Code,monospace;font-size:.68rem}.badge-c{color:var(--cyan);background:#00c8ff14;border:1px solid #00c8ff38}.badge-p{color:var(--purple);background:#8b5cf614;border:1px solid #8b5cf638}.tabs{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);scrollbar-width:none;gap:0;margin-bottom:1.2rem;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-width:0;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1 1 0;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .82rem;font-family:inherit;font-size:.84rem;font-weight:500;transition:all .2s;display:flex}.tab svg{flex-shrink:0;width:15px;height:15px}.tab:hover{color:var(--text)}.tab.active{color:#fff;background:linear-gradient(135deg,#00c8ff21,#8b5cf621);box-shadow:inset 0 0 0 1px #00c8ff2e}.card{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);margin-bottom:1.2rem;padding:1.5rem;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#00c8ff40,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-family:Cascadia Code,monospace;font-size:.7rem;font-weight:600}.cfg-grid{grid-template-columns:auto 1fr;align-items:start;gap:1.25rem;display:grid}.form-stack{gap:1rem;display:grid}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.field-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-family:Cascadia Code,monospace;font-size:.7rem;display:block}.size-group{gap:.45rem;display:flex}.size-group.wrap-group{flex-wrap:wrap}.size-btn{border:1px solid var(--border);background:var(--bg-input);min-width:0;color:var(--muted);cursor:pointer;text-align:center;border-radius:7px;flex:1;padding:.55rem .5rem;font-family:Cascadia Code,monospace;font-size:.82rem;transition:all .2s}.size-btn small{opacity:.55;margin-top:2px;font-size:.62rem;display:block}.size-btn svg{vertical-align:-2px;width:13px;height:13px;margin-right:.25rem}.size-btn:hover{border-color:var(--border-hi);color:var(--text)}.size-btn.on{border-color:var(--cyan);color:var(--cyan);background:#00c8ff14;box-shadow:0 0 14px #00c8ff1a}.size-btn.compact{flex:none;min-width:3.45rem}input[type=text],input[type=number]{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:7px;outline:none;padding:.6rem .875rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.875rem;transition:border-color .2s,box-shadow .2s}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=text]:focus,input[type=number]:focus{border-color:#00c8ff59;box-shadow:0 0 0 3px #00c8ff0f}input[type=text]::placeholder,input[type=number]::placeholder{color:var(--dim)}.btn-gen{border-radius:var(--r);color:#fff;cursor:pointer;letter-spacing:.03em;background:linear-gradient(135deg,#0891b2,#6d28d9);border:none;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-bottom:1.2rem;padding:.9rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.btn-gen:before{content:"";background:linear-gradient(135deg,#ffffff12,#0000);position:absolute;inset:0}.btn-gen:hover:not(:disabled){opacity:.93;box-shadow:0 0 32px #00c8ff38,0 0 60px #6d28d924}.btn-gen:active:not(:disabled){transform:scale(.99)}.btn-gen:disabled{cursor:not-allowed;opacity:.55}.btn-gen svg{z-index:1;flex-shrink:0;width:18px;height:18px}.btn-gen span{z-index:1}.spin{z-index:1;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.res-card{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);margin-bottom:1.2rem;animation:.3s fadeUp;display:none;overflow:hidden}.res-card.show{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.res-head{border-bottom:1px solid var(--border);background:#00000026;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.wdots{flex-shrink:0;gap:5px;display:flex}.wdots span{border-radius:50%;width:10px;height:10px}.wdots .r{background:#ff5f57}.wdots .y{background:#febc2e}.wdots .g{background:#28c840}.res-title-group{flex:1;min-width:0}.res-title{color:var(--text);font-size:.85rem;font-weight:600}.res-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:Cascadia Code,monospace;font-size:.7rem;overflow:hidden}.res-actions{flex-shrink:0;gap:.4rem;display:flex}.btn-sm{border:1px solid var(--border);background:var(--bg-input);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-family:inherit;font-size:.73rem;transition:all .2s;display:flex}.btn-sm:hover:not(:disabled){border-color:var(--border-hi);color:var(--text)}.btn-sm:disabled{cursor:not-allowed;opacity:.48}.btn-sm.ok{color:var(--green);background:#00ff9d0d;border-color:#00ff9d59}.btn-sm svg{flex-shrink:0;width:12px;height:12px}.res-body{padding:1.25rem}.ks{margin-bottom:1.25rem}.ks:last-child{margin-bottom:0}.ks-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.ks-label{min-width:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4rem;font-family:Cascadia Code,monospace;font-size:.7rem;display:flex}.ks-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 5px var(--cyan);border-radius:50%;flex-shrink:0}.tone-cyan{background:var(--cyan);box-shadow:0 0 5px var(--cyan)}.tone-green{background:var(--green);box-shadow:0 0 5px var(--green)}.tone-amber{background:var(--amber);box-shadow:0 0 5px var(--amber)}.tone-pink{background:var(--pink);box-shadow:0 0 5px var(--pink)}textarea.ko{resize:vertical;width:100%;max-height:50vh;color:var(--green);overflow-wrap:anywhere;background:#040810;border:1px solid #00c8ff12;border-radius:8px;outline:none;padding:.9rem 1rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.74rem;line-height:1.65;display:block}textarea.ko.tone-cyan-text{color:var(--cyan)}textarea.ko.tone-amber-text{color:var(--amber)}textarea.ko.tone-pink-text{color:var(--pink)}.fp{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:.35rem;margin-top:.45rem;font-family:Cascadia Code,monospace;font-size:.68rem;display:flex}.fp-dot{color:var(--cyan);font-size:.8rem}hr.div{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.uuid-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-bottom:1.2rem;display:grid}.uuid-controls .card{margin-bottom:0}.uuid-generate-card{align-content:start;display:grid}.uuid-generate-card .btn-gen{margin-bottom:0}.uuid-box{background:#040810;border:1px solid #a78bfa24;border-radius:8px;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.uuid-text{min-width:0;color:var(--violet);letter-spacing:.06em;overflow-wrap:anywhere;white-space:pre-wrap;flex:1;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:1.05rem;line-height:1.5}.uuid-icon{width:32px;height:32px;color:var(--violet);background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.uuid-icon svg{width:16px;height:16px}.uuid-meta{color:var(--muted);align-items:center;gap:.35rem;margin-top:.5rem;font-family:Cascadia Code,monospace;font-size:.68rem;display:flex}.uuid-meta .fp-dot{color:var(--violet)}.ak-box{background:#040810;border:1px solid #fbbf2424;border-radius:8px;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.ak-box.tone-green-box{border-color:#00ff9d24}.ak-box.tone-pink-box{border-color:#f472b624}.ak-box.tone-cyan-box{border-color:#00c8ff24}.ak-text{min-width:0;color:var(--amber);overflow-wrap:anywhere;word-break:break-word;flex:1;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.5}.ak-text.tone-green-text{color:var(--green)}.ak-text.tone-pink-text{color:var(--pink)}.ak-text.tone-cyan-text{color:var(--cyan)}.ak-icon{width:32px;height:32px;color:var(--amber);background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ak-icon.tone-green-icon{color:var(--green);background:#00ff9d1a;border-color:#00ff9d33}.ak-icon.tone-pink-icon{color:var(--pink);background:#f472b61a;border-color:#f472b633}.ak-icon.tone-cyan-icon{color:var(--cyan);background:#00c8ff1a;border-color:#00c8ff33}.ak-icon svg{width:16px;height:16px}.cron-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.2rem;margin-bottom:1.2rem;display:grid}.cron-config,.cron-result{min-width:0}.cron-config{gap:1.2rem;display:grid}.cron-config-card,.cron-result .res-card{margin-bottom:0}.cron-config-card{overflow:visible}.cron-generate{margin-bottom:0}.cron-time-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-time-fields input{text-align:center}.dropdown{gap:.45rem;min-width:0;display:grid;position:relative}.dropdown-trigger{border:1px solid var(--border);background:var(--bg-input);width:100%;min-height:2.92rem;color:var(--text);cursor:pointer;text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .875rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.875rem;transition:border-color .2s,box-shadow .2s,color .2s;display:flex}.dropdown-trigger:hover,.dropdown[data-open=true] .dropdown-trigger{border-color:#00c8ff59;box-shadow:0 0 0 3px #00c8ff0f}.dropdown-trigger svg{width:14px;height:14px;color:var(--cyan);flex-shrink:0;transition:transform .2s}.dropdown[data-open=true] .dropdown-trigger svg{transform:rotate(180deg)}.dropdown-menu{background:#040810;border:1px solid #00c8ff2e;border-radius:8px;gap:.25rem;width:100%;padding:.3rem;display:grid;box-shadow:0 0 0 1px #00c8ff14,0 18px 34px #00000047}.dropdown-option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;padding:.58rem .65rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.84rem;transition:background .2s,color .2s}.dropdown-option:hover,.dropdown-option.on{color:var(--cyan);background:#00c8ff1a}.cron-expression{color:var(--green);letter-spacing:.04em;font-size:1.35rem}.cron-output-box{align-items:flex-start}.cron-lines{flex:1;gap:.55rem;min-width:0;display:grid}.cron-line{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;display:grid}.cron-line code{min-width:0;color:var(--green);letter-spacing:.04em;overflow-wrap:anywhere;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:1.16rem;font-weight:700;line-height:1.35}.cron-line .btn-sm{justify-content:center;min-width:68px}.cron-next{color:var(--muted);gap:.45rem;margin-top:.95rem;font-family:Cascadia Code,monospace;font-size:.72rem;list-style:none;display:grid}.cron-next li{background:#040810b8;border:1px solid #00c8ff12;border-radius:7px;padding:.48rem .65rem}.cron-next-time{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.error-text{color:var(--red)}.status{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);color:var(--muted);align-items:center;gap:.9rem;padding:.75rem 1.1rem;font-family:Cascadia Code,monospace;font-size:.7rem;display:flex}.sdot{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;flex-shrink:0}.ssep{color:var(--dim)}@media (width<=700px){.wrap{padding:1.6rem .9rem 3rem}input,textarea,select,input[type=text],input[type=number],textarea.ko{font-size:16px}header{flex-wrap:wrap;margin-bottom:1.6rem}.header-text{flex:calc(100% - 66px);max-width:calc(100% - 66px)}.header-text p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badges{width:calc(100% - 66px);margin-top:-.55rem;margin-left:0;transform:translate(66px)}.tab{flex:1 1 0;gap:.3rem;min-width:0;padding-inline:.42rem;font-size:.76rem}.tab svg{width:13px;height:13px}.card{padding:1.1rem}.cfg-grid,.inline-fields,.cron-layout,.uuid-controls{grid-template-columns:1fr}.cron-time-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.res-head,.ks-head,.uuid-box,.ak-box,.status{flex-wrap:wrap}.res-actions{width:100%}.res-actions .btn-sm{flex:1;justify-content:center}.uuid-text{font-size:.84rem}.ak-text,.cron-expression{font-size:.78rem}.cron-lines{width:100%}.cron-line{gap:.45rem}.cron-line code{letter-spacing:0;font-size:.78rem}.cron-line .btn-sm{min-width:58px;padding-inline:.45rem}.cron-next-time{white-space:normal}}@media (width<=360px){.tab{gap:.22rem;padding-inline:.25rem;font-size:.68rem}.tab svg{width:12px;height:12px}}