:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:flex;justify-content:center;padding:1.5rem}.app-container{width:100%;max-width:72rem;display:flex;flex-direction:column;gap:1rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.logo-group{display:flex;align-items:center;gap:.6rem}.logo-icon{color:#fafafa;display:flex}.app-title{font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:#fafafa}.header-right{display:flex;align-items:center;gap:.75rem}.save-indicator{font-size:.75rem;color:#fff6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.install-btn{font-size:.75rem;font-weight:500;padding:.4rem .85rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fffc;cursor:pointer;transition:all .15s ease}.install-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fafafa}.install-bar{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.5rem}.install-label{font-size:.75rem;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.08em}.install-cmd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#4ade80}.share-card{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#22c55e14,#3b82f60f);border:1.5px solid rgba(34,197,94,.25);border-radius:.75rem;text-align:center}.share-card-header{display:flex;align-items:center;gap:.5rem}.share-card-title{font-size:.85rem;font-weight:600;color:#ffffffd9}.share-url-big{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;color:#4ade80;background:#00000059;padding:.6rem 1rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.08);cursor:pointer;word-break:break-all;line-height:1.6;transition:border-color .15s ease;width:100%;display:block;text-align:center}.share-url-big:hover{border-color:#4ade804d}.share-copy-btn{font-size:.8rem;font-weight:600;padding:.55rem 1.5rem;border-radius:.5rem;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;cursor:pointer;transition:all .15s ease;letter-spacing:.01em}.share-copy-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 16px #22c55e4d}.share-copy-btn:active{transform:translateY(0)}.terminal-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}.terminal{flex:1;min-height:400px;display:flex;flex-direction:column;border-radius:.625rem;border:1px solid rgba(255,255,255,.08);background:#0d1117;overflow:hidden}.terminal-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dots{display:flex;gap:.35rem}.dot{width:.6rem;height:.6rem;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.terminal-title{font-size:.7rem;color:#ffffff59;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-body{flex:1;padding:1rem;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.55}.terminal-line{white-space:pre-wrap;word-break:break-all}.terminal-line.input{color:#fafafa}.terminal-line.output{color:#c9d1d9}.terminal-line.error{color:#f87171}.terminal-line.system{color:#ffffff59;font-style:italic}.prompt-symbol{color:#4ade80;margin-right:.4rem;-webkit-user-select:none;user-select:none}.terminal-input-line{display:flex;align-items:center}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:#fafafa;font-family:inherit;font-size:inherit;line-height:inherit;caret-color:#4ade80}.watcher-wrapper{width:100%;max-width:72rem;display:flex;flex-direction:column;gap:.75rem}.watcher-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#fff9}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff40}.status-dot.live{background:#22c55e;box-shadow:0 0 6px #22c55e66;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.watcher-id{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff4d}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:transparent}.terminal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#fff3}