*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;color:#fff;font-family:system-ui,sans-serif;overflow-x:hidden}#root{height:100%}.app{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:52px 48px 80px;overflow-y:auto}.glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:180%;height:180%;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0}.title{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:300;font-size:1.8rem;letter-spacing:.05em;color:#fff6;margin-bottom:44px;position:relative;z-index:1}.workspace{display:flex;gap:28px;align-items:flex-start;position:relative;z-index:1}.stage{background:#0e0e0eb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:4px;border-radius:2px;box-shadow:0 0 90px #000000d9,0 32px 80px #000000a6,inset 0 1px #ffffff0a}.panel{width:340px;min-width:340px;max-height:90vh;background:#000000ad;border:.5px solid rgba(255,255,255,.1);border-radius:6px;padding:24px 20px;display:flex;flex-direction:column;gap:22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel::-webkit-scrollbar{width:3px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.pane-container{position:relative;width:100%}.pane-container .tp-dfwv{position:static!important;width:100%!important}.pane-container .tp-rotv{--tp-base-background-color: transparent;--tp-base-shadow-color: rgba(0, 0, 0, 0);--tp-base-font-family: "Edict Display", "Barlow Condensed", "Oswald", sans-serif;--tp-button-background-color: rgba(255, 255, 255, .1);--tp-button-background-color-active: rgba(255, 255, 255, .18);--tp-button-background-color-focus: rgba(255, 255, 255, .14);--tp-button-background-color-hover: rgba(255, 255, 255, .14);--tp-button-foreground-color: rgba(255, 255, 255, .85);--tp-container-background-color: rgba(255, 255, 255, .04);--tp-container-background-color-active: rgba(255, 255, 255, .08);--tp-container-background-color-focus: rgba(255, 255, 255, .06);--tp-container-background-color-hover: rgba(255, 255, 255, .05);--tp-container-foreground-color: rgba(255, 255, 255, .75);--tp-groove-foreground-color: rgba(255, 255, 255, .1);--tp-input-background-color: rgba(255, 255, 255, .07);--tp-input-background-color-active: rgba(255, 255, 255, .14);--tp-input-background-color-focus: rgba(255, 255, 255, .11);--tp-input-background-color-hover: rgba(255, 255, 255, .1);--tp-input-foreground-color: rgba(255, 255, 255, .88);--tp-label-foreground-color: rgba(255, 255, 255, .48);--tp-monitor-background-color: rgba(0, 0, 0, .3);--tp-monitor-foreground-color: rgba(255, 255, 255, .65)}.pane-container .tp-lblv_l{font-size:.65rem!important;letter-spacing:.14em!important;text-transform:uppercase!important}.export-btn{font-family:Edict Display,Barlow Condensed,Oswald,sans-serif;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#fffc;background:transparent;border:1px solid rgba(255,255,255,.28);padding:11px 16px;cursor:pointer;width:100%;transition:background .18s ease,border-color .18s ease,color .18s ease}.export-btn:hover{background:#ffffff12;border-color:#ffffff7a;color:#fffffff2}.export-btn:active{background:#ffffff1f}