.cc-page{background:#05080f;min-height:100vh;position:relative;overflow:hidden}.cc-grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(#c628280a 1px,#0000 1px),linear-gradient(90deg,#c628280a 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.cc-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#ff3c3c14 0%,#0000 60%);width:800px;height:800px;position:fixed;top:20%;left:50%;transform:translate(-50%)}.cc-container{z-index:10;max-width:1400px;margin:0 auto;padding:5.5rem 1.5rem 3rem;position:relative}.cc-breadcrumb{font-family:var(--font-mono);color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.cc-breadcrumb a{color:#f66;text-decoration:none;transition:color .2s}.cc-breadcrumb a:hover{color:#f44}.cc-layout{align-items:stretch;gap:1.5rem;min-height:calc(100vh - 10rem);display:flex}.cc-controls-side{flex-direction:column;flex-shrink:0;width:340px;display:flex}.cc-viewport-side{flex-direction:column;flex:1;min-width:0;display:flex}.cc-viewport-wrapper{border:1px solid #ff3c3c26;border-radius:12px;flex:1;min-height:500px;overflow:hidden}.cc-download-section{background:#0f0a08d9;border:1px solid #ff3c3c26;border-top:none;border-radius:0 0 12px 12px;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.cc-download-label{color:var(--color-text-muted);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.cc-download-quota{color:var(--color-text-muted);font-size:.7rem;font-family:var(--font-mono)}.cc-subscribe-link{padding:.75rem 1.25rem}.cc-subscribe-link a{color:var(--color-primary-glow);font-size:.8rem;font-family:var(--font-mono);text-decoration:none;transition:color .2s}.cc-subscribe-link a:hover{color:#f44}.cc-cart-confirm{text-align:center;background:#0f0a08e6;border:1px solid #ff3c3c33;border-radius:12px;margin-top:1.5rem;padding:2rem}.cc-cart-title{font-family:var(--font-display);color:var(--color-text);letter-spacing:.05em;font-size:1.3rem}.cc-compile-overlay{z-index:10;color:#0dff72;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;font-family:monospace;font-size:1rem;display:flex;position:absolute;inset:0}.cc-error{color:#ff5252;padding:8px 16px;font-family:monospace;font-size:13px}.cc-success{color:#4caf50;font-family:var(--font-mono);text-align:center;background:#4caf501f;border:1px solid #4caf504d;border-radius:8px;margin:0 1rem 1rem;padding:.8rem 1rem;font-size:.82rem}.cc-svg-preview svg{fill:none;stroke:#f66;stroke-width:1.5px;max-width:100%;max-height:140px}@media (max-width:900px){.cc-layout{flex-direction:column}.cc-controls-side{order:2;width:100%}.cc-viewport-side{order:1}.cc-viewport-wrapper{min-height:350px}.lcp-panel{max-height:none}}