:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--color-bg: #ffffff;--color-bg-elevated: #faf9f6;--color-text: #213547;--color-text-strong: #000000;--color-text-muted: #666666;--color-accent: #f97316;--color-accent-hover: #ea580c;--color-border: #111827;--color-border-subtle: #e0e0e0;--color-shadow: #111827;--color-header-bg: #ffffff;--color-divider: #000000;--color-input-bg: #ffffff;--color-input-disabled: #f5f5f5;--color-error-bg: #fee;--color-error-border: #fcc;--color-error-text: #c33}[data-theme=dark]{color-scheme:dark;--color-bg: #0f172a;--color-bg-elevated: #1e293b;--color-text: #e2e8f0;--color-text-strong: #f8fafc;--color-text-muted: #94a3b8;--color-accent: #f97316;--color-accent-hover: #fb923c;--color-border: #334155;--color-border-subtle: #475569;--color-shadow: #0f172a;--color-header-bg: #0f172a;--color-divider: #e2e8f0;--color-input-bg: #1e293b;--color-input-disabled: #334155;--color-error-bg: #450a0a;--color-error-border: #7f1d1d;--color-error-text: #fca5a5}:root{color:var(--color-text);background-color:var(--color-bg)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100vw;height:100vh;overflow-x:hidden;background-color:var(--color-bg)}*{box-sizing:border-box}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;max-width:1000px;width:100%;margin:0 auto}.hero-section{text-align:center;margin-bottom:1.5rem;max-width:100%;width:100%}.main-title{font-size:3.25rem;font-weight:700;line-height:1.2;margin:0 0 .75rem;color:var(--color-text-strong);display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative}.title-text{display:inline-block}.sparkle{font-size:1.5rem;display:inline-block;animation:sparkle 2s ease-in-out infinite}.sparkle-left{color:#ef4444}.sparkle-right{color:#10b981}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.description{color:var(--color-text-muted);font-size:1.125rem;line-height:1.5;max-width:800px;margin:0 auto}.description p{margin:0}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--color-text-muted)}@media(max-width:640px){.main-content{padding:1rem}.hero-section{margin-bottom:1rem}.main-title{font-size:2rem;gap:.5rem}.sparkle{font-size:1.25rem}.description{font-size:.9rem;padding:0 .5rem}}.app-header{width:100%;background-color:var(--color-header-bg)}.header-content{max-width:1000px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;width:100%}.logo-link{text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:opacity .2s}.logo-img{height:2.75rem;width:auto;display:block;mix-blend-mode:multiply}[data-theme=dark] .logo-img{mix-blend-mode:lighten}.logo-link:hover{opacity:.8}.logo{font-size:1.75rem;font-weight:600;line-height:1;cursor:pointer}.logo-part{color:var(--color-text-strong)}.logo-part-accent{color:#f97316}.header-nav{display:flex;align-items:center;gap:1.5rem}.header-ph-badge{display:inline-block;line-height:0}.header-ph-badge img{display:block;height:40px;width:auto;max-width:185px;object-fit:contain}@media(max-width:640px){.header-content{padding:1rem}.header-ph-badge{display:none}.header-nav{gap:1rem}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;font-size:1.25rem;line-height:1;background:transparent;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s;box-shadow:2px 2px 0 var(--color-shadow)}.theme-toggle:hover{background-color:var(--color-bg-elevated);border-color:var(--color-accent);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-shadow)}.theme-toggle:active{transform:translate(0);box-shadow:1px 1px 0 var(--color-shadow)}.nav-link{display:flex;align-items:center;gap:.5rem;color:var(--color-text-strong);text-decoration:none;font-size:.9rem;line-height:1;transition:color .2s}.nav-link:hover{color:var(--color-accent)}.nav-icon{width:16px;height:16px;display:inline-block}.header-divider{width:100%;height:3px;background-color:var(--color-divider)}.app-footer{width:100%;background-color:var(--color-header-bg);margin-top:auto}.footer-divider{width:100%;height:3px;background-color:var(--color-divider)}.footer-content{max-width:1280px;margin:0 auto;padding:1rem;text-align:center}.footer-content p{margin:0;color:var(--color-text-muted);font-size:.9rem}.footer-link{color:var(--color-accent);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--color-accent-hover)}.footer-build-id{font-size:.7rem;opacity:.7;margin-top:.25rem!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;margin:2rem 0}.spinner{width:50px;height:50px;border:4px solid var(--color-border-subtle);border-top:4px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p,.loading-container .loading-message{color:var(--color-text-muted);margin-top:1rem}.loading-steps{list-style:none;padding:0;margin:1rem 0 0;font-size:.875rem;color:var(--color-text-muted)}.loading-step-done{margin-top:.25rem}.loading-step-done:before{content:"✓ ";color:var(--color-accent)}.mermaid-container{margin:2em 0;background-color:var(--color-input-bg);border:1px solid var(--color-border-subtle);border-radius:6px;overflow:hidden}.mermaid-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.mermaid-controls-left{display:flex;align-items:center}.mermaid-label{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.mermaid-controls-right{display:flex;gap:.5rem}.mermaid-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;border:1px solid var(--color-border-subtle);border-radius:4px;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.mermaid-control-btn:hover{background-color:var(--color-bg);color:var(--color-text-strong);border-color:var(--color-border)}.mermaid-control-btn:active{background-color:var(--color-border-subtle)}.mermaid-wrapper{position:relative;width:100%;height:600px;overflow:hidden;background-color:var(--color-input-bg)}.mermaid-transform-wrapper{width:100%!important;height:100%!important}.mermaid-zoom-controls{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;flex-direction:column;gap:.5rem;background-color:#ffffffe6;padding:.5rem;border-radius:6px;box-shadow:0 2px 8px #0000001a}.mermaid-zoom-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;color:#666;transition:all .2s}.mermaid-zoom-btn:hover{background-color:#f3f4f6;color:#333;border-color:#9ca3af}.mermaid-zoom-btn:active{background-color:#e5e7eb}.mermaid-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:600px;padding:2rem;cursor:grab;position:relative}.mermaid-content:active{cursor:grabbing}.mermaid-content svg{display:block;max-width:none;margin:0 auto}.mermaid-loading{margin:2em 0;padding:2rem;text-align:center;color:var(--color-text-muted);background-color:var(--color-bg-elevated);border-radius:6px}.shell-code-block-wrapper{position:relative;margin:1em 0;border-radius:6px;overflow:hidden;background-color:#161b22!important;border:1px solid #30363d!important}.shell-code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#21262d;border-bottom:1px solid #30363d}.shell-code-language{font-size:.75rem;color:#8b949e;text-transform:uppercase;font-weight:500}.shell-code-copy-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;background-color:transparent;color:#c9d1d9;border:1px solid #30363d;border-radius:4px;cursor:pointer;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.shell-code-copy-btn:hover{background-color:#30363d;border-color:#484f58;color:#f0f6fc}.shell-code-copy-btn:active{background-color:#21262d}.shell-code-copy-btn svg{width:14px;height:14px;flex-shrink:0}.shell-code-block{margin:0!important;padding:1rem;background-color:#161b22!important;overflow-x:auto;font-size:.875rem;line-height:1.6;border:none!important;border-radius:0!important}.shell-code-block code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;color:#c9d1d9!important;background-color:transparent!important;padding:0!important;border-radius:0!important;font-size:inherit!important;white-space:pre;word-wrap:normal}.markdown-content{color:var(--color-text-strong);line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.75em;font-weight:600;line-height:1.25;color:var(--color-text-strong)}.markdown-content h1{font-size:2em;border-bottom:2px solid var(--color-border-subtle);padding-bottom:.3em}.markdown-content h2{font-size:1.5em;border-bottom:1px solid var(--color-border-subtle);padding-bottom:.3em}.markdown-content h3{font-size:1.25em}.markdown-content h4{font-size:1.1em}.markdown-content p{margin-bottom:1em;color:var(--color-text-muted)}.markdown-content ul,.markdown-content ol{margin-bottom:1em;padding-left:2em}.markdown-content li{margin-bottom:.5em}.markdown-content li>p{margin-bottom:.5em}.markdown-content blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--color-accent);background-color:var(--color-bg-elevated);color:var(--color-text-muted)}.markdown-content code{background-color:var(--color-bg-elevated);padding:.2em .4em;border-radius:3px;font-size:.9em;font-family:Courier New,Courier,monospace;color:var(--color-accent)}.markdown-content pre:not(.shell-code-block){background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:6px;padding:1em;overflow-x:auto;margin-bottom:1em}.markdown-content pre:not(.shell-code-block) code{background-color:transparent;padding:0;color:var(--color-text-strong);font-size:.9em}.markdown-content table{border-collapse:collapse;width:100%;margin:1em 0}.markdown-content table th,.markdown-content table td{border:1px solid var(--color-border-subtle);padding:.6em 1em;text-align:left}.markdown-content table th{background-color:var(--color-bg-elevated);font-weight:600}.markdown-content table tr:nth-child(2n){background-color:var(--color-bg)}.markdown-content a{color:var(--color-accent);text-decoration:none}.markdown-content a:hover{text-decoration:underline;color:var(--color-accent-hover)}.markdown-content hr{border:none;border-top:2px solid var(--color-border-subtle);margin:2em 0}.markdown-content strong{font-weight:600;color:var(--color-text-strong)}.markdown-content em{font-style:italic}.chat-container{margin-top:2rem;padding:1.5rem;background-color:var(--color-bg-elevated);border-radius:12px;border:3px solid var(--color-border);box-shadow:6px 6px 0 var(--color-shadow);display:flex;flex-direction:column}.chat-container-embedded{margin-top:0;padding:0;background-color:transparent;border:0;box-shadow:none}.chat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.chat-header h3{margin:0 0 .35rem;color:var(--color-text-strong)}.chat-header-info{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.chat-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.chat-style-group{display:inline-flex;gap:.35rem;padding:.25rem;border:2px solid var(--color-border);border-radius:10px;background-color:var(--color-bg);box-shadow:3px 3px 0 var(--color-shadow)}.chat-style-btn,.chat-clear-btn{border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;font:inherit;transition:transform .1s,box-shadow .1s,background-color .2s}.chat-style-btn{padding:.35rem .8rem}.chat-style-btn-active{background-color:var(--color-accent);color:#fff}.chat-clear-btn{padding:.45rem .9rem;box-shadow:3px 3px 0 var(--color-shadow)}.chat-style-btn:hover,.chat-clear-btn:hover{transform:translate(-1px,-1px)}.chat-clear-btn:hover{box-shadow:4px 4px 0 var(--color-shadow)}.connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-dot.open{background-color:#10b981}.connection-dot.connecting{background-color:#f59e0b;animation:pulse-dot 1.2s ease-in-out infinite}.connection-dot.closed{background-color:#ef4444}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.chat-messages{max-height:400px;overflow-y:auto;border:2px solid var(--color-border);border-radius:10px;padding:1rem;margin-bottom:1rem;background-color:var(--color-bg);display:flex;flex-direction:column;gap:.75rem}.chat-empty{text-align:center;color:var(--color-text-muted);padding:2rem 1rem;font-size:.95rem}.chat-message{max-width:85%;border-radius:10px;padding:.75rem 1rem;line-height:1.5}.chat-message-user{align-self:flex-end;background-color:var(--color-accent);color:#fff;border:2px solid var(--color-border);box-shadow:3px 3px 0 var(--color-shadow)}.chat-message-assistant{align-self:flex-start;background-color:var(--color-bg-elevated);color:var(--color-text);border:2px solid var(--color-border);box-shadow:3px 3px 0 var(--color-shadow)}.chat-message-streaming{position:relative}.chat-message-streaming:after{content:"";display:inline-block;width:.55rem;height:1rem;margin-left:.3rem;border-radius:2px;background-color:var(--color-accent);animation:pulse-dot .9s ease-in-out infinite}.chat-message-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;opacity:.7}.chat-message-content p{margin:0}.chat-message-content p+p{margin-top:.5em}.chat-message-content pre{max-width:100%;overflow-x:auto}.chat-status{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.9rem;padding:.5rem 0}.chat-status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-accent);animation:pulse-dot 1s ease-in-out infinite;flex-shrink:0}.chat-tool-events{display:flex;flex-direction:column;gap:.45rem}.chat-tool-event{display:inline-flex;align-items:center;gap:.55rem;align-self:flex-start;max-width:90%;padding:.45rem .75rem;border:2px solid var(--color-border);border-radius:999px;background-color:var(--color-bg-elevated);color:var(--color-text-muted);box-shadow:3px 3px 0 var(--color-shadow);font-size:.85rem}.chat-tool-event-persisted{margin-left:.25rem}.chat-tool-event-dot{width:7px;height:7px;border-radius:50%;background-color:var(--color-accent);flex-shrink:0}.chat-input-form{display:flex;flex-direction:column;gap:.25rem}.chat-input-wrapper{display:flex;gap:.5rem;align-items:flex-end}.chat-input{flex:1;padding:.75rem 1rem;font-size:1rem;font-family:inherit;line-height:1.5;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-input-bg);color:var(--color-text);box-shadow:4px 4px 0 var(--color-shadow);resize:none;min-height:3rem;max-height:6rem;overflow-y:auto;transition:border-color .3s,box-shadow .2s}.chat-input:focus{outline:none;border-color:var(--color-accent);box-shadow:4px 4px 0 var(--color-shadow),0 0 0 3px #f9731626}.chat-input:disabled{background-color:var(--color-input-disabled);cursor:not-allowed}.chat-input::placeholder{color:var(--color-text-muted);opacity:.6}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background-color:var(--color-accent);color:#fff;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;flex-shrink:0;box-shadow:4px 4px 0 var(--color-shadow);transition:background-color .2s,transform .1s,box-shadow .1s}.chat-send-btn:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--color-shadow)}.chat-send-btn:active:not(:disabled){transform:translate(0);box-shadow:3px 3px 0 var(--color-shadow)}.chat-send-btn:disabled{background-color:#ccc;cursor:not-allowed}.chat-input-footer{display:flex;justify-content:flex-end;padding-right:.25rem}.char-count{font-size:.75rem;color:var(--color-text-muted)}.char-count-warn{color:var(--color-error-text);font-weight:600}@media(max-width:640px){.chat-container{padding:1rem}.chat-messages{max-height:300px}.chat-message{max-width:95%}.chat-header{flex-direction:column;align-items:flex-start}}.result-container{margin-top:2rem;padding:2rem;background-color:var(--color-bg-elevated);border-radius:12px;border:3px solid var(--color-border);box-shadow:6px 6px 0 var(--color-shadow)}.result-container-embedded{margin-top:0;padding:0;background-color:transparent;border:0;box-shadow:none}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:nowrap;gap:1rem;position:relative}.result-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.result-container h3{margin-top:0;margin-bottom:0;color:var(--color-text-strong);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.copy-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;margin:0;background-color:var(--color-accent);color:#fff;border:2px solid var(--color-border);border-radius:4px;cursor:pointer;transition:background-color .3s,box-shadow .2s,transform .1s;flex-shrink:0;box-sizing:border-box;position:relative;overflow:visible;font-size:.9rem;font-weight:500;white-space:nowrap;box-shadow:4px 4px 0 var(--color-shadow)}.copy-all-btn[data-copied=true]{background-color:#10b981}.copy-all-btn:hover{background-color:#ea580c;transform:translate(-1px,-1px);box-shadow:5px 5px #111827}.copy-all-btn:active{background-color:#c2410c;transform:translate(0);box-shadow:3px 3px #111827}.copy-all-btn svg{width:16px;height:16px;flex-shrink:0}.copy-all-btn span{display:inline-block}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;margin:0;background-color:var(--color-accent);color:#fff;border:2px solid var(--color-border);border-radius:4px;cursor:pointer;transition:background-color .3s,box-shadow .2s,transform .1s;flex-shrink:0;box-sizing:border-box;position:relative;overflow:visible;font-size:.9rem;font-weight:500;white-space:nowrap;box-shadow:4px 4px 0 var(--color-shadow)}.download-btn:hover{background-color:var(--color-accent-hover);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--color-shadow)}.download-btn:active{background-color:var(--color-accent-hover);transform:translate(0);box-shadow:3px 3px 0 var(--color-shadow)}.download-btn svg{width:16px;height:16px;flex-shrink:0}.download-btn span{display:inline-block}.repo-info{margin-bottom:1.5rem;padding:1rem;background-color:#fff;border-radius:4px;border-left:4px solid #f97316;color:#333}.repo-info strong{color:#f97316}.explanation{margin-top:1.5rem}.explanation-scroll{max-height:520px;overflow:auto;background-color:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:10px;padding:1.25rem;box-shadow:4px 4px 0 var(--color-shadow)}@media(max-width:640px){.result-container{padding:1.25rem}.result-header{flex-direction:column;align-items:flex-start}.result-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.explanation-scroll{max-height:420px;padding:1rem}}.repo-workspace{margin-top:2rem;padding:1.5rem;background-color:var(--color-bg-elevated);border-radius:12px;border:3px solid var(--color-border);box-shadow:6px 6px 0 var(--color-shadow);display:flex;flex-direction:column;gap:1rem}.repo-workspace-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.repo-workspace-header h3{margin:0 0 .35rem;color:var(--color-text-strong)}.repo-workspace-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.repo-workspace-cache{display:inline-flex;align-items:center;padding:.2rem .65rem;border:2px solid var(--color-border);border-radius:999px;background-color:var(--color-bg);color:var(--color-text-muted);font-size:.85rem;box-shadow:3px 3px 0 var(--color-shadow)}.repo-workspace-cache-active{color:var(--color-text-strong)}.repo-workspace-regenerate{border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;font:inherit;padding:.4rem .85rem;box-shadow:3px 3px 0 var(--color-shadow);transition:transform .1s,box-shadow .1s,background-color .2s}.repo-workspace-regenerate:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-shadow)}.repo-workspace-toggle{display:inline-flex;gap:.35rem;padding:.25rem;border:2px solid var(--color-border);border-radius:10px;background-color:var(--color-bg);box-shadow:3px 3px 0 var(--color-shadow)}.repo-workspace-tab{border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;font:inherit;padding:.45rem .9rem;transition:transform .1s,box-shadow .1s,background-color .2s}.repo-workspace-tab:hover{transform:translate(-1px,-1px)}.repo-workspace-tab-active{background-color:var(--color-accent);color:#fff}.repo-workspace-panel{min-height:0}@media(max-width:640px){.repo-workspace{padding:1rem}.repo-workspace-header{flex-direction:column}}.form-container{width:100%;margin:0 auto;padding:2rem;text-align:left;background-color:var(--color-bg-elevated);border:3px solid var(--color-border);border-radius:12px;box-shadow:10px 10px 0 var(--color-shadow)}.form-container form{margin-bottom:1.25rem}.instructions-wrapper{width:100%;margin-top:1rem}.instructions-input{width:100%;padding:1.25rem 1.5rem;font-size:1.125rem;font-family:inherit;line-height:1.5;border:2px solid var(--color-border);border-radius:8px;transition:border-color .3s,box-shadow .2s,transform .1s;background-color:var(--color-input-bg);color:var(--color-text);box-shadow:4px 4px 0 var(--color-shadow);resize:vertical;box-sizing:border-box;height:4.1875rem;min-height:4.1875rem;max-height:12rem;overflow-y:auto}.instructions-input:focus{outline:none;border-color:var(--color-accent);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--color-shadow),0 0 0 3px #f9731626}.instructions-input:disabled{background-color:var(--color-input-disabled);cursor:not-allowed}.input-wrapper{display:flex;gap:1rem;align-items:center;width:100%;margin:0 auto}.url-input-wrapper{position:relative;flex:2;min-width:0;display:flex;align-items:center}.url-input-wrapper input{flex:1;min-width:0;padding-right:2.75rem}.open-repo-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:var(--color-input-bg);color:var(--color-text-muted);cursor:pointer;transition:color .2s,background-color .2s}.open-repo-btn:hover:not(:disabled){color:var(--color-accent);background-color:var(--color-bg-elevated)}.open-repo-btn:disabled{opacity:.5;cursor:not-allowed}.form-container input{flex:1;padding:1.25rem 1.5rem;font-size:1.125rem;border:2px solid var(--color-border);border-radius:8px;transition:border-color .3s,box-shadow .2s,transform .1s;min-width:0;background-color:var(--color-input-bg);color:var(--color-text);box-shadow:4px 4px 0 var(--color-shadow)}.form-container input:focus{outline:none;border-color:var(--color-accent);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--color-shadow),0 0 0 3px #f9731626}.form-container input:disabled{background-color:var(--color-input-disabled);cursor:not-allowed}.form-container input::placeholder,.instructions-input::placeholder{color:var(--color-text-muted);opacity:.6;font-size:1.125rem;font-family:inherit}.generate-btn{padding:1.25rem 2.5rem;font-size:1.125rem;font-weight:500;background-color:#f97316;color:#fff;border:2px solid #111827;border-radius:8px;cursor:pointer;transition:background-color .3s,box-shadow .2s,transform .1s;white-space:nowrap;flex-shrink:0;box-shadow:4px 4px #111827}.generate-btn:hover:not(:disabled){background-color:#ea580c;transform:translate(-1px,-1px);box-shadow:5px 5px #111827}.generate-btn:active:not(:disabled){transform:translate(0);box-shadow:3px 3px #111827}.generate-btn:disabled{background-color:#ccc;cursor:not-allowed}.examples-section{margin-top:1.25rem;text-align:center}.examples-label{margin-bottom:.75rem;color:var(--color-text-muted);font-size:.9rem}.examples-label-instructions{margin-top:1rem;margin-bottom:.75rem}.example-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.example-btn{padding:.75rem 1.5rem;font-size:1rem;background-color:var(--color-input-bg);color:var(--color-text-strong);border:2px solid var(--color-border);border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .1s;box-shadow:4px 4px 0 var(--color-shadow)}.example-btn:hover:not(:disabled){background-color:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--color-shadow)}.example-btn:active:not(:disabled){transform:translate(0);box-shadow:3px 3px 0 var(--color-shadow)}.example-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{margin:1rem 0;padding:1rem;background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:4px;color:var(--color-error-text)}.error-message p{margin:0}@media(max-width:640px){.form-container{padding:1.25rem}.examples-section{margin-top:1rem}.input-wrapper{flex-direction:column;align-items:stretch;max-width:100%}.url-input-wrapper{width:100%}.url-input-wrapper input{flex:none;width:100%}.generate-btn{width:100%}.example-buttons{justify-content:center}}