#rff-dropzone{border:2px dashed #ccc;padding:2rem 1rem;margin-bottom:1rem;background-color:#f8f8f8;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;position:relative;min-height:100px}#rff-dropzone:hover{background-color:#f0f0f0;border-color:#aaa}#rff-dropzone p{margin:0;font-size:1.1rem;color:#555}.rff-file-picker-link{text-decoration:underline}#rff-loading,#rff-error{margin-top:1rem;font-weight:700;text-align:center}#rff-error{color:#cc4b37}#rff-loading .rff-spinner{border:4px solid #f3f3f3;border-top:4px solid #1779ba;border-radius:50%;width:30px;height:30px;animation:rff-spin 1s linear infinite;margin:10px auto 5px auto}#rff-loading span{display:block;font-size:.9rem;color:#555}@keyframes rff-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#rff-info-panel,#rff-features-panel,#panel-glyphs,#panel-text,#panel-type-yourself,#panel-waterfall,#panel-data{border:1px solid #e6e6e6;padding:1rem;background-color:#fefefe;margin-top:1rem}#rff-info-panel{border-color:#1779ba}#rff-info-panel h2,#rff-features-panel h2,#panel-glyphs h2,#panel-text h2,#panel-type-yourself h2,#panel-waterfall h2,#panel-data h2{margin-top:0;margin-bottom:.75rem;font-size:1.3rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.rff-info-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-items:baseline}.rff-info-list dt{font-weight:700;color:#333;grid-column:1;text-align:right}.rff-info-list dd{grid-column:2;margin-left:0;word-break:break-word}.rff-feature-list{display:flex;flex-wrap:wrap;gap:15px 10px;padding-top:.5rem;justify-content:flex-start}.rff-feature-item{display:inline-flex;flex-direction:column;align-items:center;min-width:50px;text-align:center}.rff-feature-item .switch{margin-bottom:5px;padding:0;height:auto;background:0 0;border:none;border-radius:0}.rff-feature-item .switch-input{position:absolute;opacity:0;pointer-events:none}.rff-feature-item .switch-paddle{position:relative;display:block;width:36px;height:20px;border-radius:10px;background:#e0e0e0;transition:background .25s ease-out;cursor:pointer;margin:0 auto;border:1px solid #ccc}.rff-feature-item .switch-paddle:after{content:'';position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .25s ease-out,background-color .25s ease-out}.rff-feature-item .switch-input:checked+.switch-paddle{background:#8a17ba;border-color:#7e15a8}.rff-feature-item .switch-input:checked+.switch-paddle:after{left:17px}.rff-feature-item .rff-feature-tag-label{font-family:monospace;font-size:.8rem;color:#333;margin-top:3px;display:block}#rff-variable-controls{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}#rff-variable-controls label{font-size:.9rem;color:#555}#rff-variable-controls .rff-variable-slider-value{font-weight:700;color:#000}#rff-variable-controls input[type=range]{margin-top:.2rem;height:5px}.rff-instances-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:.5rem}.rff-instance-button{font-size:.8rem !important;padding:.3rem .6rem !important;margin-bottom:5px !important;background-color:#e6e6e6 !important;color:#333 !important;border-color:#ccc !important}.rff-instance-button:hover{background-color:#d0d0d0 !important;border-color:#bbb !important}.rff-instance-button.active{background-color:#1779ba !important;color:#fff !important;border-color:#12619a !important}#rff-glyphs-content{padding-top:.5rem}.rff-glyph-container{border:1px solid #ddd;background-color:#fefefe;padding:5px;min-width:50px;text-align:center;position:relative;display:inline-block;vertical-align:top;margin:4px}.rff-glyph-canvas{display:block;margin:0 auto}.rff-glyph-tooltip{visibility:hidden;width:120px;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:5px 8px;position:absolute;z-index:10;bottom:115%;left:50%;margin-left:-64px;opacity:0;transition:opacity .3s;font-size:.8rem;pointer-events:none}.rff-glyph-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent}.rff-glyph-container:hover .rff-glyph-tooltip{visibility:visible;opacity:.9}#rff-preview-text{width:100%;padding:8px;border:1px solid #cacaca;box-sizing:border-box;font-size:24px;margin-bottom:10px;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);transition:box-shadow .5s,border-color .25s ease-in-out}#rff-preview-text:focus{outline:none;border-color:#8a8a8a;box-shadow:0 0 5px #cacaca}.tabs{margin-bottom:0;border-bottom:1px solid #e6e6e6}.tabs-title>a{padding:.75rem 1rem;font-size:.9rem}.tabs-content{border:none;padding:0}.tabs-panel{padding:1rem}.rff-data-section{margin-bottom:1.5rem}.rff-data-section h4{border-bottom:1px solid #ccc;padding-bottom:.3rem;margin-bottom:.5rem;font-size:1.1rem}.rff-data-section pre{white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto;padding:.5rem;background-color:#f8f8f8;border:1px solid #eee;font-family:monospace;font-size:.85rem;line-height:1.4}.rff-hide{display:none}#rff-glyph-modal-data dl{margin-bottom:.5rem}#rff-glyph-modal-data dt{font-weight:700;display:inline-block;min-width:100px;color:#555}#rff-glyph-modal-data dd{display:inline;margin-left:5px}#rff-glyph-modal-contours-container h5{font-size:1rem;margin-bottom:.3rem}#rff-glyph-modal-contours pre{margin:0;padding:0;background:0 0;border:none;white-space:pre-wrap}#rff-glyph-modal-contours .oncurve{color:#1779ba}#rff-glyph-modal-contours .offcurve{color:#cc4b37}