.ws{--k-fake:#e8590c;--k-ai:var(--violet);--k-api:var(--green);--k-password:#475467;--k-fake-soft:#fdeee4;--k-ai-soft:#ece9ff;--k-password-soft:#eef0f3;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:20px;display:grid}:root[data-theme=dark] .ws{--k-fake:#ff8a4c;--k-password:#a3adbf;--k-fake-soft:#3a2416;--k-ai-soft:#262044;--k-password-soft:#262a31}.ws-side{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);max-height:calc(100vh - 32px);box-shadow:var(--shadow-s);flex-direction:column;display:flex;position:sticky;top:16px;overflow:hidden}.ws-side-head{gap:6px;padding:12px 12px 8px;display:flex}.ws-side-head .btn{gap:4px}.ws-side .ws-search{border:1px solid var(--line);border-radius:var(--radius-s);width:calc(100% - 24px);min-height:34px;font:400 .8125rem var(--font);margin:0 12px 8px;padding:6px 10px}.ws-tree{flex:1;min-height:120px;padding:4px 6px 10px;overflow-y:auto}.ws-row{border-radius:var(--radius-s);min-height:32px;color:var(--ink);cursor:pointer;user-select:none;align-items:center;gap:6px;padding-right:4px;font-size:.8125rem;display:flex}.ws-row:hover{background:var(--page)}.ws-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.ws-row.is-active{background:var(--blue-soft);font-weight:500}.ws-row.coll{font-weight:500}.ws-row.is-drop,.ws-label.is-drop{background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}.ws-row.is-dragging{opacity:.4}.ws-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ws-row .count{color:var(--subtle);font-size:.75rem;font-weight:400}.ws-row .dot{background:var(--blue);border-radius:50%;width:7px;height:7px}.ws-row-actions{flex:none;align-items:center;display:none}.ws-row:hover .ws-row-actions,.ws-row:focus-within .ws-row-actions,.ws-row.is-active .ws-row-actions{display:flex}.ws-row:hover .count,.ws-row:focus-within .count{display:none}.row-btn{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.row-btn:hover,.row-btn:focus-visible{background:var(--line-soft);color:var(--ink)}.row-btn.danger:hover,.row-btn.danger:focus-visible{background:var(--red-soft);color:var(--red)}.row-btn svg{width:15px;height:15px}.chev{color:var(--subtle);flex:none;transition:transform .15s}.chev.is-open{transform:rotate(90deg)}.folder-icon{color:var(--muted);flex:none}.folder-icon-gap{width:16px;display:inline-block}.rename{border:1px solid var(--blue);min-width:0;min-height:26px;font:inherit;border-radius:6px;flex:1;padding:2px 6px}.ws-label{border-radius:var(--radius-s);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:10px;padding:6px 8px;font-size:.6875rem;font-weight:600}.ws-empty{color:var(--subtle);margin:4px 0;padding:4px 8px;font-size:.75rem}.ws-where{color:var(--subtle);margin:-4px 0 4px 34px;font-size:.6875rem}.ws-side-foot{border-top:1px solid var(--line-soft);color:var(--muted);padding:10px 14px;font-size:.75rem}.ws-side-toggle{display:none}.kind-icon{border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.kind-icon svg{width:14px;height:14px}.kind-fake{color:var(--k-fake);background:var(--k-fake-soft)}.kind-ai{color:var(--k-ai);background:var(--k-ai-soft)}.kind-api{color:var(--k-api);background:var(--green-soft)}.kind-password{color:var(--k-password);background:var(--k-password-soft)}.ws-main{min-width:0;min-height:70vh;padding:clamp(16px,2vw,24px)}.ws-error{margin:0 0 12px}.ws-home h1{margin:0 0 4px;font-size:1.5rem}.ws-home h2{margin:28px 0 10px;font-size:1rem}.kind-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.kind-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font:inherit;color:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.kind-card:hover{border-color:var(--blue);box-shadow:var(--shadow)}.kind-card.is-soon{cursor:default;background:var(--page)}.kind-card.is-soon:hover{border-color:var(--line);box-shadow:none}.kind-card-top{align-items:center;gap:8px;display:flex}.kind-card-top .kind-icon{border-radius:8px;width:30px;height:30px}.kind-card-top .kind-icon svg{width:18px;height:18px}.kind-card .soon{background:var(--line-soft);color:var(--muted);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.6875rem}.kind-card-text{color:var(--muted);font-size:.8125rem;line-height:1.5}.kind-card-link{color:var(--blue);margin-top:auto;font-size:.8125rem}.recent{gap:2px;margin:0;padding:0;list-style:none;display:grid}.recent button{border-radius:var(--radius-s);width:100%;font:400 .875rem var(--font);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.recent button:hover{background:var(--page)}.recent .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.recent .where,.recent .when{color:var(--subtle);font-size:.75rem}.ws-editor-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.ws-editor-head>.kind-icon{border-radius:9px;width:34px;height:34px}.ws-editor-head>.kind-icon svg{width:18px;height:18px}.ws-title{flex-direction:column;flex:1;min-width:0;display:flex}.ws-title-input{border-radius:var(--radius-s);width:100%;min-height:34px;font:600 1.25rem var(--font);color:var(--text);background:0 0;border:1px solid #0000;margin-left:-6px;padding:2px 6px}.ws-title-input:hover{border-color:var(--line)}.ws-title-input:focus{border-color:var(--blue);outline:none}.ws-place{color:var(--subtle);font-size:.75rem}.unsaved{color:var(--amber);white-space:nowrap;font-size:.75rem}.icon-btn{padding-inline:8px}.ws-note{border-radius:var(--radius-s);background:var(--k-ai-soft);color:var(--violet-ink);margin:-6px 0 14px;padding:8px 12px;font-size:.8125rem}.ws-editor .dg-fields.card,.ws-editor .dg-preview.card,.ws-editor .dg-settings.card{box-shadow:none;border:1px solid var(--line-soft)}.ws-menu{z-index:50;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:200px;box-shadow:var(--shadow-l,0 12px 32px #10182829);padding:6px;display:grid;position:fixed}.ws-menu button{font:400 .8125rem var(--font);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px}.ws-menu button:hover:not(:disabled),.ws-menu button:focus-visible{background:var(--page);outline:none}.ws-menu button:disabled{color:var(--subtle);cursor:default}.ws-menu button.danger{color:var(--red)}.ws-dialog{border:0;width:min(440px,100vw - 32px);padding:24px}.ws-dialog::backdrop{background:var(--overlay)}.ws-dialog h2{overflow-wrap:anywhere;margin:0 0 14px;font-size:1.125rem}.ws-dialog p{color:var(--muted);margin:0 0 8px;font-size:.875rem}.ws-dialog .label{margin:10px 0 6px;display:block}.ws-dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.place-picker{border:1px solid var(--line);border-radius:var(--radius-s);max-height:260px;padding:4px;display:grid;overflow-y:auto}.place-picker button{min-height:32px;font:400 .8125rem var(--font);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;display:flex}.place-picker button:hover{background:var(--page)}.place-picker button.is-active{background:var(--blue-soft);font-weight:500}@media (width<=900px){.ws{grid-template-columns:1fr}.ws-side-toggle{justify-self:start;display:inline-flex}.ws-side{max-height:60vh;display:none;position:static}.ws-side.is-open{display:flex}.ws-editor-head{flex-wrap:wrap}.ws-editor-head .ws-title{flex-basis:calc(100% - 48px)}.ws-editor-head{justify-content:flex-end}}.mock-panel{margin-bottom:16px;padding:18px 20px}.mock-panel h2{margin:0;font-size:1rem}.mock-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.mock-head .muted{font-size:.8125rem}.mock-url{align-items:center;gap:8px;margin-bottom:12px;display:flex}.mock-url code{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--page);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:8px 10px;font-size:.8125rem;overflow:hidden}.mock-routes td.routes span{font-family:var(--mono,ui-monospace, monospace);color:var(--muted);font-size:.75rem;display:block}.mock-panel .hint code{font-size:.75rem}.mock-example{margin:10px 0 14px;font-size:.75rem}.mock-settings{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.mock-settings .field{width:120px}.mock-error{margin-bottom:16px}.ws-team-label{justify-content:space-between;align-items:center;margin-top:8px;display:flex}
