.theater{flex:1;min-height:0;position:relative;background:#0a0a0a;overflow:hidden}#theater-canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay.hidden{display:none}.overlay.fade-out{animation:fadeOut .4s ease forwards}.open-btn{position:absolute;top:45%;left:52%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0a;color:#ffffffd9;font-family:Inter,sans-serif;font-weight:300;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;pointer-events:auto;z-index:10;animation:pulse 2.5s ease-in-out infinite;transition:background .3s ease,border-color .3s ease,color .3s ease}.open-btn:hover{color:#fff;border-color:#ffffff80;background:#ffffff14}.open-btn.hidden{display:none}.open-btn.fade-out{display:block;animation:fadeOut .4s ease forwards;pointer-events:none}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #ffffff26}50%{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 24px 8px #ffffff0f}}.title-area{position:absolute;right:5%;top:45%;transform:translateY(-50%);text-align:right;pointer-events:auto;z-index:5}.title-area.hidden{display:none}.title-area.fade-in{animation:fadeIn .6s ease forwards}.title{color:#fff;margin-bottom:.75rem;text-shadow:0 2px 30px rgba(0,0,0,.5);line-height:.85}.title-main{font-family:Oregano,cursive;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:400;letter-spacing:.03em}.title-sub{font-family:Comic Neue,cursive;font-size:clamp(1.2rem,3vw,2.2rem);font-weight:400;letter-spacing:.2em}.preset-stack{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.35rem;pointer-events:auto;z-index:5}.preset-stack.hidden{display:none}.preset-stack.fade-in{animation:fadeIn .6s ease forwards}.preset-btn{font-family:Inter,sans-serif;font-weight:400;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:#ffffffbf;background:#ffffff08;border:1px solid rgba(255,255,255,.12);padding:.4rem .9rem;border-radius:2rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.preset-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.preset-btn.active{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:48px;height:48px;border:2px solid rgba(255,255,255,.1);border-top-color:#ffffff80;border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:#ffffffb3;font-size:.8rem;letter-spacing:.05em;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.title-color-picker{display:block;margin:0 0 0 auto;width:1.5rem;height:1.5rem;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:none;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none}.title-color-picker::-webkit-color-swatch-wrapper{padding:0}.title-color-picker::-webkit-color-swatch{border:none;border-radius:50%}.builder-panel{position:absolute;z-index:20;background:#141414d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;padding:.75rem 1rem;max-width:210px;min-width:170px;pointer-events:auto;opacity:1;transition:opacity .2s ease,top .15s ease,left .15s ease}.builder-panel.hidden{display:none}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.builder-header span{font-family:Inter,sans-serif;font-weight:500;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#fffc}.builder-close{background:none;border:none;color:#ffffff80;font-size:1.1rem;cursor:pointer;padding:0 .25rem;line-height:1}.builder-close:hover{color:#fff}.builder-controls label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:Inter,sans-serif;font-size:.6rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#fffc;margin-bottom:.35rem}.builder-controls input[type=range]{flex:1;height:3px;accent-color:rgba(255,255,255,.6);cursor:pointer}.builder-controls .builder-value{min-width:2.2em;text-align:right;font-variant-numeric:tabular-nums}.preset-btn.builder-active{color:#fff;background:#ffc86426;border-color:#ffc86466}.theater.builder-cursor #theater-canvas{cursor:crosshair}.page-heading{position:absolute;top:1rem;left:1.5rem;z-index:5;text-align:left;pointer-events:none}.page-heading.hidden{display:none}.page-heading.fade-in{animation:fadeIn .6s ease forwards}.page-heading-text{font-family:Oregano,cursive;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:400;color:#fff9;white-space:nowrap;margin:0}.page-heading-sub{display:block;font-family:Inter,sans-serif;font-size:.55rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#ffffff59;margin-top:.15rem}.lockup-preview{background:#1a1a1a;display:flex;align-items:center;justify-content:flex-start;padding:.25rem 1rem;flex-shrink:0;gap:1rem}.lockup-tuning{flex-shrink:0;max-width:240px;margin-left:auto}.lockup-preview .logo-3d-canvas{opacity:0}.sidebar-tune-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px}.sidebar-tune-grid label{display:flex;align-items:center;justify-content:space-between;gap:3px;font-family:Inter,sans-serif;font-size:8px;font-weight:400;color:#fff9;white-space:nowrap}.sidebar-tune-grid input[type=color]{width:16px;height:16px;border:1px solid rgba(255,255,255,.15);border-radius:2px;background:none;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none}.sidebar-tune-grid input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.sidebar-tune-grid input[type=color]::-webkit-color-swatch{border:none;border-radius:1px}.sidebar-tune-grid input[type=range]{flex:1;max-width:50px;height:1px;accent-color:rgba(255,255,255,.4);cursor:pointer}.tuning-palette{display:flex;gap:2px;justify-content:center;margin-bottom:4px}.tuning-swatch{width:14px;height:14px;border-radius:2px;border:1px solid rgba(255,255,255,.15);cursor:pointer}.tuning-swatch:hover{border-color:#ffffff80}.tune-readout{font-family:Inter,sans-serif;font-size:7px;color:#ffffff40;margin:4px 0 0;word-break:break-all}.builder-sidebar{position:absolute;right:0;top:0;bottom:0;width:200px;background:#0f0f0fe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:1px solid rgba(255,255,255,.08);z-index:15;pointer-events:auto;display:flex;flex-direction:column}.builder-sidebar.hidden{display:none}.sidebar-scroll{flex:1;overflow-y:auto;padding:.75rem .6rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-slot-title{font-family:Inter,sans-serif;font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#ffc864cc;margin:0 0 4px;padding-bottom:3px;border-bottom:1px solid rgba(255,200,100,.2)}.sidebar-slot+.sidebar-slot{margin-top:8px}.sidebar-section h4{font-family:Inter,sans-serif;font-size:8px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin:4px 0 2px}.sidebar-group label{display:grid;grid-template-columns:20px 1fr 26px;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:9px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:#fff9;margin-bottom:0;padding:3px 0;line-height:1}.sidebar-group input[type=range]{width:100%;height:1px;accent-color:rgba(255,255,255,.4);cursor:pointer;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:0;outline:none;padding:4px 0;box-sizing:content-box}.sidebar-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#ffffffb3;border:none;cursor:pointer}.sidebar-group input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#ffffffb3;border:none;cursor:pointer}.sidebar-group input[type=range]::-moz-range-track{height:1px;background:#ffffff26;border:none}.sidebar-group .sb-value{text-align:right;font-variant-numeric:tabular-nums;font-size:8px;color:#fff6}@media(max-width:600px){.title-area{right:3%}.preset-stack{left:.75rem}.preset-btn{font-size:.6rem;padding:.35rem .7rem}.open-btn{width:68px;height:68px;font-size:.7rem}.builder-sidebar{width:160px}}html,body{overflow:hidden;height:100%;height:100svh}body{display:flex;flex-direction:column;min-height:0}