.svg-tool{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.svg-station{box-sizing:border-box;grid-template-columns:350px minmax(0,1fr);gap:20px;width:100%;max-width:1200px;height:calc(100vh - 120px);min-height:600px;margin-left:auto;margin-right:auto;padding:10px 20px 0;display:grid;overflow:hidden}.svg-pretty-label{cursor:pointer;color:#fff6;align-items:center;gap:8px;font-size:11px;display:flex}.svg-pointer-cursor{cursor:pointer}.svg-codemirror-fix{font-size:14px}.svg-mt-12{margin-top:12px}.svg-zoom-value{text-align:center;color:#fff;min-width:45px;font-size:12px;font-weight:800}.station-sidebar{scrollbar-width:none;flex-direction:column;gap:16px;height:100%;display:flex;overflow-y:auto}.station-sidebar::-webkit-scrollbar{display:none}.sidebar-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14142366;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:20px;display:flex;box-shadow:0 10px 40px #0003}.sidebar-card.main-card{flex:1;min-height:300px}.sidebar-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sidebar-card-title{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.editor-wrapper{background:#0003;border:1px solid #ffffff0d;border-radius:12px;flex:1;overflow:hidden}.preview-main-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0f4d;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.preview-viewport{cursor:grab;background-image:linear-gradient(45deg,#ffffff05 25%,#0000 25%),linear-gradient(-45deg,#ffffff05 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff05 75%),linear-gradient(-45deg,#0000 75%,#ffffff05 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:auto}.preview-viewport:active{cursor:grabbing}.svg-preview-fix{filter:drop-shadow(0 20px 40px #00000080);color:#fff;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.svg-preview-fix svg{object-fit:contain;width:100%;max-width:400px;height:100%;max-height:400px}.zoom-controls{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0009;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 10px 30px #00000080}.zoom-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;transition:all .2s;display:flex}.zoom-btn:hover{background:#10b981;border-color:#0000;transform:scale(1.1)}.stats-card{background:linear-gradient(135deg,#10b9811a 0%,#0596690d 100%);border:1px solid #10b98133}.stat-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.stat-item:last-child{border-bottom:none}.stat-label{color:#fff6;font-size:.75rem}.stat-value{color:#10b981;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.stat-item.highlight .stat-value{color:#fff}.control-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.toggle-link{color:#10b981;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:.75rem;font-weight:700;transition:opacity .2s}.toggle-link:hover{opacity:1}.animate-in{animation:.4s cubic-bezier(.4,0,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.viewport-placeholder{text-align:center}.placeholder-icon{filter:drop-shadow(0 10px 20px #00000080);margin-bottom:1.5rem;font-size:5rem}.viewport-placeholder p{color:#ffffff4d;font-size:1.1rem;font-weight:500}.output-preview-area{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;max-height:120px;margin-bottom:4px;padding:12px;overflow-y:auto}.output-preview-area pre{white-space:pre-wrap;word-break:break-all;margin:0}.output-preview-area code{color:#fff9;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.4}@media (max-width:1000px){.svg-station{grid-template-columns:1fr;height:auto}.preview-main-area{order:-1;height:450px}}