.yw-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--spacing-6);align-items:start}@media(max-width:960px){.yw-layout{grid-template-columns:minmax(0,1fr)}}.yw-canvas{display:flex;justify-content:center;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-neutral-800);padding:var(--spacing-3)}.yw-stage{position:relative;width:100%;max-width:720px}.yw-canvas svg{width:100%;height:auto;border-radius:var(--radius-md)}.yw-boundaries{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.yw-boundary-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:ns-resize}.yw-boundary-line{fill:none;stroke:var(--color-primary-500, #3fbf7a);stroke-width:2;stroke-dasharray:6 6;opacity:0;pointer-events:none;transition:opacity .12s ease-in-out}.yw-boundary-grip{fill:var(--color-primary-500, #3fbf7a);stroke:#fff;stroke-width:2;opacity:.55;pointer-events:all;cursor:ns-resize;transition:opacity .12s ease-in-out}.yw-boundary:hover .yw-boundary-line,.yw-boundary:focus-within .yw-boundary-line,.yw-boundary:hover .yw-boundary-grip,.yw-boundary:focus-within .yw-boundary-grip{opacity:1}.yw-boundary-grip:focus-visible{outline:3px solid var(--color-primary-300, #8fe0b4);outline-offset:2px}@media(prefers-reduced-motion:reduce){.yw-boundary-line,.yw-boundary-grip{transition:none}}.yw-canvas-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4)}.yw-controls{display:flex;flex-direction:column;gap:var(--spacing-4)}.yw-section{font-size:var(--font-size-lg);margin:0 0 var(--spacing-4)}.yw-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin-top:var(--spacing-3)}.yw-items{list-style:none;margin:0 0 var(--spacing-4);padding:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.yw-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3)}.yw-item-head{display:flex;align-items:center;gap:var(--spacing-2)}.yw-swatch{flex:0 0 auto;inline-size:2.5rem;block-size:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:none;cursor:pointer}.yw-weeks{margin:var(--spacing-2) 0 0;font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);color:var(--color-primary-400)}.yw-hint,.yw-note{margin:var(--spacing-3) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.yw-error{margin:var(--spacing-3) 0 0;font-size:var(--font-size-sm);color:var(--color-error-400, #f87171)}.yw-fieldset{margin:var(--spacing-4) 0 0;padding:0;border:0}.yw-legend{padding:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.yw-choices{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-2)}.yw-choice{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);cursor:pointer}.yw-field{display:block;margin-top:var(--spacing-3)}.yw-field-label{display:block;margin-bottom:var(--spacing-1);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.yw-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface, transparent);color:inherit;font:inherit}.yw-ring-name{flex:1 1 auto;display:flex;align-items:baseline;gap:var(--spacing-2);font-weight:600}.yw-ring-share{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-secondary)}.yw-presets{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3)}.yw-presets .yw-field-label{margin-bottom:0}.yw-periods{list-style:none;margin:var(--spacing-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.yw-period{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3)}.yw-saved{list-style:none;margin:var(--spacing-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.yw-saved-row{display:flex;align-items:center;gap:var(--spacing-2)}.yw-saved-open{flex:1 1 auto;display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.yw-saved-open:hover:not(:disabled){border-color:var(--color-primary-500, #3fbf7a)}.yw-saved-open:disabled{opacity:.6;cursor:default}.yw-saved-title{font-weight:600}.yw-saved-when{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.yw-conflict{margin-bottom:var(--spacing-4);padding:var(--spacing-3);border:1px solid var(--color-warning-500, #e0902a);border-radius:var(--radius-lg)}.yw-conflict-title{margin:0;font-weight:700}.yw-rollforward{margin-top:var(--spacing-4);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.yw-rollforward-title{margin:0;font-weight:700}.yw-rollforward-anchor{margin:var(--spacing-1) 0 var(--spacing-3);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.yw-rollforward-items{list-style:none;margin:0 0 var(--spacing-3);padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.yw-rollforward-row{display:flex;flex-direction:column}.yw-rollforward-label{font-weight:600}.yw-rollforward-before,.yw-rollforward-after{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm)}.yw-rollforward-before{color:var(--color-text-secondary);text-decoration:line-through}.yw-rollforward-after{color:var(--color-text-primary)}.yw-privacy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);margin:0 0 var(--spacing-6)}.yw-privacy-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background-color:var(--color-badge-save-bg);color:var(--color-badge-save-fg);border:1px solid var(--color-badge-save-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.yw-privacy-note{color:var(--color-text-muted);font-size:var(--font-size-sm)}.yw-ring-bg{margin-top:var(--spacing-3)}.yw-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1)}.yw-bg-swatch{inline-size:1.75rem;block-size:1.75rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);cursor:pointer}.yw-bg-swatch.is-active{outline:2px solid var(--color-primary-400);outline-offset:2px}.yw-check{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);font-size:var(--font-size-sm);cursor:pointer}.yw-occurrences{margin-inline-start:var(--spacing-2);color:var(--color-text-secondary)}.yw-textarea{min-block-size:4.5rem;resize:vertical;line-height:1.4}@media(min-width:961px){.yw-preview{position:sticky;top:var(--spacing-4);max-block-size:calc(100dvh - var(--spacing-8));overflow-y:auto}}.yw-zoom-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--radius-md)}.yw-zoom-open:focus-visible{outline:3px solid var(--color-primary-400, #8fe0b4);outline-offset:3px}.yw-zoom{position:relative;width:min(96vw,96dvh);max-width:none;max-height:96dvh;padding:var(--spacing-3);border:0;border-radius:var(--radius-lg);background:var(--color-neutral-800);color:inherit;overflow:visible}.yw-zoom::backdrop{background:#000000b8}.yw-zoom-body{display:flex;justify-content:center}.yw-zoom-body svg{width:100%;height:auto;max-block-size:calc(96dvh - 4rem);border-radius:var(--radius-md)}.yw-zoom-close{position:absolute;inset-block-start:var(--spacing-4);inset-inline-end:var(--spacing-4);background:var(--color-neutral-800);color:var(--color-text-primary, #f2f6f3);border:1px solid var(--color-border);box-shadow:0 2px 8px #00000059}