.ornament-editor{border:1px solid #d7ded5;border-radius:10px;padding:18px;margin:20px 0;background:#fcfcf8;color:#26352c;min-width:0}
.ornament-editor h3{font:650 1.1rem/1.4 system-ui;margin:0 0 14px}
.ornament-editor label{display:block;margin:12px 0 5px;font-size:.9rem;font-weight:550}
.ornament-editor select,.ornament-editor input[type=file]{width:100%;max-width:100%;min-height:44px;box-sizing:border-box}
.ornament-editor select{background:#fff;color:#26352c;border:1px solid #aebbad;border-radius:5px;padding:8px;font:inherit}
.ornament-editor input[type=range]{width:100%;min-height:44px;margin:0;accent-color:#335e43}
.ornament-editor fieldset{border:0;padding:0;margin:16px 0;min-width:0}
.ornament-editor legend{font-size:.9rem;font-weight:650}
.ornament-editor output{float:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.ornament-editor button{min-height:44px;border:1px solid #aebbad;border-radius:5px;padding:8px 12px;background:#fff;color:#26352c;font:inherit;cursor:pointer}
.ornament-editor button:disabled{opacity:.55;cursor:default}
.ornament-mode{display:flex;gap:8px;flex-wrap:wrap}
.ornament-mode button[aria-pressed=true]{background:#2f533e;color:#fff;border-color:#2f533e}
.ornament-sample{margin:16px 0;background:#f0f1ec;padding:12px;border-radius:6px}
.ornament-sample img{display:block;object-fit:contain;max-width:100%;width:160px;height:100px}
.ornament-sample figcaption{font-size:.78rem;color:#4b594e;margin-top:6px}
.ornament-status:empty{display:none}
.ornament-editor [hidden]{display:none!important}
.ornament-editor :focus-visible{outline:3px solid #2463a0;outline-offset:3px}
.ornament-preview-frame{width:100%;overflow:hidden;position:relative;background:#f6f6f0;border:1px solid #d7ded5;margin-top:12px}
.ornament-preview-frame iframe{display:block;border:0;max-width:none;transform-origin:top left}
@media print{.ornament-editor,.ornament-preview-frame{display:none!important}}