.sac{max-width:var(--content-width, 52rem);margin-inline:auto;padding-block:1.5rem 2rem;--sac-text: var(--color-primary-900);--sac-muted: var(--color-primary-600);--sac-line: var(--color-primary-200);--sac-paper: var(--color-primary-50)}.dark .sac{--sac-text: var(--color-primary-50);--sac-muted: var(--color-primary-300);--sac-line: var(--color-primary-700);--sac-paper: var(--color-primary-900)}.sac-heading{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem;font-size:.875rem;color:rgb(var(--sac-muted))}.sac-heading h1{font-size:inherit;font-weight:600;color:rgb(var(--sac-text))}.sac-heading a:hover{text-decoration:underline;text-underline-offset:4px}.sac-canvas{overflow:hidden;border-radius:var(--radius-md);border:1px solid rgb(var(--sac-line))}.sac-form{padding:1.5rem 1.5rem 1.25rem;text-align:center;background:rgb(var(--sac-paper))}.sac-form label{display:block;font-size:.75rem;color:rgb(var(--sac-muted));margin-bottom:.625rem}.sac-input-line{position:relative;max-width:26rem;margin-inline:auto;border-bottom:1px solid rgb(var(--sac-text))}.sac-input-line input{width:100%;min-width:0;background:transparent;border:0;border-radius:0;padding:.5rem 3rem;font-family:JetBrains Mono,monospace;font-size:1.125rem;text-align:center;color:rgb(var(--sac-text))}.sac-input-line input::-moz-placeholder{color:rgb(var(--sac-muted));opacity:1}.sac-input-line input::placeholder{color:rgb(var(--sac-muted));opacity:1}.sac-input-line button{position:absolute;right:0;top:0;width:44px;height:44px;display:grid;place-items:center;color:rgb(var(--sac-muted))}.sac-input-line button:disabled{opacity:.45;cursor:wait}.sac-form #sac-help{margin-top:.625rem;font-size:.6875rem;color:rgb(var(--sac-muted))}.sac-band{display:flex;height:320px;background:rgb(var(--sac-paper))}.sac-band span{flex:var(--weight) 1 0%;min-width:0;background:var(--swatch)}.sac [hidden]{display:none}.sac-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;min-height:1.5rem;font-size:.6875rem;color:rgb(var(--sac-muted));overflow-wrap:anywhere}.sac-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem .5rem;margin-block:.5rem;font-size:.75rem;color:rgb(var(--sac-text))}.sac-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.sac-toolbar>button,.sac-actions>button,.sac-menu>summary{min-height:44px;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .625rem;border-radius:var(--radius-sm);cursor:pointer}.sac-toolbar>button{padding-left:0;text-underline-offset:4px}.sac-toolbar>button:hover{text-decoration:underline}.sac-actions>button:hover,.sac-menu>summary:hover,.sac-menu[open]>summary{background:rgb(var(--sac-line) / .5)}.sac-menu{position:relative}.sac-menu>summary{list-style:none}.sac-menu>summary::-webkit-details-marker{display:none}.sac-menu-panel{position:absolute;right:0;bottom:calc(100% + .5rem);z-index:30;width:min(320px,calc(100vw - 3rem));max-height:360px;overflow-y:auto;padding:1rem;background:rgb(var(--sac-paper));border:1px solid rgb(var(--sac-line));border-radius:var(--radius-md);box-shadow:var(--shadow-2)}.sac-downloads{width:180px;padding:.5rem}.sac-downloads button{display:block;text-align:left;width:100%;min-height:44px;padding:.5rem;border-radius:var(--radius-sm)}.sac-downloads button:hover{background:rgb(var(--sac-line) / .5)}.sac-type-controls{display:grid;gap:.75rem;margin-bottom:.75rem}.sac-type-controls label{display:grid;grid-template-columns:4rem 1fr;align-items:center;gap:.5rem}.sac-type-controls select{min-width:0;min-height:44px;padding:.5rem;border:1px solid rgb(var(--sac-line));border-radius:var(--radius-sm);background:rgb(var(--sac-paper));color:inherit}.sac-menu-hint{font-size:.6875rem;color:rgb(var(--sac-muted));line-height:1.6;margin-top:.625rem}.sac-details{margin-top:.75rem;border-top:1px solid rgb(var(--sac-line))}.sac-details summary{cursor:pointer;min-height:44px;padding-block:.75rem}.sac-details ul{display:grid;gap:.25rem;padding:0;list-style:none}.sac-details li{display:flex;align-items:center;gap:.625rem;min-width:0}.sac-dot{width:.75rem;height:.75rem;flex-shrink:0;background:var(--swatch);border:1px solid rgb(var(--sac-line));border-radius:50%}.sac-details button{font-family:JetBrains Mono,monospace;min-height:44px}.sac-percentage{margin-left:auto;font-variant-numeric:tabular-nums}.sac :is(input,button,summary,a,select):focus-visible{outline:2px solid rgb(var(--color-highlight-600));outline-offset:3px}.dark .sac :is(input,button,summary,a,select):focus-visible{outline-color:rgb(var(--color-highlight-400))}.sac-type-preview{height:320px;overflow-y:auto;padding:1.5rem 2rem;background:var(--preview-bg);color:var(--preview-fg)}.sac-type-kicker{font-size:.5625rem;letter-spacing:.16em;margin-bottom:1rem}.sac[data-sac] .sac-type-preview textarea{display:block;width:100%;resize:none;padding:0;border:0;border-radius:0;background:transparent;color:var(--preview-fg);box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;letter-spacing:-.04em}.sac[data-sac] .sac-type-preview textarea:focus-visible{outline:2px solid currentColor;outline-offset:3px;box-shadow:none}.sac[data-sac] .sac-type-preview:is([data-font=phudu],[data-font=phudu-script]) textarea{font-family:Phudu,sans-serif;font-weight:600;letter-spacing:0}.sac[data-sac] .sac-type-preview:is([data-font=serif],[data-font=serif-script]) textarea{font-family:"Sac Hollywood Serif",serif;font-weight:400;letter-spacing:0}.sac[data-sac] .sac-type-preview:is([data-font=volda],[data-font=sans-script]) textarea{font-family:Sac Volda Sans,sans-serif;font-weight:400;letter-spacing:0}.sac[data-sac] .sac-type-preview:is([data-font=phudu-script],[data-font=serif-script],[data-font=sans-script]) #sac-preview-subtitle{font-family:Sac Hollywood Script,cursive;font-weight:400;letter-spacing:0;line-height:1.4;padding-inline:.15em}.sac-type-body{font-size:.6875rem;line-height:1.8;margin-block:1rem}.sac-type-label{padding-top:.625rem;border-top:1px solid currentColor;font-size:.625rem}@media (max-width: 480px){.sac-form{padding:1.5rem 1rem}.sac-band,.sac-type-preview{height:270px}.sac-type-preview{padding:1.25rem}.sac-toolbar{font-size:.6875rem}.sac-actions{gap:0}.sac-actions>button,.sac-menu>summary{padding-inline:.4rem}}