.sketches-content,.sketch-editor-modal{--sketch-surface:var(--scs-surface);--sketch-text:var(--scs-ink);--sketch-bg:var(--scs-bg)}html[data-theme=dark] :is(.sketches-content,.sketch-editor-modal){--sketch-surface:var(--scs-surface-2);--sketch-text:var(--scs-ink);--sketch-bg:var(--scs-surface)}
.sketch-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.sketch-list-heading h2{display:flex;align-items:center;gap:9px;margin:0}.sketch-list-heading p{margin:6px 0;color:var(--muted)}.sketch-list-heading>div:last-child{display:flex;gap:8px}.sketch-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.sketch-card{border:1px solid var(--line);border-top:3px solid #ab8035;border-radius:12px;background:var(--sketch-surface);overflow:hidden}.sketch-card .sketch-open{display:flex;flex-direction:column;gap:7px;width:100%;padding:12px;border:0;box-shadow:none;background:transparent;text-align:left;color:var(--sketch-text)}.sketch-open img,.sketch-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:145px;object-fit:contain;border-radius:6px;background:var(--scs-surface)}.sketch-placeholder{background:var(--sketch-bg);color:var(--scs-warn)}.sketch-placeholder svg{width:42px;height:42px}.sketch-open strong{font-size:16px}.sketch-open small{color:var(--muted)}.sketch-card-actions{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 12px}.sketch-card-actions button{font-size:12px;padding:5px 9px;min-height:30px}.sketch-card-actions button:last-child{margin-left:auto}.sketch-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:48px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.sketch-empty>svg{width:40px;height:40px;color:var(--scs-warn)}.sketch-empty h3{color:var(--sketch-text);margin-bottom:0}#section-sketches>.navigation-icon,#rail-sketches>.navigation-icon{color:#c39242}:is(.diagram-card,.home-template-card,.diagram-table)[data-diagram-kind=sketch]{--card-accent:#9a6c22;--card-tint:#f7ecd8;--card-surface:#fffaf2;--card-border:#e4d2b0}html[data-theme=dark] :is(.diagram-card,.home-template-card,.diagram-table)[data-diagram-kind=sketch]{--card-accent:#c39242;--card-tint:#433620;--card-surface:#2c2a25;--card-border:#6b5734}.sketch-editor-modal{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--sketch-surface);color:var(--sketch-text);overflow:hidden}.sketch-editor-modal[open]{display:flex;flex-direction:column}.sketch-editor-modal header{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.sketch-editor-modal header>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sketch-editor-modal header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sketch-editor-modal header small,.sketch-editor-modal footer,#sketch-status{font-size:12px;color:var(--muted)}.sketch-editor-modal iframe{border:0;flex:1;min-height:0;width:100%;background:var(--sketch-bg)}.sketch-editor-modal footer{padding:5px 14px;border-top:1px solid var(--line)}.sketch-manage-actions{display:flex;gap:10px;margin-top:18px}.sketch-editor-modal::backdrop{background:#071621b3}@media(max-width:700px){.sketch-editor-modal{width:100vw;height:100dvh;border-radius:0}.sketch-editor-modal header{flex-wrap:wrap;gap:7px}.sketch-editor-modal header>div{flex-basis:65%}#sketch-status{order:2;width:100%}.sketch-editor-modal footer{display:none}}

.report-sketches{display:flex;flex-direction:column;gap:8px;margin:14px 0;border:1px solid var(--line);border-radius:8px}.report-sketches label{display:flex;align-items:center;gap:8px}.report-sketches small{color:var(--muted)}