dialog:has(.canvas-shell){width:min(1220px,calc(100vw - 32px));max-height:94dvh;padding:23px;overflow:auto}dialog:has(.canvas-shell)>.row{margin-bottom:17px}.canvas-shell{min-width:0}.canvas-document-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.canvas-title{flex:1;font-size:19px;font-weight:600;background:var(--bg);min-width:0}.canvas-document-bar button{font-size:12px;white-space:nowrap}.canvas-toolbar{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:12px 12px 0 0}.canvas-toolbar select,.canvas-toolbar button{font-size:12px;padding:8px 10px}.canvas-small-button{font-size:18px!important;line-height:17px;min-width:35px}.canvas-panels{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:var(--panel)}.canvas-preview-open .canvas-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.canvas-editor{width:100%;min-height:350px;height:47dvh;max-height:65dvh;border:0;border-radius:0;padding:23px;resize:vertical;background:var(--panel);font-size:15px;line-height:1.8;tab-size:2;outline-offset:-3px!important}.canvas-editor.canvas-code{font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:auto}.canvas-preview{padding:23px;border-left:1px solid var(--line);height:47dvh;min-height:350px;overflow:auto;font-size:14px;line-height:1.8;overflow-wrap:anywhere;background:var(--bg)}.canvas-preview h1,.canvas-preview h2,.canvas-preview h3{line-height:1.4}.canvas-preview h1{font-size:24px}.canvas-preview h2{font-size:21px}.canvas-preview p{font-size:inherit;color:var(--text)}.canvas-plain-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0}.canvas-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:10px 2px;color:var(--muted);font-size:11px}.canvas-count{white-space:nowrap}.canvas-save-error{color:#a43b46!important;font-weight:550}:root[data-theme=dark] .canvas-save-error{color:#ffadb9!important}.canvas-rescue{padding:14px;background:var(--green-dark);border:1px solid var(--accent);border-radius:11px;margin:7px 0 15px}.canvas-rescue p{font-size:12px;line-height:1.7;margin:0 0 10px}.canvas-rescue button{font-size:12px;margin:0 7px 6px 0}.canvas-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.canvas-actions button{font-size:12px}.canvas-hint{font-size:11px!important;color:var(--muted)!important;line-height:1.7;margin:12px 0 0!important}.canvas-options{margin-top:15px;border:1px solid var(--line);border-radius:12px;padding:17px;background:var(--bg)}.canvas-options-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.canvas-options h3{margin:0;font-size:16px}.canvas-options select{max-width:100%;margin:0 9px 9px 0;font-size:13px}.canvas-options button{font-size:12px}.canvas-version-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.canvas-version-row:last-child{border-bottom:0}.canvas-empty{padding:25px 0;font-size:13px;color:var(--muted);line-height:1.8}.canvas-library-head{display:flex;gap:10px;align-items:center;margin-bottom:15px}.canvas-library-head input{flex:1;min-width:0}.canvas-library-head button{white-space:nowrap;font-size:12px}.canvas-document-list{display:grid;gap:12px;margin-top:20px}.canvas-document-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.canvas-card-heading{display:flex;align-items:center;gap:11px}.canvas-document-icon{display:grid;place-items:center;flex:none;background:var(--green-dark);color:var(--accent);width:32px;height:32px;border-radius:9px}.canvas-document-card h3{font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere}.canvas-document-excerpt{font-size:12px!important;line-height:1.8;margin:12px 0 6px!important;color:var(--muted)!important;white-space:pre-wrap;overflow-wrap:anywhere;max-height:85px;overflow:hidden}.canvas-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.canvas-card-actions button{font-size:11px}.canvas-delete-confirm{padding:12px;margin-top:12px;border:1px solid var(--line);border-radius:9px}.canvas-delete-confirm p{font-size:12px;line-height:1.7}.canvas-delete-confirm button{font-size:12px;margin-right:7px}dialog:has(.canvas-library){width:min(740px,calc(100vw - 32px))}
@media(max-width:800px){.canvas-preview-open .canvas-panels{grid-template-columns:1fr}.canvas-preview{border-left:0;border-top:1px solid var(--line);min-height:220px;height:35dvh}.canvas-preview-open .canvas-editor{height:32dvh;min-height:220px}.canvas-editor{padding:17px}.canvas-document-bar{align-items:stretch}.canvas-title{font-size:16px}.canvas-actions button{flex:1 0 auto}.canvas-toolbar select{max-width:160px}}
@media(max-width:500px){dialog:has(.canvas-shell){width:calc(100vw - 12px);padding:14px;max-height:96dvh}.canvas-document-bar{flex-direction:column;gap:8px}.canvas-document-bar button{align-self:flex-start}.canvas-toolbar{gap:5px;padding:8px}.canvas-toolbar select,.canvas-toolbar button{font-size:11px;padding:7px 8px}.canvas-editor{min-height:300px;height:42dvh;font-size:16px}.canvas-editor.canvas-code{font-size:13px}.canvas-preview{padding:15px}.canvas-footer{font-size:10px}.canvas-library-head{flex-direction:column;align-items:stretch}.canvas-library-head input{font-size:16px}.canvas-version-row{align-items:flex-start;font-size:11px}.canvas-options{padding:13px}.canvas-title{width:100%}.canvas-options select{width:100%}}