.ghawg{margin-bottom:2rem;}
.ghawg-card{background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.1));border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06);}
.ghawg-templates{display:flex;flex-wrap:nowrap;gap:8px;padding:1rem 1.25rem;border-bottom:1px solid var(--border,rgba(0,0,0,.08));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.ghawg-templates::-webkit-scrollbar{height:6px;}
.ghawg-templates::-webkit-scrollbar-track{background:var(--surface-muted,rgba(0,0,0,.04));border-radius:3px;}
.ghawg-templates::-webkit-scrollbar-thumb{background:var(--border,rgba(0,0,0,.2));border-radius:3px;}
.ghawg-tpl{flex-shrink:0;padding:10px 18px;font-size:0.875rem;font-weight:600;color:var(--text-muted,#6b7280);background:var(--surface,#fff);border:2px solid var(--border,rgba(0,0,0,.12));border-radius:999px;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap;}
.ghawg-tpl:hover{color:var(--text-main,#111);border-color:var(--primary,#0d6efd);background:rgba(13,110,253,.04);}
.ghawg-tpl-active{color:var(--primary,#0d6efd);border-color:var(--primary,#0d6efd);background:rgba(13,110,253,.08);}
.ghawg-layout{display:flex;flex-direction:column;min-height:320px;}
@media (min-width:992px){.ghawg-layout{flex-direction:row;align-items:stretch;min-height:420px;}}
.ghawg-config{flex:1;min-width:0;overflow-y:auto;padding:1rem 1.25rem;}
@media (min-width:992px){.ghawg-config{max-width:400px;border-right:1px solid var(--border,rgba(0,0,0,.08));}}
.ghawg-block{border:1px solid var(--border,rgba(0,0,0,.08));border-radius:12px;margin-bottom:12px;overflow:hidden;}
.ghawg-block:last-of-type{margin-bottom:1rem;}
.ghawg-block-head{display:block;padding:12px 16px;font-size:0.9375rem;font-weight:600;color:var(--text-main,#111);background:var(--surface-muted,rgba(0,0,0,.03));cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;}
.ghawg-block-head::-webkit-details-marker{display:none;}
.ghawg-block-head::before{content:'';display:inline-block;width:0;height:0;margin-right:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;vertical-align:middle;opacity:.7;}
.ghawg-block[open] .ghawg-block-head::before{border-top:none;border-bottom:6px solid currentColor;}
.ghawg-block-body{padding:12px 16px 16px;}
.ghawg-field{margin-bottom:1rem;}
.ghawg-field:last-child{margin-bottom:0;}
.ghawg-label{display:block;font-size:0.8125rem;font-weight:600;color:var(--text-muted,#6b7280);margin-bottom:6px;}
.ghawg-input,.ghawg-select,.ghawg-textarea{width:100%;padding:10px 14px;font-size:0.9375rem;line-height:1.4;color:var(--text-main,#111);background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.12));border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;}
.ghawg-input:focus,.ghawg-select:focus,.ghawg-textarea:focus{border-color:var(--primary,#0d6efd);box-shadow:0 0 0 3px rgba(13,110,253,.12);outline:none;}
.ghawg-textarea{min-height:80px;resize:vertical;}
.ghawg-chks{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:6px;}
.ghawg-chk{display:inline-flex;align-items:center;gap:6px;font-size:0.875rem;color:var(--text-main,#111);cursor:pointer;-webkit-tap-highlight-color:transparent;}
.ghawg-chk input{width:18px;height:18px;accent-color:var(--primary,#0d6efd);}
.ghawg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem;padding-top:12px;border-top:1px solid var(--border,rgba(0,0,0,.06));}
.ghawg-btn{padding:10px 20px;font-size:0.875rem;font-weight:600;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;}
.ghawg-btn-primary{color:#fff;background:var(--primary,#0d6efd);border-color:var(--primary,#0d6efd);}
.ghawg-btn-primary:hover{background:#0b5ed7;border-color:#0a58ca;}
.ghawg-btn-secondary{color:var(--text-main,#111);background:var(--surface-muted,rgba(0,0,0,.06));border:1px solid var(--border,rgba(0,0,0,.12));}
.ghawg-btn-secondary:hover{background:rgba(0,0,0,.1);}
.ghawg-btn-success{color:#fff;background:#198754;border-color:#198754;}
.ghawg-btn-success:hover{background:#157347;}
.ghawg-output-wrap{display:flex;flex-direction:column;min-height:280px;background:#0d1117;border-top:1px solid var(--border,rgba(0,0,0,.08));}
@media (min-width:992px){.ghawg-output-wrap{border-top:none;border-left:1px solid var(--border,rgba(0,0,0,.08));flex:1;min-width:0;}}
.ghawg-output-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 1.25rem;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06);}
.ghawg-output-title{font-size:0.8125rem;font-weight:600;color:rgba(255,255,255,.85);font-family:ui-monospace,monospace;}
.ghawg-output-btns{display:flex;flex-wrap:wrap;gap:8px;}
.ghawg-code{flex:1;margin:0;padding:1rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:0.8125rem;line-height:1.6;color:#e6edf3;background:transparent;overflow:auto;white-space:pre-wrap;word-break:break-word;min-height:200px;}
.ghawg-code:empty::before{content:'# Click Generate to create your workflow';color:#8b949e;}