.studio-wrap{display:flex;min-height:100vh;background:var(--bg);font-family:var(--font-body)}.studio-sidebar{width:220px;flex-shrink:0;background:#0c0918f7;border-right:1px solid rgba(168,85,247,.1);display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh}.studio-brand{padding:24px 20px 20px;border-bottom:1px solid rgba(168,85,247,.08)}.studio-brand-name{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#c084fc,#a855f7 60%,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.studio-brand-sub{font-family:var(--font-mono);font-size:10px;color:#8270b099;margin-top:3px;letter-spacing:.06em}.studio-nav{padding:16px 10px;display:flex;flex-direction:column;gap:2px;flex:1}.snav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#8270b0cc;transition:all .15s ease;border:none;background:none;width:100%;text-align:left;position:relative}.snav-item:hover{background:#a855f714;color:#ede9ff}.snav-item.active{background:#a855f71f;color:#c084fc}.snav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--violet);border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--violet)}.snav-icon{font-size:15px;width:18px;text-align:center;flex-shrink:0}.studio-sidebar-footer{padding:16px 20px;border-top:1px solid rgba(168,85,247,.08)}.studio-back-link{display:flex;align-items:center;gap:6px;font-size:12px;color:#8270b099;text-decoration:none;transition:color .15s}.studio-back-link:hover{color:var(--violet)}.studio-main{flex:1;overflow-y:auto;padding:36px 40px;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.2) transparent}.studio-panel-header{margin-bottom:28px}.studio-panel-title{font-family:var(--font-display);font-size:26px;font-weight:800;background:linear-gradient(135deg,#ede9ff 40%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.studio-panel-sub{font-size:13px;color:#8270b0b3;margin-top:6px;font-family:var(--font-mono)}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.studio-stat{background:#120e26cc;border:1px solid rgba(168,85,247,.12);border-radius:12px;padding:16px 18px;position:relative;overflow:hidden}.studio-stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(168,85,247,.04),transparent 60%);pointer-events:none}.studio-stat-val{font-family:var(--font-display);font-size:30px;font-weight:800;color:#c084fc;line-height:1}.studio-stat-val.gold{color:var(--gold)}.studio-stat-val.green{color:#10b981}.studio-stat-val.cyan{color:#06b6d4}.studio-stat-label{font-family:var(--font-mono);font-size:10px;color:#8270b099;margin-top:6px;text-transform:uppercase;letter-spacing:.08em}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.post-card{background:#120e26e6;border:1px solid rgba(168,85,247,.12);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.post-card:hover{border-color:#a855f761;box-shadow:0 0 32px #a855f714,0 8px 32px #0006;transform:translateY(-3px)}.post-card-shine{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),transparent);opacity:0;transition:opacity .2s}.post-card:hover .post-card-shine{opacity:1}.post-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:10px}.post-card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-family:var(--font-mono);padding:3px 8px;border-radius:20px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.status-badge.live{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.25)}.status-badge.pre-publish{background:#f0a5001a;color:var(--gold);border:1px solid rgba(240,165,0,.25)}.status-badge.draft{background:#8270b01a;color:#8270b0b3;border:1px solid rgba(130,112,176,.2)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulse-dot 2.5s ease-in-out infinite}.cornerstone-badge{font-size:10px;font-family:var(--font-mono);padding:2px 7px;border-radius:4px;background:#f0a50014;color:var(--gold);border:1px solid rgba(240,165,0,.2);text-transform:uppercase;letter-spacing:.06em}.post-card-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:#ede9ff;line-height:1.45;margin-bottom:8px}.post-card-title a{color:inherit;text-decoration:none;transition:color .15s}.post-card-title a:hover{color:#c084fc}.post-card-desc{font-size:12px;color:#8270b0bf;line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.tag{font-size:10px;padding:2px 7px;border-radius:4px;background:#a855f712;color:#a855f7bf;border:1px solid rgba(168,85,247,.15);font-family:var(--font-mono)}.post-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8270b080;font-family:var(--font-mono);padding-top:12px;border-top:1px solid rgba(255,255,255,.03)}.score-ring{flex-shrink:0;overflow:visible}.cluster-wrap{background:#120e26cc;border:1px solid rgba(168,85,247,.12);border-radius:16px;padding:36px 28px 28px}.cluster-svg{width:100%;max-width:660px;display:block;margin:0 auto}.cluster-edge{stroke-dasharray:6 4;animation:edge-flow 2.8s linear infinite}@keyframes edge-flow{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.cluster-legend{display:flex;justify-content:center;gap:24px;margin-top:20px;font-size:12px;color:#8270b099;font-family:var(--font-mono)}.cluster-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.timeline{position:relative;padding-left:36px}.timeline:before{content:"";position:absolute;left:13px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#a855f780,#a855f70d);border-radius:2px}.timeline-item{position:relative;margin-bottom:22px}.timeline-dot{position:absolute;left:-29px;top:20px;width:14px;height:14px;border-radius:50%;border:2px solid;background:var(--bg);transition:box-shadow .2s}.timeline-card{background:#120e26e6;border:1px solid rgba(168,85,247,.12);border-radius:12px;padding:20px;transition:border-color .2s}.timeline-card:hover{border-color:#a855f74d}.timeline-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.timeline-date{font-family:var(--font-mono);font-size:11px;color:#8270b099}.timeline-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:#ede9ff;margin-bottom:14px}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cl-item{display:flex;align-items:center;gap:7px;font-size:12px;color:#8270b099}.cl-item.done{color:#10b981}.cl-icon{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}.cl-icon.done{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.28)}.cl-icon.pend{background:#a855f714;color:#a855f766;border:1px solid rgba(168,85,247,.15)}.skills-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-btn{font-family:var(--font-mono);font-size:11px;padding:5px 12px;border-radius:6px;cursor:pointer;border:1px solid rgba(168,85,247,.18);background:transparent;color:#8270b0b3;transition:all .15s;letter-spacing:.04em}.filter-btn:hover{background:#a855f714;color:#c084fc;border-color:#a855f759}.filter-btn.active{background:#a855f724;color:#c084fc;border-color:#a855f773}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.skill-card{background:#120e26d9;border:1px solid rgba(168,85,247,.1);border-radius:10px;padding:15px 16px;display:flex;flex-direction:column;gap:7px;transition:all .15s;position:relative;overflow:hidden}.skill-card:hover{border-color:#a855f752;background:#18133ae6}.skill-top{display:flex;align-items:center;justify-content:space-between}.skill-name{font-family:var(--font-mono);font-size:12px;font-weight:600;color:#c084fc}.skill-cat{font-family:var(--font-mono);font-size:9px;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;background:#f0a50012;color:#f0a500b3;border:1px solid rgba(240,165,0,.15)}.skill-desc{font-size:12px;color:#8270b0b3;line-height:1.5}.skill-cmd-row{display:flex;align-items:center;gap:6px}.skill-cmd{flex:1;font-family:var(--font-mono);font-size:10px;color:#a855f7a6;background:#a855f70d;border:1px solid rgba(168,85,247,.1);border-radius:4px;padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn{flex-shrink:0;font-family:var(--font-mono);font-size:10px;padding:4px 9px;border-radius:4px;border:1px solid rgba(168,85,247,.2);background:#a855f70f;color:#a855f7b3;cursor:pointer;transition:all .15s}.copy-btn:hover{background:#a855f729;color:#c084fc}.copy-btn.copied{color:#10b981;border-color:#10b9814d;background:#10b98112}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.panel-enter{animation:fade-up .3s ease forwards}