.preview{background:var(--aw-bg-surface);border-top:1px solid var(--aw-border-muted);position:relative}.preview__header{text-align:center;max-width:600px;margin:0 auto var(--aw-space-12)}.preview__headline-wrap{position:relative;margin-bottom:var(--aw-space-4)}.preview__headline{font-family:var(--aw-font-display);font-weight:700;font-size:clamp(2rem,4vw,3rem);line-height:1.05;position:relative;z-index:2;white-space:pre-line;text-wrap:balance}.preview__headline-ghost,.preview__headline-ghost2{font-family:var(--aw-font-display);font-weight:700;font-size:clamp(2rem,4vw,3rem);line-height:1.05;position:absolute;z-index:1;color:transparent;-webkit-text-stroke:1px rgba(0,180,200,.22);pointer-events:none;user-select:none;white-space:pre-line;text-wrap:balance;width:100%;text-align:center}.preview__headline-ghost{top:3px;left:3px}.preview__headline-ghost2{top:6px;left:6px;z-index:0;-webkit-text-stroke:1px rgba(0,180,200,.09)}.preview__sub{font-size:1rem;line-height:1.7}.preview__actions{display:flex;align-items:center;justify-content:center;gap:var(--aw-space-4);margin-top:var(--aw-space-6)}@media (max-width: 560px){.preview__actions{flex-direction:column;width:100%}.preview__actions .btn{width:100%;justify-content:center}}.preview__screen{border-radius:var(--aw-radius-lg);overflow:hidden;border:1px solid rgba(0,180,200,.15);box-shadow:0 0 0 1px #00b4c80a,0 40px 100px #000000b3,0 0 60px #00b4c80f;margin-bottom:var(--aw-space-8);background:var(--aw-bg-card);aspect-ratio:16 / 10;display:flex;flex-direction:column}.preview__bar{display:flex;align-items:center;gap:var(--aw-space-4);padding:var(--aw-space-3) var(--aw-space-5);background:var(--aw-bg-elevated);border-bottom:1px solid rgba(0,180,200,.07);flex-shrink:0}.preview__bar-dots{display:flex;gap:5px;flex-shrink:0}.preview__bar-dots span{width:8px;height:8px;border-radius:50%}.preview__bar-dots span:nth-child(1){background:#00b4c899}.preview__bar-dots span:nth-child(2){background:var(--aw-border)}.preview__bar-dots span:nth-child(3){background:var(--aw-border)}.preview__bar-tabs{flex:1}.preview__bar-right{display:flex;align-items:center;gap:var(--aw-space-4);flex-shrink:0}.preview__bar-status{display:flex;align-items:center;gap:4px;font-family:var(--aw-font-mono);font-size:.52rem;color:#22c55e;letter-spacing:.06em}.preview__bar-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;animation:prev-blink 1.5s ease-in-out infinite}@keyframes prev-blink{0%,to{opacity:1}50%{opacity:.2}}.preview__bar-url{font-family:var(--aw-font-mono);font-size:.55rem;color:var(--aw-text-muted)}.preview__body{display:grid;grid-template-columns:200px 1fr;flex:1;min-height:0;overflow:hidden}.preview__sidebar{background:var(--aw-bg-elevated);border-right:1px solid rgba(0,180,200,.07);display:flex;flex-direction:column;padding:var(--aw-space-4) 0;overflow:hidden}.preview__sidebar-logo{display:flex;align-items:center;gap:var(--aw-space-2);padding:0 var(--aw-space-4) var(--aw-space-4);border-bottom:1px solid rgba(0,180,200,.07);margin-bottom:var(--aw-space-3);font-family:var(--aw-font-display);font-size:.85rem;font-weight:700;color:var(--aw-text-primary);letter-spacing:.08em}.preview__sidebar-logoimg{width:18px;height:18px;object-fit:contain}.preview__sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 var(--aw-space-2);overflow:hidden}.preview__nav-item{display:flex;align-items:center;gap:var(--aw-space-2);padding:7px var(--aw-space-3);border-radius:var(--aw-radius-sm);font-family:var(--aw-font-mono);font-size:.65rem;color:var(--aw-text-muted);letter-spacing:.04em;cursor:default;white-space:nowrap;border:1px solid transparent}.preview__nav-item svg{width:12px;height:12px;flex-shrink:0}.preview__nav-item--active{background:#00b4c81a;color:var(--aw-teal);border-color:#00b4c82e}.preview__nav-badge{margin-left:auto;background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.25);border-radius:10px;font-size:.45rem;padding:1px 5px;letter-spacing:.04em}.preview__sidebar-footer{padding:var(--aw-space-3) var(--aw-space-3) 0;border-top:1px solid rgba(0,180,200,.07);flex-shrink:0}.preview__sidebar-user{display:flex;align-items:center;gap:var(--aw-space-2)}.preview__sidebar-avatar{width:26px;height:26px;border-radius:50%;background:#00b4c81f;border:1px solid rgba(0,180,200,.22);display:flex;align-items:center;justify-content:center;font-family:var(--aw-font-mono);font-size:.5rem;color:var(--aw-teal);flex-shrink:0}.preview__sidebar-userinfo{display:flex;flex-direction:column;gap:1px;overflow:hidden;min-width:0}.preview__sidebar-userinfo span{font-family:var(--aw-font-mono);font-size:.56rem;color:var(--aw-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview__sidebar-userinfo span:first-child{color:var(--aw-text-secondary);font-size:.62rem}.preview__main{display:flex;flex-direction:column;gap:var(--aw-space-3);padding:var(--aw-space-4);background:var(--aw-bg-card);min-height:0;overflow:hidden}.preview__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--aw-space-3);flex-shrink:0}.preview__kpi{background:var(--aw-bg-elevated);border:1px solid var(--aw-border-muted);border-radius:var(--aw-radius);padding:var(--aw-space-3) var(--aw-space-4);display:flex;align-items:center;gap:var(--aw-space-3)}.preview__kpi-icon{width:28px;height:28px;border-radius:var(--aw-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview__kpi-icon svg{width:13px;height:13px}.preview__kpi-icon.teal{background:#00b4c81a;color:var(--aw-teal);border:1px solid rgba(0,180,200,.2)}.preview__kpi-icon.red{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.preview__kpi-icon.green{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.preview__kpi-icon.amber{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.preview__kpi-body{flex:1}.preview__kpi-val{font-family:var(--aw-font-display);font-size:1.2rem;font-weight:700;line-height:1;color:var(--aw-text-primary)}.preview__kpi-val.red{color:#ef4444}.preview__kpi-val.green{color:#22c55e}.preview__kpi-val.amber{color:#f59e0b}.preview__kpi-lbl{font-family:var(--aw-font-mono);font-size:.5rem;color:var(--aw-text-muted);letter-spacing:.06em;margin-top:2px}.preview__kpi-trend{font-family:var(--aw-font-mono);font-size:.5rem;padding:2px 5px;border-radius:3px;flex-shrink:0}.preview__kpi-trend.up{color:#22c55e;background:#22c55e1a}.preview__kpi-trend.down{color:#ef4444;background:#ef44441a}.preview__kpi-trend.neutral{color:var(--aw-text-muted)}.preview__chart-card,.preview__log-card{background:var(--aw-bg-elevated);border:1px solid var(--aw-border-muted);border-radius:var(--aw-radius);overflow:hidden;display:flex;flex-direction:column}.preview__card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--aw-space-3) var(--aw-space-4);border-bottom:1px solid var(--aw-border-muted);flex-shrink:0}.preview__card-title{font-family:var(--aw-font-mono);font-size:.58rem;color:var(--aw-text-secondary);letter-spacing:.07em}.preview__card-meta{font-family:var(--aw-font-mono);font-size:.52rem;color:var(--aw-text-muted)}.preview__card-meta--link{color:var(--aw-teal);opacity:.6;cursor:default}.preview__chart-card{flex:1;min-height:0}.preview__canvas{display:block;width:100%;flex:1;min-height:0;padding:var(--aw-space-3)}.preview__standards-wrap{flex-shrink:0}.preview__standards{display:grid;grid-template-columns:1fr 1fr;gap:var(--aw-space-3)}.preview__standard{background:var(--aw-bg-elevated);border:1px solid var(--aw-border-muted);border-radius:var(--aw-radius);padding:var(--aw-space-3) var(--aw-space-4);display:flex;flex-direction:column;gap:6px}.preview__standard-name{font-family:var(--aw-font-display);font-size:.9rem;font-weight:700;color:var(--aw-text-primary);margin:0;line-height:1.2}.preview__standard-desc{font-family:var(--aw-font-mono);font-size:.6rem;color:var(--aw-text-muted);letter-spacing:.05em;margin:0}.preview__standard-track{height:5px;border-radius:3px;overflow:hidden;display:flex;background:#ffffff0a;margin-block:4px}.preview__standard-fill{height:100%;animation:prev-grow 1.4s var(--aw-ease) .5s both;transform-origin:left}.preview__standard-fill--red{background:#ef4444d9}.preview__standard-fill--amber{background:#f59e0bd9}.preview__standard-fill--green{background:#22c55ed9}.preview__standard-foot{display:flex;gap:var(--aw-space-4);flex-wrap:wrap;font-family:var(--aw-font-mono);font-size:.58rem;color:var(--aw-text-muted)}.preview__standard-foot strong{color:var(--aw-text-secondary);font-weight:600}@keyframes prev-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.preview__log-card{flex-shrink:0}.preview__log{display:flex;flex-direction:column}.preview__log-row{display:flex;align-items:center;gap:var(--aw-space-3);padding:var(--aw-space-3) var(--aw-space-4);border-bottom:1px solid var(--aw-border-muted)}.preview__log-row:last-child{border-bottom:none}.preview__log-row--alert{background:#ef44440a}.preview__log-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.preview__log-dot.teal{background:var(--aw-teal)}.preview__log-dot.green{background:#22c55e}.preview__log-dot.red{background:#ef4444;animation:prev-blink 1.3s ease-in-out infinite}.preview__log-text{font-family:var(--aw-font-mono);font-size:.55rem;color:var(--aw-text-secondary);flex:1;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview__log-text strong{color:#ef4444;font-weight:500}.preview__log-time{font-family:var(--aw-font-mono);font-size:.5rem;color:var(--aw-text-muted);flex-shrink:0}@media (max-width: 900px){.preview__screen{aspect-ratio:auto}.preview__body{grid-template-columns:1fr}.preview__sidebar{display:none}.preview__standards{grid-template-columns:1fr}.preview__kpis{grid-template-columns:repeat(2,1fr)}.preview__canvas{height:100px}}@media (max-width: 480px){.preview__kpis{grid-template-columns:repeat(2,1fr)}.preview__bar-right{display:none}}