.golden-grid{margin:0;padding:0;position:relative;width:100%;box-sizing:border-box}.golden-grid>.golden-grid__box{position:absolute}.golden-grid--outlined>.golden-grid__box{box-sizing:border-box}body{margin:0;padding:0}.mad-lib{font-family:sans-serif;font-size:1.25em;line-height:2.8;margin:0;color:#222}.mad-lib-dial{font-family:sans-serif;font-size:1em;font-weight:700;padding:.15em .5em;border:none;border-bottom:2px solid #222;background:none;color:#222;cursor:grab;touch-action:none;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.mad-lib-dial:hover{background:#222;color:#fff}.mad-lib-dial--grabbing{cursor:grabbing;background:#222;color:#fff}.mad-lib-dial:focus-visible{outline:2px solid #4a90d9;outline-offset:2px}.dial-neighbor{opacity:0;transition:opacity .2s ease;font-weight:400;pointer-events:none}.dial-prev{margin-right:.3em}.dial-next{margin-left:.3em}.mad-lib-dial:hover .dial-neighbor,.mad-lib-dial--grabbing .dial-neighbor{opacity:.5}.mad-lib-static{font-weight:700;font-variant-numeric:tabular-nums}.mad-lib-ordinal{display:inline-flex;align-items:baseline;border-bottom:2px solid #222}.mad-lib-ordinal:hover{background:#222;color:#fff}.mad-lib-ordinal sup{font-weight:700;font-size:.65em;line-height:1;margin-right:.25em}.mad-lib-input{font-family:sans-serif;font-size:1em;font-weight:700;width:auto;padding:.1em 0;border:none;background:none;color:inherit;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.mad-lib-input::-webkit-outer-spin-button,.mad-lib-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mad-lib-input:focus{outline:2px solid #4a90d9;outline-offset:2px}.mad-lib-color{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2em;height:2em;padding:0;margin:0 .5rem;border:none;border:2px solid #222;background:none;cursor:pointer;vertical-align:middle}.mad-lib-color::-webkit-color-swatch-wrapper{padding:0}.mad-lib-color::-webkit-color-swatch{border:none;border-radius:0}.mad-lib-color::-moz-color-swatch{border:none;border-radius:0}.mad-lib-btn{font-family:sans-serif;font-size:1em;font-weight:700;padding:.1em .4em;border:none;border-bottom:2px solid #222;background:none;color:#222;cursor:pointer;font-variant-numeric:tabular-nums}.mad-lib-btn:hover{background:#222;color:#fff}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.export-modal{background:white;padding:2em;max-width:720px;width:90%;max-height:90vh;display:flex;flex-direction:column;gap:1em;font-family:sans-serif}.export-modal textarea{width:100%;height:300px;font-family:monospace;font-size:.85em;padding:.75em;border:2px solid #ccc;background:#f0f0f0;color:#222;resize:vertical;box-sizing:border-box}.export-modal-actions{display:flex;gap:.5em;justify-content:flex-end}.export-modal-actions button{padding:.75em 1em;border:2px solid #222;background:#222;color:#fff;cursor:pointer;letter-spacing:.25em;text-transform:uppercase;font-size:.85em}.export-modal-actions button:hover{background:white;color:#222}.grid-preview{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;--h-avail:calc(100vw - 4rem);--v-avail:calc(100vh - 4rem)}.grid-preview--panel-top{padding-top:4.5rem;--v-avail:calc(100vh - 6.5rem)}.grid-preview--panel-left{padding-left:4.5rem;--h-avail:calc(100vw - 6.5rem)}.grid-preview .golden-grid{width:min(var(--h-avail),calc(var(--v-avail) * var(--grid-ratio-w, 1) / var(--grid-ratio-h, 1)))}.control-float{position:fixed;z-index:100;background:white;display:flex;transition:transform .25s ease,box-shadow .25s ease}.control-float--top{flex-direction:column;top:0;left:0;right:0;max-height:80vh;box-shadow:0 4px 24px #00000026}.control-float--top .control-float__body{order:1;flex:1;min-height:0;overflow-y:auto;padding:0 .75em .5em}.control-float--top .control-float__tab{order:2;flex-shrink:0;width:100%;height:2.5rem;padding:0 .75rem}.control-float--top.control-float--closed{transform:translateY(calc(-100% + 2.5rem));box-shadow:none}.control-float--left{flex-direction:row;top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000026}.control-float--left .control-float__body{order:1;flex:1;min-width:0;overflow-y:auto;max-width:min(80vw,480px);padding:0 .75em .5em}.control-float--left .control-float__tab{order:2;flex-shrink:0;width:2.5rem;height:100%;flex-direction:column;padding:1rem 0;letter-spacing:0;font-size:1em}.control-float--left.control-float--closed{transform:translate(calc(-100% + 2.5rem));box-shadow:none}.control-float__tab{background:transparent;color:#000;border:none;cursor:pointer;font-family:sans-serif;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.15em;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.control-float__tab:hover .control-float__tab-toggle{display:none}.control-float__tab:after{content:attr(data-action);display:none;font-size:.75em;letter-spacing:.15em}.control-float__tab:hover:after{display:inline}.control-float__tab-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.1em;white-space:nowrap}.box-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:sans-serif;font-size:clamp(1rem,3cqw,1.5rem);pointer-events:none}