/* Routed page views: one focused screen at a time, no anchor-scroll landing page. */
.route-intro{display:none;padding:58px 0 24px}.route-intro h1,.route-intro .route-title{font:700 clamp(42px,5vw,70px)/.98 Fredoka;letter-spacing:-2px;margin:10px 0 10px}.route-intro p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.6;font-weight:700;margin:0}.site-footer{margin-top:50px}
body[data-route="home"] .route-intro{display:none}
body[data-route="home"] .hero{display:grid}
body[data-route="home"] .studio-section,body[data-route="home"] .capabilities,body[data-route="home"] .favorites,body[data-route="home"] .explore,body[data-route="home"] #how,body[data-route="home"] #faq{display:none}
body:not([data-route="home"]) .route-intro{display:block}
body:not([data-route="home"]) .hero{display:none}
body:not([data-route="home"]) .studio-section,body:not([data-route="home"]) .capabilities,body:not([data-route="home"]) .favorites,body:not([data-route="home"]) .explore,body:not([data-route="home"]) #how,body:not([data-route="home"]) #faq{display:none}
body[data-route="create"] .studio-section,body[data-route="capabilities"] .capabilities,body[data-route="explore"] .explore,body[data-route="favorites"] .favorites,body[data-route="how"] #how,body[data-route="faq"] #faq{display:block}
body[data-route="create"] .studio-section{padding-top:12px}
body[data-route="capabilities"] .capabilities,body[data-route="favorites"] .favorites,body[data-route="explore"] .explore{padding-top:38px;margin-top:4px}
body[data-route="how"] #how,body[data-route="faq"] #faq{padding-top:26px}
.nav a.route-active{color:var(--purple)}

/* Sobria iconografía CSS y soporte para SVG: formas propias, sin emojis. */
.logo-mark{font-size:0;position:relative}.logo-mark:before{content:"";width:13px;height:13px;background:var(--yellow);border:3px solid var(--ink);border-radius:4px;transform:rotate(45deg)}
.eyebrow:before{content:"";width:8px;height:8px;background:var(--ink);border-radius:2px;transform:rotate(45deg)}
.note-mark{display:block;width:17px;height:17px;border:3px solid var(--orange);border-radius:50%;position:relative;flex:0 0 auto}.note-mark:after{content:"";position:absolute;left:4px;top:4px;width:4px;height:4px;background:var(--orange);border-radius:50%}
.source-badge:before{content:"";width:7px;height:7px;background:var(--orange);border-radius:50%}.idea-stage:after{content:"";width:48px;height:7px;background:repeating-linear-gradient(90deg,var(--purple) 0 7px,transparent 7px 17px);border-radius:99px}
.spark{font-size:0;width:22px;height:22px}.spark:before{content:"";position:absolute;inset:4px;background:var(--purple);border-radius:4px;transform:rotate(45deg)}.sp3:before{background:var(--orange)}.item-chip.active{position:relative;padding-left:25px}.item-chip.active:before{content:"";position:absolute;left:11px;top:50%;width:7px;height:11px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-65%) rotate(40deg)}

/* SVG icon system */
.cap-icon-image{display:block;width:58px;height:58px;object-fit:contain;margin:0 0 8px}.sticker-image{display:block;width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 5px 0 #29233f22)}.ill-image{display:block;width:74px;height:74px;object-fit:contain;margin:0 auto 10px}.detail .category-mark{display:block;width:37px;height:37px;object-fit:contain}.plan-figure .detail{display:grid;place-items:center;width:52px;height:52px;font-size:0}

@media(max-width:700px){.route-intro{padding:35px 0 18px}.route-intro h1,.route-intro .route-title{font-size:46px}.route-intro p{font-size:15px}.site-footer{margin-top:35px}}
.brand-mark{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 auto}.footer-brand-mark{width:24px;height:24px}.logo .brand-mark{margin-right:1px}
body:not([data-route="home"]) .examples{display:none}.examples{padding:36px 0 76px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.example-card{background:#fffaf0;border:2px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 5px 0 #29243b1c}.example-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.example-top img{width:58px;height:58px;object-fit:contain}.example-tag{padding:7px 9px;border-radius:99px;background:#e9f5c9;color:#514b59;font:500 10px 'DM Mono',monospace}.example-card h3{font:600 25px Fredoka;line-height:1.05;margin:15px 0 8px}.example-card p{min-height:65px;color:var(--muted);font-size:13px;line-height:1.5;font-weight:700;margin:0 0 16px}.result-action-buttons{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.result-action-buttons .btn{white-space:nowrap}
@media(max-width:800px){.example-grid{grid-template-columns:1fr}.example-card p{min-height:0}.result-actions{align-items:flex-start}.result-action-buttons{width:100%;justify-content:flex-start}}

.ai-image-box{margin-top:18px;padding:18px;border:2px solid #d9c8f2;border-radius:20px;background:#f4eafa;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.ai-image-box h3{font:600 24px Fredoka;margin:5px 0 4px}.ai-image-box p{margin:0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.ai-image-box .kicker{font-size:10px}.ai-image-result{grid-column:1/-1}.ai-image-loading,.ai-image-fallback{padding:14px;border-radius:14px;background:#fffaf0;color:var(--muted);font-size:12px;font-weight:800}.ai-image-figure{margin:0;background:#fffaf0;border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 5px 0 #29243b}.ai-image-figure img{display:block;width:100%;max-height:430px;object-fit:cover;background:var(--cream)}.ai-image-figure figcaption{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 13px;font-size:11px;font-weight:900}.ai-image-figure figcaption a{color:var(--purple);text-decoration:underline}.ai-image-fallback{border:1px solid #f1bfaa;background:#fff6ef;color:#8e553c}
@media(max-width:700px){.ai-image-box{grid-template-columns:1fr}.ai-image-box .btn{width:100%}.ai-image-figure figcaption{align-items:flex-start;flex-direction:column}}