.wr-dialog{position:fixed;inset:var(--topbar-height) 0 0 0;margin:auto;z-index:var(--z-dialog);width:min(1120px,94vw);max-height:calc(100dvh - var(--topbar-height) - 24px);overflow:auto;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg);color:var(--text);padding:24px;box-shadow:0 24px 90px #0009;font:var(--type-ui)/1.45 var(--font)}
.wr-dialog::backdrop{background:#0009}.wr-dialog [hidden]{display:none!important}.wr-dialog button{min-height:34px;padding:7px 11px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-elev-2);color:var(--text);font:inherit;cursor:pointer}.wr-dialog button:hover{background:var(--bg-hover)}.wr-dialog button:disabled{cursor:default;opacity:.5}.wr-dialog button:focus-visible,.wr-dialog input:focus-visible,.wr-dialog select:focus-visible,.wr-dialog summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wr-dialog .btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.wr-heading,.wr-item-head,.wr-actions,.wr-guide{display:flex;align-items:center;justify-content:space-between;gap:12px}.wr-heading{align-items:flex-start}.wr-heading h2{margin:0;font-size:var(--type-heading)}.wr-dialog h3{font-size:var(--type-subtitle)}.wr-heading p,.wr-guide p{margin:6px 0;color:var(--text-dim)}.wr-heading>button{font-size:24px;border:0;background:none;color:inherit;flex-shrink:0}.wr-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:20px}.wr-columns>section{min-width:0}.wr-columns h3{margin-top:0}.wr-item-head{align-items:flex-start}.wr-item-head h3{margin-bottom:0}
.wr-guide{margin:20px 0;padding:14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px}.wr-guide>button{flex-shrink:0}.wr-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.wr-dialog label{display:block;margin:14px 0;font-weight:var(--weight-medium)}.wr-dialog input,.wr-dialog select{display:block;width:100%;box-sizing:border-box;margin-top:6px;background:var(--bg-elev);color:inherit;border:1px solid var(--border-strong);border-radius:6px;padding:10px;font:inherit}.wr-dialog small,.wr-dialog .you-note{font-weight:var(--weight-regular);color:var(--text-dim);overflow-wrap:anywhere}.wr-dialog small{display:block;font-size:var(--type-small);margin-top:6px}.wr-picker{display:flex;gap:6px;align-items:baseline}.wr-picker input{min-width:0}.wr-picker button{flex-shrink:0}
.wr-guide-conflicts{padding:14px;margin:12px 0;border:1px solid var(--amber);border-radius:8px;background:var(--amber-dim)}.wr-guide-conflicts li{margin:8px 0}.wr-guide-conflicts code{display:block}
.wr-dialog pre,.wr-dialog code{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--type-small)/1.65 var(--mono)}.wr-dialog pre{padding:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px}.wr-dialog details{margin:16px 0;color:var(--text-dim)}.wr-dialog details input,.wr-dialog details label{color:var(--text)}.wr-dialog summary{cursor:pointer;font-weight:var(--weight-medium);color:var(--text)}.wr-dialog [data-git]{font-size:var(--type-caption);margin-left:6px;color:var(--text-dim)}.wr-connection{padding:12px;border:1px solid var(--border);border-radius:8px}.wr-connection p{font-size:var(--type-small)}
.wr-item{padding:16px 0;border-bottom:1px solid var(--border)}.wr-item>code{display:block;margin:9px 0}.wr-item .you-state{flex-shrink:0;white-space:nowrap}.wr-item .you-note{font-size:var(--type-small)}.wr-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:12px}.wr-item-head strong{overflow-wrap:anywhere;min-width:0}.wr-tree{border-left:2px solid var(--border-strong);padding:10px;margin-top:10px}.wr-tree>*{display:block;margin:4px 0}.wr-empty{padding:20px 14px;background:var(--bg-elev);color:var(--text-dim);border:1px dashed var(--border-strong);border-radius:8px}.wr-progress{padding:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px}.wr-progress progress{display:block;width:100%;margin:10px 0;accent-color:var(--accent)}.wr-progress p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.wr-dialog [data-cancel]{margin-top:10px}.wr-dialog .danger,.wr-dialog .you-error{color:var(--red)}.wr-dialog [data-message]{white-space:pre-wrap;overflow-wrap:anywhere}.wr-dialog [data-message]:empty{display:none}
@media(max-width:720px){.wr-dialog{width:calc(100vw - 20px);padding:16px;max-height:calc(100dvh - var(--topbar-height) - 12px)}.wr-columns{grid-template-columns:1fr;gap:24px}.wr-guide{align-items:flex-start;flex-direction:column}.wr-actions button,.wr-picker button{min-height:40px}.wr-item-head{flex-wrap:wrap}.wr-dialog [data-git]{display:block;margin:3px 0 0}.wr-dialog pre{font-size:var(--type-small)}}
.wr-heading{position:sticky;top:-24px;z-index:2;background:var(--bg);margin:-24px -24px 0;padding:24px 24px 12px;border-bottom:1px solid var(--border)}.wr-job-warning{color:var(--amber)}.wr-help{margin:16px 0 0} @media(max-width:720px){.wr-heading{top:-16px;margin:-16px -16px 0;padding:16px 16px 10px}}
.wr-setup{margin-top:16px;padding:16px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-elev)}.wr-setup-path{display:block;margin:8px 0}.wr-setup .you-state{flex-shrink:0;white-space:nowrap;margin:0;font-size:var(--type-small)}.wr-setup-locations{margin-top:16px}.wr-setup h4{margin:0 0 8px;color:var(--text-dim);font-size:var(--type-small);font-weight:var(--weight-semibold)}.wr-setup-locations ul{list-style:none;margin:0;padding:0}.wr-setup-locations li{margin:8px 0}.wr-setup-locations li strong{display:block;font-size:var(--type-small)}.wr-setup-locations code{display:block}.wr-editor-folders{margin-top:18px}.wr-runnable{padding:12px;margin:10px 0 0;background:var(--bg);border:1px solid var(--border);border-radius:8px}.wr-runnable .wr-actions{gap:8px}.wr-setup>.wr-actions{gap:8px}.wr-setup .wr-tree{background:var(--bg);border-radius:0 6px 6px 0}
@media(max-width:720px){.wr-setup{padding:12px}.wr-runnable{padding:10px}.wr-setup>.wr-actions button{flex:1 0 auto}.wr-runnable .wr-actions button{flex:1 0 auto}}

.wr-toast{padding:9px 12px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-elev-2);font-size:var(--type-small);color:var(--text)!important}.wr-toast.you-error{border-color:var(--red);color:var(--red)!important}.wr-dialog input[aria-invalid="true"]{border-color:var(--red)}.wr-dialog input[aria-invalid="true"]~small{color:var(--red)}.wr-heading>div{min-width:0;flex:1}.wr-term{position:relative;text-decoration:underline dotted;text-underline-offset:3px;cursor:help;outline-offset:2px}.wr-term:focus-visible{outline:2px solid var(--accent)}.wr-term-tip{display:none;position:absolute;left:0;top:100%;z-index:4;width:240px;max-width:65vw;padding:9px 11px;border:1px solid var(--border-strong);border-radius:6px;background:var(--bg-elev-2);color:var(--text);font-size:var(--type-small);line-height:1.45;box-shadow:0 8px 24px #0007;text-decoration:none}.wr-term:hover>.wr-term-tip,.wr-term:focus>.wr-term-tip{display:block}.wr-term:last-of-type>.wr-term-tip{left:auto;right:0}

.wr-heading>button{order:2}

.wr-toast{max-height:min(120px,18dvh);overflow:auto}.wr-deps label:has(input[aria-invalid="true"]) [data-helper-help]{color:var(--red)}
.wr-deps{display:grid;gap:10px;margin:20px 0;padding:14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px}.wr-dep{display:flex;align-items:center;gap:12px}.wr-dep>div{flex:1 1 auto;min-width:0}.wr-dep>button{flex-shrink:0}.wr-dep-state{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--text-faint)}.wr-dep.ok .wr-dep-state{background:var(--green)}.wr-dep.bad .wr-dep-state{background:var(--red)}.wr-dep strong{display:block;font-weight:var(--weight-medium)}.wr-dep.ok strong{color:var(--green)}.wr-dep.bad strong{color:var(--red)}.wr-dep small{margin-top:2px}.wr-deps .wr-dep-helper{margin:4px 0 0}
@media(max-width:720px){.wr-dep{flex-wrap:wrap}.wr-dep>button{width:100%}}

@media(max-width:720px){.wr-help{position:relative}.wr-term{position:static}.wr-term-tip,.wr-term:last-of-type>.wr-term-tip{left:0;right:auto;top:100%;width:min(280px,100%);max-width:none;box-sizing:border-box}}

.wr-shared-repositories{margin:14px 0;padding-top:12px;border-top:1px solid var(--border)}
.wr-shared-repositories h4{font-size:12px;margin:0 0 8px;color:var(--text-dim);cursor:help;width:fit-content}
.wr-shared-repo{padding:7px 0}.wr-shared-repo+.wr-shared-repo{border-top:1px solid var(--border)}
.wr-shared-repo>.wr-item-head>strong{font-size:13px;min-width:0;overflow-wrap:anywhere}
.wr-shared-repo code{display:block;font-size:11px;overflow-wrap:anywhere;margin-top:4px}
.wr-clone-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 4px;padding:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px}
.wr-clone-form label{min-width:0;margin:0}.wr-clone-form input{width:100%;box-sizing:border-box}
.wr-clone-form>code,.wr-clone-form>small,.wr-clone-form>.wr-actions{grid-column:1/-1}
@media(max-width:720px){.wr-clone-form{grid-template-columns:1fr}.wr-shared-repo button{min-height:36px}}

.wr-repo-name.present{color:var(--green)}.wr-repo-name.missing{color:var(--red)}.wr-shared-repo button:disabled{opacity:.5;cursor:default}.wr-shared-repositories{border-top:0}.wr-clone-form{grid-template-columns:1fr}

.wr-runtime-dialog > code { margin: 8px 0; }
.wr-runtime-files { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 4px 16px; max-height: 240px; overflow: auto; padding: 8px 0; list-style: none; }
.wr-runtime-files code { overflow-wrap: anywhere; }

.wr-confirm-dialog { position: fixed; z-index: calc(var(--z-dialog) + 1); inset: 0; margin: auto; box-sizing: border-box; width: min(580px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; border: 1px solid var(--border-strong); border-radius: 12px; background: var(--bg); color: var(--text); box-shadow: 0 24px 90px #0009; font: inherit; }
.wr-confirm-dialog::backdrop { background: #0009; }
.wr-confirm-dialog h3 { margin-top: 0; }
.wr-confirm-dialog > code { display: block; overflow-wrap: anywhere; }
.wr-confirm-dialog li { margin: 8px 0; }
.wr-confirm-dialog li code { display: block; }
.wr-confirm-dialog label { display: block; margin: 16px 0; }
.wr-confirm-dialog .wr-actions { justify-content: flex-end; }
.wr-delete-warning { font-weight: 600; }
.wr-confirm-dialog [data-confirm-message]:empty { display: none; }

.wr-runtime-dialog { width: min(760px, calc(100vw - 32px)); }
.wr-runtime-files li { margin: 0; }
