.studio-heading{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.studio-label{font-size:14px;font-weight:400;color:#9ca3af}.studio-value{font-size:12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-weight:500;color:#10b981}.studio-meta{font-size:12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-weight:400;color:#4b5563}.studio-button{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.studio-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.studio-font-name{font-size:12px;font-weight:600;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#e5e7eb}.studio-tab{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.studio-tab-icon{width:12px;height:12px}.studio-layer-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.studio-layer-type{font-size:11px;font-weight:600;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;text-transform:uppercase}@media(min-width:768px)and (max-width:1023px){.studio-heading{font-size:13px}.studio-label{font-size:14px}.studio-value,.studio-meta,.studio-button{font-size:12px}.studio-badge{font-size:10px}.studio-font-name{font-size:12px}}@media(min-width:1024px){.studio-heading{font-size:13px}.studio-label{font-size:14px}.studio-value,.studio-meta,.studio-button{font-size:12px}.studio-badge{font-size:11px}.studio-font-name{font-size:13px}}.panel-container{display:flex;flex-direction:column;background-color:#11182780;border-right:1px solid #374151;overflow:hidden}.panel-content-scroll{flex:1;overflow-y:auto;min-height:0}.canvas-preview-area{width:100%;flex:none}@media(max-width:767px){.canvas-preview-area{height:20vh}}@media(min-width:768px)and (max-width:1023px){.canvas-preview-area{height:25vh}}@media(min-width:1024px){.canvas-preview-area{height:35vh}}@media(min-width:1024px){.layout-desktop{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.layout-desktop .panel-source{width:320px;flex:none;border-right:1px solid #374151}.layout-desktop .panel-metrics{flex:1;min-width:400px;border-right:1px solid #374151}.layout-desktop .panel-layers{width:320px;flex:none;background-color:#1f2937}}@media(min-width:768px)and (max-width:1023px){.layout-tablet{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.layout-tablet .col-left-scroll{flex:1;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid #374151;min-width:0}.panel-reset-scroll{flex:none!important;height:auto!important;overflow:visible!important;width:100%!important}.layout-tablet .col-right-layers{width:400px;flex:none;background-color:#1f2937;border-left:1px solid #374151}}@media(max-width:767px){.layout-mobile{display:flex;flex-direction:column;flex:1;overflow-y:auto;min-height:0}}@keyframes slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.animate-slide-up{animation:slide-up .3s ease-out}