@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-dark:#0a0c10;--card-bg:#ffffff08;--input-bg:#0003;--card-border:#ffffff14;--text-primary:#e6edf3;--text-secondary:#8b949e;--accent-git:#f14e32;--accent-node:#43d39e;--accent-docker:#2496ed;--accent-primary:var(--accent-git);--glow-shadow:0 0 10px #f14e321a;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:12px;--radius-pill:100px}body.theme-node{--accent-primary:var(--accent-node);--glow-shadow:0 0 10px #43d39e1a}body.theme-docker{--accent-primary:var(--accent-docker);--glow-shadow:0 0 10px #2496ed1a}body.theme-favs{--accent-primary:#fc0;--glow-shadow:0 0 10px #ffcc001a}body.theme-personal{--accent-primary:#a855f7;--glow-shadow:0 0 10px #a855f71a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;margin:0;padding:0;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}input[type=text],textarea{background:var(--input-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}input[type=text]:focus,textarea:focus{border-color:var(--accent-primary);background:var(--input-bg);box-shadow:none}button{cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:.9rem;display:flex}.secondary-btn,.wf-btn,.type-btn,.node-mgr-btn,.node-type-btn,.node-action-btn,.docker-action-btn,.terminal-toggle{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-secondary);border-radius:var(--radius-sm);height:38px;padding:8px 16px}.secondary-btn:hover,.wf-btn:hover,.type-btn:hover,.node-mgr-btn:hover,.node-type-btn:hover,.node-action-btn:hover,.docker-action-btn:hover,.terminal-toggle:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.wf-btn.active,.type-btn.active,.node-mgr-btn.active,.node-type-btn.active{box-shadow:var(--glow-shadow);color:var(--accent-primary)!important;border-color:var(--accent-primary)!important;background:#ffffff0d!important}#glow-follower,.hidden{display:none!important}.container{flex-direction:column;width:100%;max-width:1100px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}header{text-align:center;margin-bottom:50px;position:relative}.lang-switcher{position:absolute;top:0;right:0}#lang-btn{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:700}#lang-btn:hover{color:#fff;border-color:var(--accent-primary);background:#ffffff1a}header h1{letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#a5a5a5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:3rem;font-weight:700}header p{color:var(--text-secondary);font-size:1.1rem}.task-history{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;display:none}body.theme-git .task-history,body:not([class*=theme-]) .task-history{display:flex}.history-item{border:1px solid var(--card-border);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;display:flex}.history-item:hover{border-color:var(--accent-primary);background:#ffffff1a;transform:translateY(-2px)}.hist-type{color:var(--accent-primary);text-transform:uppercase;opacity:.8;font-size:.65rem;font-weight:700}.hist-title{color:var(--text-secondary)}.top-nav{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;gap:10px;margin-bottom:24px;padding:6px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.nav-item img{filter:opacity(.7);width:20px;height:20px;transition:var(--transition)}.nav-item:hover img,.nav-item.active img{filter:opacity()}.nav-item.active img{filter:brightness(0)}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{background:var(--accent-primary);color:#000;font-weight:600}.module-content{opacity:0;transition:opacity .4s,transform .4s;display:none;transform:translateY(15px)}.module-content.active{opacity:1;display:block;transform:translateY(0)}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:15px;padding:60px 20px;display:flex}.task-deck{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;margin-bottom:30px;padding:40px;transition:height .3s;position:relative;overflow:hidden}.node-mgr-btn,.node-type-btn{flex:1}.node-action-btn{border-radius:var(--radius-sm);border-radius:12px}.workflow-selector{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);gap:6px;margin-bottom:30px;padding:4px;display:flex}.wf-btn{flex:1}.wf-btn.active{color:#fff!important;background:#ffffff14!important;border-color:#0000!important}.input-row{gap:16px;margin-bottom:30px;display:flex}.input-group{flex-direction:column;flex:1;display:flex}#module-git .input-row .input-group:first-child{flex:2}#module-git .input-row .input-group:last-child{flex:1}#module-docker .input-row:first-child .input-group:first-child{flex:1.5}#module-docker .input-row:first-child .input-group:last-child,#module-docker .input-row:nth-child(2) .input-group:first-child{flex:1}#module-docker .input-row:nth-child(2) .input-group:last-child{flex:1.5}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}#task-title{padding:16px 20px;font-size:1.1rem}.input-with-actions{align-items:center;display:flex;position:relative}.input-actions-group{gap:4px;display:flex;position:absolute;right:8px}.input-action-btn{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:var(--transition);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex}.input-action-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:#ffffff1a}.input-action-btn.loading{pointer-events:none;opacity:.7;animation:1.5s infinite pulse-glow}.input-action-btn.active-mode{border-color:var(--accent-primary);color:var(--accent-primary);background:#f14e3233;box-shadow:0 0 12px #f14e324d}#task-title{padding-right:85px!important}@keyframes pulse-glow{0%{box-shadow:0 0 #00d2ff66}70%{box-shadow:0 0 0 10px #00d2ff00}to{box-shadow:0 0 #00d2ff00}}.task-types{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.type-btn{border-radius:var(--radius-pill)}.output-section{opacity:0;flex-direction:column;gap:20px;transition:opacity .4s,transform .4s;display:none;transform:translateY(20px)}.output-section.visible{opacity:1;display:flex;transform:translateY(0)}.branch-preview{border:1px dashed var(--accent-primary);background:#00d2ff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.branch-input{color:var(--accent-primary);resize:none;background:0 0;border:none;width:100%;padding-right:20px;font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:600;overflow:hidden}.branch-input:focus{border-bottom:1px solid var(--accent-primary);outline:none}.reset-btn{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;width:28px;height:28px;transition:var(--transition);background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;margin-right:8px;display:flex}.secondary-btn{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-family:inherit;display:flex}.secondary-btn:hover{color:var(--text-primary);border-color:var(--accent-primary);background:#ffffff1a}.input-warning{color:#ff9800;background:#ff98001a;border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:4px 8px;font-size:.75rem;display:flex}.manual-notice{color:#fc0;align-items:center;gap:5px;margin-top:4px;margin-bottom:12px;font-size:.7rem;font-style:italic;display:flex}.command-list{flex-direction:column;gap:12px;display:flex}.header-with-action{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.header-with-action .input-label{margin:0}.terminal-toggle{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;display:flex}.terminal-toggle:hover{color:var(--text-primary);background:#ffffff1a}.terminal-toggle.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#00d2ff1a}.command-list.terminal-view{background:#0d1117;border-radius:12px;padding:20px;font-family:Courier New,Courier,monospace;box-shadow:inset 0 0 10px #00000080}.command-list.terminal-view .command-card{box-shadow:none;background:0 0;border:none;gap:12px;padding:4px 0}.command-list.terminal-view .command-info{flex-direction:row;align-items:center;gap:12px;display:flex}.command-list.terminal-view .command-info>div:first-child{display:none}.command-list.terminal-view .command-text{color:#d1d5db;font-size:.9rem}.command-list.terminal-view .command-text:before{content:"$ ";color:var(--accent-primary);font-weight:700}.command-card{border:1px solid var(--card-border);transition:var(--transition);background:#0006;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.command-card:hover{border-color:#fff3}.command-text{color:#e0e0e0;font-family:Courier New,Courier,monospace}.copy-btn{border:1px solid var(--card-border);color:#fff;cursor:pointer;transition:var(--transition);background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:600;display:flex}.copy-btn:hover{border-color:var(--accent-primary);background:#ffffff26;transform:translateY(-1px)}.copy-btn.icon-only{flex-shrink:0;width:42px;height:42px;padding:0}.terminal-preview{border:1px solid var(--card-border);background:#0d1117;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.terminal-body code{color:#d1d5db;word-break:break-all;white-space:pre-wrap;line-height:1.5}.copy-btn.copied{color:#00c853;background:#00c85333;border-color:#00c853}.docker-library{border-top:1px solid var(--card-border);margin-top:40px;padding-top:30px}.library-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.search-box{flex:1;align-items:center;max-width:350px;display:flex;position:relative}.search-box i,.search-box svg{pointer-events:none;z-index:10;opacity:1;position:absolute;left:20px;color:var(--accent-primary)!important}.search-box input{border:1px solid var(--card-border);width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffff0d;border-radius:100px;height:42px;margin:0;padding:12px 16px 12px 52px;font-size:.85rem;display:block}.search-box input:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.library-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:15px;display:grid}.library-card{border:1px solid var(--card-border);transition:var(--transition);background:#ffffff05;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.library-card:hover{border-color:var(--accent-primary);box-shadow:0 0 15px var(--glow-shadow);transform:translateY(-2px)}.star-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.star-btn:hover{color:#fc0;background:#ffcc001a}.delete-btn:hover{color:#f44;background:#ff44441a}.star-btn.active{color:#fc0}.star-btn.active i,.star-btn.active svg{fill:currentColor}.library-card.fav-card-git{border-left:3px solid var(--accent-git)}.library-card.fav-card-node{border-left:3px solid var(--accent-node)}.library-card.fav-card-docker{border-left:3px solid var(--accent-docker)}.library-card.fav-card-personal{border-left:3px solid #a855f7}.library-card.fav-card-git:hover{border-color:var(--accent-git);box-shadow:0 0 15px #f14e321a}.library-card.fav-card-node:hover{border-color:var(--accent-node);box-shadow:0 0 15px #43d39e1a}.library-card.fav-card-docker:hover{border-color:var(--accent-docker);box-shadow:0 0 15px #2496ed1a}.library-card.fav-card-personal:hover{border-color:var(--accent-personal);box-shadow:0 0 15px rgba(var(--accent-personal-rgb), .1)}.module-badge{text-transform:uppercase;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.6rem;font-weight:700}.module-badge-git{color:var(--accent-git);background:#f14e3226}.module-badge-node{color:var(--accent-node);background:#43d39e26}.module-badge-docker{color:var(--accent-docker);background:#2496ed26}.module-badge-personal{color:#a855f7;background:#a855f726}.library-card .cmd-desc{color:var(--text-secondary);font-size:.75rem;font-weight:500}.library-card .cmd-val{color:var(--accent-primary);cursor:pointer;transition:var(--transition);background:#0003;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-family:Courier New,Courier,monospace;font-size:.85rem;display:flex}.library-card .cmd-val:hover{background:#0006}#toast-container{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:30px;right:30px}.toast{-webkit-backdrop-filter:blur(10px);border-left:4px solid var(--accent-primary);border-top:1px solid var(--card-border);border-right:1px solid var(--card-border);border-bottom:1px solid var(--card-border);color:#fff;background:#14161ae6;border-radius:8px;align-items:center;gap:12px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .3s;animation:.4s cubic-bezier(.175,.885,.32,1.275) toast-in;display:flex;box-shadow:0 10px 25px #0006}.toast.removing{opacity:0;transform:translate(50px)}.toast i{color:var(--accent-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.terminal-preview{border:1px solid var(--card-border);background:#0d1117;border-radius:12px;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.terminal-header{border-bottom:1px solid var(--card-border);background:#161b22;justify-content:center;align-items:center;padding:10px 15px;display:flex}.terminal-header .dots{gap:6px;display:flex;position:absolute;left:15px}.terminal-header .dots span{background:#ff5f56;border-radius:50%;width:8px;height:8px}.terminal-header .dots span:nth-child(2){background:#ffbd2e}.terminal-header .dots span:nth-child(3){background:#27c93f}.terminal-title{color:var(--text-secondary);opacity:.7;font-family:monospace;font-size:.7rem}.terminal-body{gap:12px;min-height:80px;padding:20px 60px 20px 20px;font-family:Courier New,Courier,monospace;display:flex}.terminal-body .prompt{color:var(--accent-primary);font-weight:700}.terminal-body code{color:#d1d5db;word-break:break-all;white-space:pre-wrap;font-size:.95rem;line-height:1.5}#copy-terminal{background:#ffffff0d;position:absolute;bottom:12px;right:12px}#base-branch-group{display:flex}@media (width>=1400px){.container{max-width:1280px}.task-deck{padding:60px}}@media (width>=992px){.library-grid{grid-template-columns:1fr 1fr;gap:20px}}@media (width<=850px){.container{padding:20px 10px}header{margin-bottom:30px}.lang-switcher{justify-content:flex-end;margin-bottom:20px;display:flex;position:static!important}header h1{font-size:1.8rem;line-height:1.2}header p{font-size:.95rem}.top-nav{justify-content:flex-start;gap:5px;padding:4px;overflow-x:auto}.nav-item span{display:none}.nav-item{min-width:60px;padding:12px}.task-deck{border-radius:16px;padding:15px;overflow:visible!important}.input-row{margin-bottom:0;width:100%!important;display:block!important}.input-group{flex:none!important;width:100%!important;margin-bottom:20px!important;display:block!important}.node-type-btn,.node-mgr-btn{flex:auto}.task-types{gap:8px;justify-content:center!important}#lbl-task-type{text-align:center!important}.type-btn{padding:8px 12px;font-size:.75rem}.branch-preview{flex-direction:column;align-items:flex-start;gap:12px}.branch-input{font-size:1rem}.library-grid{grid-template-columns:1fr}.library-header{flex-direction:column;align-items:stretch;gap:15px}.search-box{max-width:100%}#toast-container{bottom:20px;left:20px;right:20px}.toast{width:100%}}footer{border-top:1px solid var(--card-border);margin-top:auto;padding-top:25px;padding-bottom:25px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-left p{color:var(--text-secondary);font-size:.85rem}.footer-left span{color:var(--accent-primary);font-weight:600}.footer-right{gap:20px;display:flex}.social-link{transition:var(--transition);color:var(--accent-primary);justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link i{stroke-width:2px;width:22px;height:22px}.social-link:hover{filter:drop-shadow(0 0 8px var(--accent-primary));transform:translateY(-3px)}@media (width<=600px){.footer-content{text-align:center;flex-direction:column}}.icon-picker{flex-wrap:wrap;gap:12px;display:flex}.icon-opt{border:1px solid var(--card-border);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-opt:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#ffffff1a}.icon-opt.active{background:rgba(var(--accent-personal-rgb,168, 85, 247), .15);border-color:var(--accent-personal);color:var(--accent-personal);box-shadow:0 0 10px rgba(var(--accent-personal-rgb,168, 85, 247), .2)}@media (width>=851px){.personal-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;display:flex}.modal-content{border:2px solid var(--accent-primary);width:90%;max-width:400px;box-shadow:0 20px 50px #00000080, 0 0 20px var(--glow-shadow);background:#1c1f26;border-radius:20px;padding:30px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(.9)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-header{align-items:center;gap:15px;margin-bottom:15px;display:flex}.modal-header i{color:var(--accent-primary);filter:drop-shadow(0 0 5px var(--accent-primary))}.modal-header h3{color:#fff;margin:0;font-size:1.3rem}.modal-content p{color:var(--text-secondary);margin-bottom:25px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-actions .confirm-btn{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.modal-actions .confirm-btn:hover{filter:brightness(1.2);box-shadow:0 0 15px var(--accent-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--accent-primary);opacity:.5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);filter:brightness(1.2)}.personal-card-content{transition:max-height .3s,opacity .3s;overflow:hidden}.personal-card-content.collapsed{opacity:0;max-height:0;margin-top:0!important}.expand-icon{transition:transform .3s}.personal-card-header.expanded .expand-icon{transform:rotate(180deg)}.sub-cmd-row{transition:var(--transition);cursor:pointer}.sub-cmd-row:hover{border-left-width:4px;border-left-color:var(--accent-primary);box-shadow:inset 2px 0 10px #0003}.copy-sub-btn{transition:var(--transition)}.copy-sub-btn:hover{transform:scale(1.1);color:var(--accent-primary)!important}.personal-card-header button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:all .2s;display:flex}.personal-card-header button:hover{color:var(--text-primary);transform:scale(1.1)}
