/* Sira Le Seriw — UI Phase 13.5.4.2 Creator Social Tree & Sira Link Hub */
:root{--lh-green:#173e32;--lh-green2:#245646;--lh-cream:#f7f2e8;--lh-paper:#fffdf8;--lh-ink:#1f211e;--lh-muted:#746d64;--lh-line:#ded4c4;--lh-gold:#c49a4b}
/* Studio */
.linkhub-pane .hub-section-head p{max-width:650px}.lh-studio-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px}.lh-studio-card{border:1px solid #e0d5c5;border-radius:22px;background:#fffdf8;padding:20px}.lh-studio-card h3{font-family:Fraunces,serif;font-size:25px;margin:2px 0 6px}.lh-studio-card p{color:#6f685f;font-size:14px;line-height:1.55}.lh-hub-status{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #ddd1bf;border-radius:16px;background:#faf6ee;margin:14px 0}.lh-switch{display:flex;align-items:center;gap:10px;font-weight:700}.lh-switch input{width:20px;height:20px;accent-color:#173e32}.lh-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lh-form-grid .span2{grid-column:1/-1}.lh-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#38352f}.lh-field input,.lh-field textarea,.lh-field select{width:100%;border:1px solid #cfc4b4;border-radius:12px;background:white;padding:11px 12px;font:500 14px Inter,sans-serif;color:#222}.lh-field textarea{min-height:86px;resize:vertical}.lh-field small{font-weight:500;color:#766f66;line-height:1.4}.lh-checks{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.lh-checks label{display:flex;align-items:center;gap:7px;border:1px solid #ded3c3;border-radius:999px;padding:8px 11px;background:#fff;font-size:13px;font-weight:700}.lh-checks input{accent-color:#173e32}.lh-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.lh-save-state{font-size:13px;color:#667169}.lh-public-url{display:flex;align-items:center;gap:8px;border:1px solid #d9cebd;border-radius:14px;padding:10px 12px;background:#fff;word-break:break-all}.lh-public-url code{font-size:12px;flex:1;color:#2c443b}.lh-qr-box{display:grid;place-items:center;padding:16px;border:1px solid #e0d4c3;border-radius:18px;background:#fff;margin:14px 0}.lh-qr-box canvas{max-width:100%;height:auto!important}.lh-share-source{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lh-link-editor{margin-top:16px;border-top:1px solid #e4d9ca;padding-top:16px}.lh-link-list{display:grid;gap:10px;margin-top:14px}.lh-link-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #ddd2c3;border-radius:16px;background:#fff}.lh-link-row.off{opacity:.55}.lh-link-icon{width:42px;height:42px;border-radius:12px;background:#173e32;color:#fff;display:grid;place-items:center;font-weight:800}.lh-link-copy{min-width:0}.lh-link-copy strong{display:block;font-size:14px}.lh-link-copy small{display:block;color:#746d64;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.lh-link-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.lh-link-row-actions button{border:1px solid #d7ccbc;background:#fff;border-radius:9px;padding:6px 8px;font-size:12px;font-weight:700}.lh-link-row-actions button.danger{color:#8a2c2c}.lh-feature-chip{display:inline-flex;align-items:center;gap:4px;background:#f4e3b7;color:#5b4512;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;margin-left:6px}.lh-analytics{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.lh-stat{border:1px solid #ddd2c3;border-radius:14px;padding:12px;background:#fff}.lh-stat small{display:block;color:#786f65;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.lh-stat strong{display:block;font-size:22px;margin-top:4px}.lh-source-list{display:grid;gap:7px;margin-top:12px}.lh-source-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border-top:1px solid #eee4d7;padding-top:8px;font-size:13px}.lh-source-row:first-child{border-top:0}.lh-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lh-platform-grid .span2{grid-column:1/-1}
/* Public Hub */
.lh-public{margin:0;background:linear-gradient(180deg,#f3ecdf 0,#fbf8f1 55%,#efe8dc 100%);color:var(--lh-ink);font-family:Inter,sans-serif;min-height:100vh}.lh-public.theme-dark{background:#111714;color:#f4f1e9}.lh-top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;max-width:760px;margin:0 auto}.lh-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:800;font-size:12px}.lh-brand img{width:112px;height:auto}.lh-top button{border:1px solid rgba(23,62,50,.25);background:rgba(255,255,255,.78);backdrop-filter:blur(12px);border-radius:999px;padding:8px 13px;font-weight:700}.lh-shell{max-width:720px;margin:0 auto;padding:8px 18px 42px}.lh-hero{position:relative;overflow:hidden;border-radius:28px;background:var(--lh-green);color:white;padding:30px;min-height:230px;background-image:linear-gradient(135deg,rgba(11,34,27,.93),rgba(31,83,66,.78)),var(--lh-cover);background-size:cover;background-position:center;box-shadow:0 18px 55px rgba(37,42,35,.16)}.lh-hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.18),transparent 28%);pointer-events:none}.lh-identity{display:flex;gap:16px;align-items:center;position:relative}.lh-avatar{width:82px;height:82px;border-radius:24px;object-fit:cover;border:3px solid rgba(255,255,255,.75);background:#fff}.lh-handle{font-size:11px;font-weight:800;letter-spacing:.07em;opacity:.84}.lh-identity h1{font-family:Fraunces,serif;font-size:34px;line-height:1.05;margin:3px 0}.lh-headline{margin:0;font-size:14px;opacity:.92}.lh-intro{position:relative;margin:22px 0 0;max-width:590px;line-height:1.6;font-size:14px;color:rgba(255,255,255,.9)}.lh-sira,.lh-links{margin-top:26px}.lh-section-head span{text-transform:uppercase;letter-spacing:.08em;color:#887458;font-size:11px;font-weight:800}.lh-section-head h2{font-family:Fraunces,serif;font-size:27px;margin:4px 0 12px}.theme-dark .lh-section-head span{color:#baa77e}.lh-sira-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lh-action{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;background:rgba(255,255,255,.86);border:1px solid #ded3c2;border-radius:17px;padding:13px 14px;transition:.18s transform,.18s box-shadow}.lh-action:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(35,41,35,.08)}.lh-action>b{width:35px;height:35px;border-radius:11px;background:#e9e0d1;display:grid;place-items:center;color:#173e32}.lh-action span{display:flex;flex-direction:column;gap:2px;min-width:0}.lh-action strong{font-size:13px}.lh-action small{font-size:11px;color:#7c746a}.lh-action.primary{background:#173e32;color:#fff;border-color:#173e32;text-align:left}.lh-action.primary>b{background:rgba(255,255,255,.14);color:white}.lh-action.primary small{color:#c9d8d2}.lh-featured{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;text-decoration:none;color:white;background:linear-gradient(135deg,#173e32,#2f6553);border-radius:20px;padding:17px 18px;margin-bottom:10px;box-shadow:0 12px 30px rgba(23,62,50,.14)}.lh-featured small{display:block;color:#d6c79f;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.lh-featured strong{display:block;margin-top:3px}.lh-platform-icon{width:43px;height:43px;border-radius:13px;background:rgba(23,62,50,.09);display:grid;place-items:center;font-weight:800;font-size:15px}.lh-featured .lh-platform-icon{background:rgba(255,255,255,.14)}.lh-link-list{display:grid;gap:9px}.lh-link{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;background:rgba(255,255,255,.88);border:1px solid #ded3c2;border-radius:17px;padding:12px 14px;text-decoration:none;color:inherit}.lh-link:hover{border-color:#b9aa94}.lh-link strong{font-size:14px}.lh-link i,.lh-featured i{font-style:normal;font-weight:800}.lh-footer-card{margin-top:28px;border:1px solid #d8cebf;border-radius:19px;padding:15px 16px;background:rgba(255,255,255,.67);display:flex;justify-content:space-between;align-items:center;gap:18px}.lh-footer-card div{display:flex;flex-direction:column;gap:3px}.lh-footer-card strong{font-size:12px}.lh-footer-card span{font-size:11px;color:#746d64}.lh-footer-card a{font-size:12px;font-weight:800;color:#173e32;text-decoration:none}.lh-footer{max-width:720px;margin:0 auto;padding:0 20px 28px;display:flex;justify-content:space-between;font-size:10px;color:#837a6f}.theme-dark .lh-action,.theme-dark .lh-link,.theme-dark .lh-footer-card{background:#18211d;border-color:#34443d;color:#f6f1e8}.theme-dark .lh-action small,.theme-dark .lh-footer-card span{color:#aaa39a}.theme-dark .lh-footer-card a{color:#d1c39d}.lh-missing{margin:0;background:#f5f0e7;font-family:Inter,sans-serif;color:#23241f}.lh-missing main{max-width:520px;margin:15vh auto;padding:30px;text-align:center}.lh-missing img{width:155px}.lh-missing h1{font-family:Fraunces,serif}.lh-missing a{color:#173e32;font-weight:800}
@media(max-width:760px){.lh-studio-grid{grid-template-columns:1fr}.lh-form-grid,.lh-share-source,.lh-platform-grid{grid-template-columns:1fr}.lh-analytics{grid-template-columns:1fr 1fr}.lh-sira-grid{grid-template-columns:1fr}.lh-hero{padding:23px;border-radius:23px}.lh-avatar{width:70px;height:70px;border-radius:21px}.lh-identity h1{font-size:29px}.lh-footer-card{align-items:flex-start;flex-direction:column}.lh-top{height:60px;padding:0 16px}.lh-shell{padding:6px 12px 35px}.lh-link-row{grid-template-columns:auto 1fr}.lh-link-row-actions{grid-column:1/-1;justify-content:flex-start;padding-left:54px}}

/* 13.5.4.2.1 real social brand icons */
.lh-platform-icon img,.lh-link-icon img{width:22px;height:22px;display:block;object-fit:contain}.lh-featured .lh-platform-icon img{filter:none}.lh-link-icon{background:#fff;border:1px solid #e2d7c8}.lh-platform-icon{background:rgba(255,255,255,.92);border:1px solid rgba(23,62,50,.12)}.lh-featured .lh-platform-icon{background:#fff;border-color:rgba(255,255,255,.35)}.lh-icon-fallback{font-size:11px;font-weight:900;letter-spacing:-.02em;color:#173e32}.theme-dark .lh-platform-icon{background:#fff}.theme-dark .lh-link-icon{background:#fff}.lh-link-icon .lh-icon-fallback,.lh-platform-icon .lh-icon-fallback{display:grid;place-items:center}
