:root{color-scheme:light;--blue:#2766bb;--bg:#f5f7fb;--ink:#192238;--mute:#687488;--line:#dfe5ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,'Noto Sans JP',sans-serif}button,textarea,select,input{font:inherit}button{cursor:pointer}.shell{max-width:440px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 6px 45px #102a4630}.header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 13px;border-bottom:1px solid #edf1f6}.brand{font-size:15px;font-weight:800;letter-spacing:-.3px}.tag{font-size:10px;color:var(--mute);margin-top:4px}.label{font-size:12px;color:var(--mute);font-weight:600}.note{font-size:12px;color:var(--mute);line-height:1.65}.main{padding:18px}.above{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stage{background:#050505;aspect-ratio:4/5;position:relative;border-radius:14px;overflow:hidden;border:1px solid #d4d9e3;box-shadow:0 9px 28px #15223c21}.stage img{width:100%;height:100%;display:block;object-fit:cover}.frame{position:absolute;inset:0;display:none;padding:6% 6.5%;flex-direction:column;justify-content:space-between;white-space:pre-line}.frame-top{font-size:12px;text-align:right}.frame-text{font-size:24px;line-height:1.75;overflow-wrap:anywhere}.frame-date{font-family:Roboto,Arial,sans-serif;font-size:13px;text-align:right}.stage.user .frame{display:flex}.stage.user img{display:none}.stage.light{background:#fff;color:#171717}.stage.dark{background:#050505;color:white}.actions{display:flex;gap:8px;margin:10px 0 16px}.btn{border:1px solid #dce3ed;border-radius:12px;background:white;padding:12px 14px;font-size:13px;font-weight:700;color:#22304a}.btn:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #81b5ff}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.btn.flex{flex:1}.subhead{font-size:15px;font-weight:750;margin:17px 0 9px}.textentry{width:100%;border:1px solid var(--line);border-radius:12px;resize:vertical;padding:14px;min-height:112px;line-height:1.7;outline-color:var(--blue)}.count{display:flex;justify-content:center;gap:18px;background:#f4f7fc;border-radius:12px;padding:13px;margin:17px 0;font-size:12px}.count b{font-size:18px}.collapser{margin-top:8px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 3px;font-weight:700;font-size:14px}summary::-webkit-details-marker{display:none}summary:after{content:'＋';font-size:20px;color:#7a8595}details[open] summary:after{content:'−'}.inside{padding:2px 2px 18px;font-size:13px}.choose{display:flex;gap:8px;margin:8px 0 15px}.choice{flex:1;border:1px solid #d8e1ed;padding:12px;border-radius:11px;text-align:center;background:white}.choice[aria-pressed="true"]{border:2px solid var(--blue);background:#eaf3ff}.choose button{font-size:12px}.switch{display:flex;align-items:center;gap:9px;margin-top:14px}.foot{margin-top:20px;padding:20px 4px 35px;color:var(--mute);font-size:11px;line-height:1.8}.sample-banner{display:inline-block;padding:5px 9px;border-radius:20px;background:#fdf0cf;color:#8b600a;font-size:10px;font-weight:700}@media(min-width:900px){body{padding:35px}.shell{border-radius:20px;overflow:hidden}}