.ft-mock-tag{font-size:10px;font-weight:700;color:var(--hp-text-tertiary);letter-spacing:1px;margin-bottom:8px}.ft-mock-title{font-size:17px;font-weight:700;color:var(--hp-text-primary);margin-bottom:4px;line-height:1.3}.ft-mock-meta{font-size:12px;color:var(--hp-text-tertiary);margin-bottom:16px}.ft-mock-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ft-mock-chip{border-radius:7px;padding:9px 12px;font-size:12px;border:1px solid var(--hp-border-med);color:var(--hp-text-tertiary);background:#fff}.ft-mock-chip--done{border-color:var(--hp-green);color:var(--hp-green-dark);background:var(--hp-green-light);font-weight:600}.ft-mock-chip--active{border-color:var(--hp-purple-mid);color:var(--hp-purple);background:var(--hp-purple-light);font-weight:600}.ft-swatch-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.ft-swatch{border-radius:12px;height:84px;display:flex;align-items:flex-end;padding:10px 12px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}.ft-swatch--tech{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.ft-swatch--luxury{background:linear-gradient(135deg,#1f2937,#b45309)}.ft-swatch--modern{background:linear-gradient(135deg,#6366f1,#a78bfa)}.ft-swatch--professional{background:linear-gradient(135deg,#10b981,#047857)}.ft-swatch--creative{background:linear-gradient(135deg,#f472b6,#f59e0b)}.ft-swatch--minimalist{background:linear-gradient(135deg,#9ca3af,#4b5563)}.ft-inline-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--hp-purple);text-decoration:none}.ft-inline-link:hover{color:var(--hp-purple-dark)}.ft-int-list{display:flex;flex-direction:column;gap:10px}.ft-int-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--hp-border-med);border-radius:10px;padding:12px 14px;font-size:13px;font-weight:600;color:var(--hp-text-primary)}.ft-int-ico{font-size:16px}.ft-int-check{margin-left:auto;color:var(--hp-green-dark)}.ft-sec-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--hp-text-primary);padding:10px 0;border-bottom:1px solid var(--hp-border)}.ft-sec-row:last-child{border-bottom:none}.ft-sec-row svg{color:var(--hp-purple);flex-shrink:0}@media(max-width:768px){.ft-swatch-visual{grid-template-columns:1fr 1fr;padding:14px;gap:8px}.ft-swatch{height:64px}}