:root{font-family:Helvetica Neue,Helvetica,Arial,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--grid-columns: 12;--grid-gutter: clamp(16px, 2vw, 32px);--grid-margin: clamp(24px, 5vw, 80px);--grid-max-width: 1600px;--space-xs: clamp(4px, .5vw, 8px);--space-sm: clamp(8px, 1vw, 16px);--space-md: clamp(16px, 2vw, 32px);--space-lg: clamp(32px, 4vw, 64px);--space-xl: clamp(48px, 6vw, 96px);--space-2xl: clamp(64px, 8vw, 128px)}.grid-container{display:grid;grid-template-columns:[full-start] var(--grid-margin) [content-start] repeat(var(--grid-columns),1fr) [content-end] var(--grid-margin) [full-end];gap:var(--grid-gutter);width:100%;max-width:var(--grid-max-width);margin:0 auto}.grid-full{grid-column:full-start / full-end}.grid-content{grid-column:content-start / content-end}.grid-span-1{grid-column:span 1}.grid-span-2{grid-column:span 2}.grid-span-3{grid-column:span 3}.grid-span-4{grid-column:span 4}.grid-span-5{grid-column:span 5}.grid-span-6{grid-column:span 6}.grid-span-7{grid-column:span 7}.grid-span-8{grid-column:span 8}.grid-span-9{grid-column:span 9}.grid-span-10{grid-column:span 10}.grid-span-11{grid-column:span 11}.grid-span-12{grid-column:span 12}.grid-start-1{grid-column-start:1}.grid-start-2{grid-column-start:2}.grid-start-3{grid-column-start:3}.grid-start-4{grid-column-start:4}.grid-start-5{grid-column-start:5}.grid-start-6{grid-column-start:6}.grid-start-7{grid-column-start:7}@media(max-width:1200px){:root{--grid-columns: 8}}@media(max-width:768px){:root{--grid-columns: 4;--grid-margin: clamp(16px, 4vw, 24px)}}html{height:-webkit-fill-available;background-color:#080810;overflow-x:hidden}body{margin:0;padding:0;min-height:100dvh;overscroll-behavior-y:none;background-color:#080810;overflow-x:hidden}#root{width:100%;height:100%;min-height:100dvh;margin:0;padding:0;overflow:hidden}.project-preview-wrapper{width:100%;height:100%}@media print{html,body,#root,.app-wrapper,#main-scroll-container{height:auto!important;min-height:0!important;overflow:visible!important;overflow-y:visible!important;position:static!important;display:block!important}body{background-color:#080810!important;color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}canvas,#spline-editor{display:none!important}section{height:auto!important;min-height:0!important;page-break-inside:avoid;break-inside:avoid;padding:0!important;margin:0!important;background-color:#080810!important;display:block!important}.title-section-grid{height:100vh!important;page-break-after:always}.title-text-container{transform:none!important}h1,h2,h3,h4,h5,h6,p,span,div,a{color:#fff!important;text-shadow:none!important;mix-blend-mode:normal!important;opacity:1!important}.project-section-container{display:block!important;padding:0!important;margin:0!important;gap:0!important;width:100%!important}page-break-before: always;break-before: page;page-break-inside: avoid;break-inside: avoid;background-color: #080810 !important}.corner-tl{top:40px!important;left:40px!important;display:block!important}.corner-tr{top:40px!important;right:40px!important;display:block!important}.corner-bl{bottom:40px!important;left:40px!important;display:block!important}.corner-br{bottom:40px!important;right:40px!important;display:block!important}.project-content-fino{min-height:auto!important;height:auto!important;padding:60px!important;width:100%!important;box-sizing:border-box!important}.project-content-generic{min-height:auto!important;height:auto!important;padding:0!important;gap:40px!important;justify-content:center!important;align-items:center!important}.sidebar-container{display:none!important}.project-card img,.project-card canvas{max-width:100%!important;max-height:70vh!important;object-fit:contain!important}} .controls-panel{position:absolute;inset:50% auto auto 0;transform:translateY(-50%);width:auto;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:24px 24px 24px 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}.controls-section{display:flex;flex-direction:column;gap:10px}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:4px;padding-left:4px}.button-grid{display:flex;flex-direction:column;gap:10px;min-width:140px}.full-width{grid-column:span 2}.tech-btn{appearance:none;outline:none;background:#ffffff1a;color:#fff;padding:20px;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;gap:8px;position:relative;overflow:hidden}.tech-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.tech-btn:active{transform:translateY(0);background:#ffffff1f}.tech-btn.active{background:#3b82f626;border-color:var(--accent-blue);color:#fff;box-shadow:0 0 15px #3b82f633}.tech-btn.active:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--accent-blue)}.tech-btn.action:hover{border-color:var(--accent-blue);box-shadow:0 0 10px #3b82f61a}.tech-btn.stop{margin-top:10px;background:#ef44441a;border-color:#ef444433;color:var(--accent-red);font-weight:600}.tech-btn.stop:hover{background:#ef444433;border-color:var(--accent-red);box-shadow:0 0 20px #ef444426}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.active .status-dot{opacity:1;box-shadow:0 0 8px currentColor}@media(max-width:600px){.controls-panel{inset:auto auto 24px 0;transform:none;width:calc(100% - 48px);max-width:400px;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:row;align-items:center;justify-content:center}.tech-btn{padding:14px;min-height:48px}.tech-btn.stop{position:sticky;bottom:0;margin-top:16px}.button-grid{display:grid;grid-template-columns:1fr 1fr;width:100%}}kbd{display:inline-block;padding:2px 6px;font-family:inherit;font-size:.7rem;font-weight:500;line-height:1;color:var(--text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;display:block;margin-top:8px;margin-left:0;opacity:.6}.tech-btn:hover kbd{color:var(--text-primary);border-color:#fff3}.tech-btn.stop kbd{color:#ef4444b3;border-color:#ef44444d}.tech-btn.stop:hover kbd{color:var(--accent-red);border-color:var(--accent-red)}.segmented-control{display:flex;background:#ffffff0d;border-radius:12px;padding:4px;gap:4px;border:1px solid rgba(255,255,255,.05);height:fit-content;align-self:center}.segment-btn{flex:1;appearance:none;border:none;background:transparent;color:#94a3b8;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.segment-btn:hover{color:#fff;background:#ffffff0d}.segment-btn.active{background:#3b82f6;color:#fff;box-shadow:0 1px 3px #0003}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e293bcc,#0f172acc);z-index:1000;pointer-events:none}.loading-content{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px;background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 20px 40px -5px #0000004d}.loading-spinner{width:60px;height:60px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-blue, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #f8fafc);letter-spacing:-.02em}.loading-subtitle{font-size:.875rem;color:var(--text-secondary, #94a3b8);margin-top:-16px}.progress-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue, #3b82f6),#60a5fa);border-radius:2px;transition:width .3s ease}