/* Approved mockup-specific CSS. */
:root{--b:#7c3aed;--soft:#f3eefe;--edge:#ddd0fb}.style-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.style-row:first-child{background:var(--soft);border-color:var(--edge)}.style-row .result{margin:0;font-size:25px}.style-row .text-btn{font-size:11px}.print-layout{display:flex;gap:16px;align-items:center;margin-top:14px;flex-wrap:wrap}.paper{width:180px;aspect-ratio:210/297;background:#fff;border:1px solid #d1d5db;box-shadow:0 3px 9px #0000000d;padding:12px;flex-shrink:0;text-align:center;color:#30343b}.paper strong{font-family:Georgia,serif;font-size:13px}.alphabet{display:grid;grid-template-columns:repeat(3,1fr);font-family:Georgia,serif;font-size:12px;line-height:1.7;margin:10px 0}.paper p{font-size:8px;line-height:1.8}.paper small{font-size:7px;color:var(--mut)}.print-info{flex:1;min-width:135px}.print-info button{margin-top:12px}
.style-row{background:#fdfbff;border-color:#e7def1}.style-row .result{font-size:32px;line-height:1.5;color:#39234f;flex:1}.style-row [data-copy]{flex-shrink:0;border-color:var(--edge);color:#6331ab}.style-row h2{font-size:12px;font-weight:500;color:var(--mut)}.style-row [data-manual]{flex-shrink:0;color:#705788}.style-row[data-style-row="FH"]{background:#fff4f9;border-color:#f0d9e5}.style-row[data-style-row="P"]{background:#fff}.style-row[data-style-row="P"] .result{color:var(--tx)}