.fr-preview-bar{padding:14px 5%;background:#eae3d1;color:#173e34;border-bottom:1px solid #c7b893;font:15px/1.6 system-ui}.fr-preview-bar nav{display:flex;flex-wrap:wrap;gap:8px}.fr-preview-bar a{color:#174b40;text-decoration:underline;min-height:44px;padding:4px}.fr-preview-bar small{display:block;max-width:1000px}.fr-english{font-size:.78em;font-weight:normal;white-space:normal}.fr-demo{max-width:1000px;margin:40px auto;padding:28px;background:#faf7ef;color:#173e34;border-radius:18px;box-sizing:border-box}.fr-demo h1,.fr-demo h2,.fr-demo h3{font-family:Georgia,serif}.fr-demo img{width:100%;max-height:480px;object-fit:contain;border-radius:12px}.fr-demo button,.fr-demo select{padding:12px 18px;min-height:44px;border:1px solid #446653;border-radius:8px;background:#fffdf6;color:#173e34;cursor:pointer;max-width:100%}.fr-controls{display:flex;gap:10px;flex-wrap:wrap}.fr-demo p{line-height:1.7}.fr-demo [lang=ja]{font-size:30px}.fr-demo dialog{max-width:min(90vw,650px);border:1px solid #446653;border-radius:14px;padding:24px}.fr-demo dialog::backdrop{background:#0008}.fr-demo :focus-visible,.fr-preview-bar :focus-visible{outline:3px solid #a66813;outline-offset:3px}.fr-demo a{color:#174b40;text-decoration:underline}.fr-demo article{margin:20px 0}.fr-demo audio{max-width:100%}@media(max-width:400px){.fr-demo{padding:16px;margin:20px 8px}.fr-preview-bar{padding:12px}.fr-demo h1{font-size:32px}}@media print{.fr-preview-bar,.fr-controls{display:none}}