/* Phase 15 Typography + Logo Studio */
.typography-panel { border-left-color: rgba(236,72,153,.8); }
.phase15-typography-body { display:grid; gap:10px; }
.phase15-status-card { padding:10px; border:1px solid rgba(236,72,153,.42); border-radius:8px; background:linear-gradient(135deg, rgba(236,72,153,.12), rgba(56,189,248,.10)); color:#d7fbff; font-size:12px; line-height:1.35; }
.phase15-button-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.phase15-primary { border-color:rgba(56,213,255,.75)!important; background:linear-gradient(180deg, rgba(56,213,255,.28), rgba(21,126,174,.24))!important; color:#dffbff!important; }
.phase15-textarea-label { display:grid; gap:5px; font-size:11px; color:#b8c6d9; text-transform:uppercase; letter-spacing:.04em; }
#phase15TextContent { min-height:58px; resize:vertical; background:#07101f; border:1px solid rgba(56,213,255,.32); color:#f3fbff; border-radius:7px; padding:7px; font:600 13px/1.35 system-ui, sans-serif; }
.phase15-preset-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.phase15-grid-two { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.phase15-grid-two label { display:grid; gap:4px; font-size:10px; color:#b8c6d9; text-transform:uppercase; letter-spacing:.035em; }
.phase15-grid-two input[type="number"], .phase15-grid-two select { min-width:0; width:100%; background:#111827; border:1px solid rgba(148,163,184,.35); color:#e5f7ff; border-radius:6px; padding:5px 6px; }
.phase15-grid-two input[type="color"] { width:100%; min-height:28px; border-radius:6px; background:#111827; border:1px solid rgba(148,163,184,.35); }
.phase15-grid-two input[type="range"] { width:100%; }
.phase15-divider { height:1px; background:linear-gradient(90deg, transparent, rgba(56,213,255,.25), rgba(236,72,153,.35), transparent); }
.phase15-flags { display:grid; grid-template-columns:1fr 1fr; gap:6px 8px; padding:8px; border:1px solid rgba(148,163,184,.18); border-radius:8px; background:rgba(255,255,255,.035); }
.phase15-flags .checkbox-line { font-size:11px; color:#dbeafe; }
.phase15-help { padding:8px; font-size:11px; line-height:1.35; color:#a9b8cc; border-radius:7px; background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.08); }
.layer-item.text .layer-icon { color:#f0abfc; border-color:rgba(236,72,153,.45); }
.layer-item.text .layer-name:after { content:' TEXT'; margin-left:6px; color:#f0abfc; font-size:9px; letter-spacing:.08em; }
.tool[data-tool="text"] { border-color:rgba(236,72,153,.5); }
.tool[data-tool="text"] .tool-icon { color:#f0abfc; }
@media (max-width: 980px){ .phase15-grid-two, .phase15-button-grid, .phase15-preset-row { grid-template-columns:1fr; } }