/* Chicco Studio · assistente Social Design */
.design-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.design-toolbar select,.design-toolbar button{background:var(--panel);border:1px solid var(--line2);color:var(--txt);border-radius:10px;padding:9px 11px;min-height:40px}
.design-toolbar button{cursor:pointer}.design-toolbar button.on{border-color:var(--blue);background:rgba(113,183,230,.15)}
.design-assistant{border:1px solid rgba(113,183,230,.24);background:linear-gradient(180deg,rgba(113,183,230,.08),rgba(255,255,255,.02));border-radius:14px;padding:12px}
.design-assistant h4{margin:0 0 8px;font:600 13px Jost}.design-assistant p{margin:5px 0;color:var(--muted);font-size:11px;line-height:1.45}
.design-score{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;margin:10px 0}.design-score strong{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:4px solid var(--blue);font-size:17px}.design-score small{color:var(--muted);line-height:1.35}
.design-issues{display:grid;gap:6px;margin-top:8px}.design-issue{padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.045);font-size:11px;line-height:1.35;border-left:3px solid var(--warn)}.design-issue.ok{border-color:var(--ok)}
.design-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.design-actions button,.design-palette button,.design-role-row button{border:1px solid var(--line2);background:var(--panel2);color:var(--txt);border-radius:9px;min-height:40px;padding:8px;cursor:pointer;font-size:11px}.design-actions button:hover,.design-palette button:hover{border-color:var(--blue)}
.design-role-row{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end;margin-top:10px}.design-role-row select{width:100%;background:var(--panel2);border:1px solid var(--line2);color:var(--txt);border-radius:9px;padding:9px}
.design-palette{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.design-palette-controls{display:grid;grid-template-columns:54px 1fr;gap:7px}.design-palette-controls input{width:54px;height:42px;border:1px solid var(--line2);background:var(--panel2);border-radius:9px;padding:3px}.design-palette-controls select{background:var(--panel2);border:1px solid var(--line2);color:var(--txt);border-radius:9px;padding:9px}.design-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0}.design-swatch{height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.22);cursor:pointer;position:relative}.design-swatch span{position:absolute;inset:auto 2px 2px;font-size:7px;background:rgba(0,0,0,.55);padding:2px;border-radius:4px;text-align:center}
.design-modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:10000;display:grid;place-items:center;padding:16px;backdrop-filter:blur(8px)}.design-modal[hidden]{display:none}.design-modal-card{width:min(920px,100%);max-height:92vh;overflow:auto;background:#12141a;border:1px solid var(--line2);border-radius:20px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.65)}.design-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.design-modal-head h2{font:600 20px Jost;margin:0}.design-modal-head button{margin-left:auto;border:1px solid var(--line2);background:var(--panel2);color:var(--txt);width:42px;height:42px;border-radius:11px;cursor:pointer}.design-phone{width:min(390px,100%);margin:auto;border:10px solid #050608;border-radius:42px;background:#08090c;padding:20px 12px 18px;box-shadow:0 22px 70px rgba(0,0,0,.55)}.design-phone-notch{width:100px;height:22px;border-radius:0 0 16px 16px;background:#050608;margin:-20px auto 14px}.design-phone-post{border:1px solid #252933;border-radius:11px;overflow:hidden;background:#11131a}.design-phone-bar{height:42px;display:flex;align-items:center;gap:8px;padding:8px}.design-phone-avatar{width:25px;height:25px;border-radius:50%;background:var(--blue)}.design-phone-post img{display:block;width:100%;height:auto}.design-phone-copy{padding:10px;color:#d6d8df;font-size:11px}.design-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.design-check-card{border:1px solid var(--line);border-radius:12px;padding:11px;background:#171920}.design-check-card h4{margin:0 0 6px;font-size:12px}.design-check-card ul{margin:0;padding-left:17px;color:var(--muted);font-size:11px;line-height:1.5}
.feed-design-analysis{margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#15171d}.feed-design-analysis strong{display:block;margin-bottom:4px}.feed-design-analysis small{color:var(--muted);line-height:1.45}.feed-design-score{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:4px 8px;border-radius:999px;background:rgba(133,210,197,.13);color:var(--accent2);margin-left:6px}
@media(max-width:720px){.design-toolbar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.design-toolbar>*{min-width:0;width:100%}.design-actions{grid-template-columns:1fr}.design-check-grid{grid-template-columns:1fr}.design-modal-card{padding:13px;border-radius:16px}.design-role-row{grid-template-columns:1fr}.design-palette-controls{grid-template-columns:52px 1fr}.design-swatch{height:44px}.design-assistant{margin-bottom:12px}}