*{box-sizing:border-box}body{margin:0;background:#f7f5ee;color:#202e29;font:15px/1.65 "DM Sans","Yu Gothic",Meiryo,sans-serif}header{background:#202e29;color:#fff}header>div,main{max-width:960px;margin:auto;padding:18px 24px}.brand{display:flex;align-items:center;gap:11px;font:600 24px Georgia,serif}.logo{width:25px;height:25px;border:6px double #d5eab9;border-radius:50%;display:inline-block}main{padding-top:44px;padding-bottom:48px}h1{font-size:clamp(26px,4vw,39px);line-height:1.3;letter-spacing:-.06em;margin:0}p{margin:9px 0;color:#506159}h2{font-size:17px;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(215px,1fr);gap:20px;margin:26px 0 12px}.panel,aside{background:#fffef9;border:1px solid #d3d9cb;border-radius:14px;padding:20px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;border:1.5px dashed #879d7f;border-radius:9px;background:#f0f4e9;text-align:center;gap:9px;padding:15px}.drop.over{background:#d6e8cb}.glyph{font:36px/1 Georgia;color:#406647}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:#28513d;color:white;font-size:15px;font-weight:bold;padding:11px 22px;cursor:pointer;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ca8528;outline-offset:3px}.small,small{color:#56665b;font-size:13px}.settings{margin:12px 0 0}.settings>div{border-top:1px solid #e0e4d9;padding:9px 0}.settings dt{font-size:12px;color:#56665b}.settings dd{margin:2px 0;font-weight:600}.result{display:flex;align-items:center;gap:16px;margin:10px 0;background:#fffef9;padding:14px;border:1px solid #d3d9cb;border-radius:10px}.thumb{width:76px;height:76px;object-fit:contain;background:#eeefe8;border-radius:5px}.body{flex:1;min-width:0}.body strong{overflow-wrap:anywhere}.body p{font-size:13px;margin:3px 0}.result .btn{font-size:13px;padding:9px 13px}.hint{font-size:13px;margin:11px 0 0}#status{min-height:1.4em}.error{color:#934529}input[hidden],[hidden]{display:none!important}@media(max-width:620px){main{padding:27px 15px}header>div{padding:13px 16px}.layout{grid-template-columns:1fr;gap:12px}.drop{min-height:166px}.panel,aside{padding:14px}.settings{display:flex;gap:15px;flex-wrap:wrap}.settings>div{padding:0;border:0}.result{flex-wrap:wrap}.thumb{width:58px;height:58px}.result .btn{margin-left:auto}}
video.thumb{width:min(180px,100%);height:110px;background:#18221e}#cancelVideo{border:1px solid #879d7f;background:white;color:#28513d;border-radius:6px;padding:6px 12px;cursor:pointer;margin-bottom:12px}
.modes{display:flex;gap:8px;margin:0 0 18px}.modes a{font-size:14px;padding:6px 14px;border-radius:20px;text-decoration:none;color:#28513d;border:1px solid #a2af9c}.modes a[aria-current]{background:#28513d;color:white}