:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#242424;background:#f1f0ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:0 auto;padding:56px 28px 48px}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1px;line-height:1.35;margin:0 0 38px;font-weight:800}button{font:inherit;cursor:pointer;border-radius:0;box-shadow:none;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px solid #a93765;outline-offset:3px}button:not(:disabled):hover{filter:brightness(.94)}.settings{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;margin:0 0 24px}.label{font-size:12px;margin-bottom:10px}.levels,.decor{display:flex;gap:0}.levels button,.decor button{flex:1;border:1px solid #aaa8a4;background:transparent;padding:12px 8px;font-size:13px;min-height:44px}.levels button+button,.decor button+button{border-left:0}.levels button[aria-pressed=true],.decor button[aria-pressed=true]{background:#282828;color:#fff}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid #aaa8a4;border-radius:10px;overflow:hidden;background:#fff}.output-panel{background:#fcf9fa}.panel-head{display:flex;justify-content:space-between;padding:18px 20px 12px;font-size:13px;font-weight:700}textarea{width:100%;display:block;min-height:260px;resize:vertical;border:0;border-radius:0;background:transparent;padding:4px 20px 20px;font:inherit;font-size:18px;line-height:1.9;color:#252525;letter-spacing:.02em}textarea:focus{outline:0;box-shadow:inset 0 0 0 2px #a9376530}textarea::placeholder{color:#888;font-size:16px}#output{color:#88344f}.panel-foot{margin:0 20px;min-height:54px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;color:#777;font-size:11px}.text-button{background:none;border:0;padding:10px 0;font-size:12px;color:#666}.copy{border:1px solid #999;background:transparent;padding:7px 15px;font-size:12px}.actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:20px 0 30px}.actions>span{margin-right:auto;color:#777;font-size:11px}.primary,.secondary{padding:13px 24px;min-width:112px;font-size:14px;font-weight:700;border:1px solid #282828}.primary{background:#282828;color:#fff}.secondary{background:transparent}.samples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#777;font-size:11px}.samples>span{margin-right:5px}.samples button{background:transparent;border:1px solid #bbb;padding:8px 12px;font-size:11px;color:#555}@media(max-width:650px){main{padding:30px 18px}h1{margin-bottom:28px}.settings{grid-template-columns:1fr;gap:20px}.workspace{grid-template-columns:1fr;gap:16px}textarea{min-height:180px;font-size:17px}.actions{flex-wrap:wrap}.actions>span{width:100%;min-height:16px}.primary,.secondary{flex:1}}

.actions{flex-wrap:wrap}.actions>span{flex:0 0 100%;min-height:16px}.actions .primary{flex:1;min-width:0;min-height:52px;font-size:16px}.actions .secondary{flex:0 0 54px;min-width:54px;min-height:52px;padding:0;font-size:28px;font-weight:400;line-height:1}