@layer theme,base;@layer components{.zr-editor-container{width:100%;max-width:1400px;margin-inline:auto;padding-inline:1rem}@media (min-width:640px){.zr-editor-container{padding-inline:1.5rem}}.zr-editor-grid{gap:1rem;display:grid}@media (min-width:1280px){.zr-editor-grid{column-gap:.75rem}}@media (min-width:1024px){.zr-editor-grid{grid-template-columns:4rem minmax(0,1fr) 18rem;align-items:start}}@media (min-width:1280px){.zr-editor-grid{grid-template-columns:4rem 820px minmax(0,1fr)}}@media (min-width:1400px){.zr-editor-grid{grid-template-columns:12.25rem 820px minmax(0,1fr)}}@media (min-width:1024px){.zr-editor-palette{position:sticky;top:5rem}.zr-editor-main{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.25rem}}.zr-editor-mobilebar{background:color-mix(in srgb, var(--header) 94%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px)}.zr-editor-tabbar{background:color-mix(in srgb, var(--card) 96%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);padding-bottom:env(safe-area-inset-bottom)}.zr-head-box:focus-within{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.zr-split-btn{background-color:var(--primary);background-image:var(--primary-gradient);box-shadow:var(--glow-primary)}.zr-split-btn>button:hover:not(:disabled){background:#ffffff1a}.zr-editor-toolbar{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 96%, transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.875rem}.dark .zr-editor-toolbar{background:color-mix(in srgb, var(--surface-2) 96%, transparent)}.zr-toolbar-sticky{z-index:20;position:sticky}@media (max-width:767px){.zr-editor-toolbar{scrollbar-width:none;overflow-x:auto}.zr-editor-toolbar::-webkit-scrollbar{display:none}}.zr-tile{--tile:var(--primary);width:2rem;height:2rem;color:var(--tile);background:color-mix(in srgb, var(--tile) 13%, var(--card));border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.zr-tile-sm{border-radius:.4375rem;width:1.5rem;height:1.5rem}.dark .zr-tile{color:#fff;background:color-mix(in srgb, var(--tile) 82%, var(--card))}.zr-tile-violet{--tile:var(--chart-1)}.zr-tile-indigo{--tile:var(--link)}.zr-tile-blue{--tile:var(--chart-2)}.zr-tile-pink{--tile:var(--chart-5)}.zr-tile-purple{--tile:var(--primary-from)}.zr-tile-teal{--tile:var(--hub-teal)}.zr-tile-orange{--tile:var(--chart-4)}.zr-tile-steel{--tile:var(--hub-steel)}.zr-tile-graphite{--tile:var(--hub-graphite)}.zr-block-btn{width:100%;color:var(--foreground);border-radius:.75rem;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;transition:background-color .15s,box-shadow .15s,color .15s;display:flex}.zr-block-btn:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.zr-block-btn:disabled{opacity:.55;pointer-events:none}.zr-block-btn-row{background:var(--surface-2);min-height:2.75rem;padding:.375rem .5rem}.zr-block-btn-row:hover,.zr-block-btn-sheet:hover{background:var(--accent);color:var(--accent-foreground)}.dark .zr-block-btn-row:hover,.dark .zr-block-btn-sheet:hover{background:var(--surface-3);color:var(--foreground)}.zr-block-btn-rail{justify-content:center;width:2.75rem;height:2.75rem}.zr-block-btn-rail:hover{background:var(--surface-2)}.zr-block-btn-sheet{text-align:center;background:var(--surface-2);flex-direction:column;gap:.375rem;min-height:5rem;padding:.625rem .25rem;font-size:.8125rem}.zr-block-btn-sheet .zr-tile{border-radius:.75rem;width:2.5rem;height:2.5rem}.zr-editor-prose{min-height:22rem;caret-color:var(--primary);outline:none;padding:1.25rem 0 2rem;position:relative}.zr-editor-prose[data-placeholder]:has(>p:only-child>br.ProseMirror-trailingBreak:only-child):before{content:attr(data-placeholder);inset-inline:inherit;pointer-events:none;color:var(--faint-foreground);position:absolute}.zr-editor-prose img.ProseMirror-selectednode,.zr-editor-prose [data-type=video].ProseMirror-selectednode{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:3px}.zr-node-figure{margin:2rem 0}.zr-node-figure.is-selected .zr-node-figure-media,.zr-node-figure.is-selected .zr-node-gallery-grid{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:3px;border-radius:var(--radius-card)}.zr-node-figure-media{position:relative}.zr-node-figure-media img{border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--surface-2);width:100%;height:auto;margin:0;display:block}.zr-node-busy{border-radius:inherit;background:color-mix(in srgb, var(--background) 60%, transparent);color:var(--link);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.zr-node-actions{opacity:0;gap:.5rem;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:.75rem;right:.75rem;transform:translateY(4px)}.zr-node-figure:hover .zr-node-actions,.zr-node-figure:focus-within .zr-node-actions,.zr-node-figure.is-selected .zr-node-actions{opacity:1;transform:none}@media (hover:none){.zr-node-actions{opacity:1;transform:none}}.zr-node-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e24a8;border:1px solid #ffffff38;border-radius:.625rem;justify-content:center;align-items:center;gap:.375rem;height:2.25rem;padding:0 .875rem;font-size:.8125rem;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s;display:inline-flex}.zr-node-btn:hover{border-color:color-mix(in srgb, var(--primary) 70%, white);background:#0c0e24d1}.zr-node-btn:focus-visible{outline-offset:1px;outline:2px solid #fff}.zr-node-btn svg{width:1rem;height:1rem}.zr-node-btn-icon{width:2.25rem;padding:0}.zr-node-btn-ghost{border-color:var(--border);color:var(--muted-foreground);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.zr-node-btn-ghost:hover{background:var(--surface-3);color:var(--destructive);border-color:var(--border-strong)}.zr-node-caption{border:1px solid var(--border);border-radius:0 0 var(--radius-card) var(--radius-card);background:var(--card);width:100%;min-height:2.5rem;color:var(--muted-foreground);border-top:0;outline:none;padding:.5rem .875rem;font-size:.8125rem;line-height:1.375rem;display:block}.zr-node-caption::placeholder{color:var(--faint-foreground)}.zr-node-caption:focus{color:var(--foreground);border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.zr-node-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.zr-node-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.zr-node-gallery-item{position:relative}.zr-node-gallery-item img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%;margin:0;display:block}.zr-node-gallery-remove{width:1.875rem;height:1.875rem;position:absolute;top:.375rem;right:.375rem}.zr-node-gallery-add{aspect-ratio:4/3;border:2px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,color .15s,background-color .15s;display:flex}.zr-node-gallery-add:hover{border-color:color-mix(in srgb, var(--primary) 55%, var(--border-strong));color:var(--link);background:var(--primary-soft)}.zr-node-gallery-bar{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.zr-node-gallery-bar .zr-node-caption{border-top:1px solid var(--border);border-radius:.75rem}.zr-editor-prose [data-type=details]{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-2);margin:1.75rem 0;position:relative}.zr-editor-prose [data-type=details]:after{content:"спойлер";letter-spacing:.06em;text-transform:uppercase;color:var(--faint-foreground);pointer-events:none;font-size:.6875rem;font-weight:600;position:absolute;top:.875rem;right:.875rem}.zr-editor-prose [data-type=details]>button{cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex;position:absolute;top:.6875rem;left:.625rem}.zr-editor-prose [data-type=details]>button:hover{background:var(--surface-3)}.zr-editor-prose [data-type=details]>button:before{content:"";border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);width:.4375rem;height:.4375rem;transition:transform .16s;transform:rotate(-45deg)}.zr-editor-prose [data-type=details].is-open>button:before{transform:rotate(45deg)}.zr-editor-prose [data-type=details] summary{cursor:text;padding:.75rem 6rem .75rem 2.375rem;font-weight:500;list-style:none;display:block}.zr-editor-prose [data-type=details] summary::-webkit-details-marker{display:none}.zr-editor-prose [data-type=detailsContent]{color:var(--muted-foreground);padding:0 1rem 1rem}.zr-editor-prose .tableWrapper{position:relative}.zr-editor-prose .tableWrapper tbody:has(>tr:first-child>th)>tr:nth-child(2n)>td{background:0 0}.zr-editor-prose .tableWrapper tbody:has(>tr:first-child>th)>tr:nth-child(odd)>td{background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.zr-editor-prose .tableWrapper :is(th,td){position:relative}.zr-editor-prose .selectedCell:after{content:"";pointer-events:none;background:color-mix(in srgb, var(--primary) 14%, transparent);position:absolute;inset:0}.zr-editor-prose .column-resize-handle{pointer-events:none;background:var(--primary);width:4px;position:absolute;top:0;bottom:-2px;right:-2px}.zr-editor-prose.resize-cursor{cursor:col-resize}}@layer utilities;.zr-editor-page .app-header .zr-container{max-width:1400px}