@font-face{font-family:Cinzel Decorative;src:url(/fonts/Cinzel_Decorative/CinzelDecorative-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes generateButtonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}html{height:100%;overflow:hidden}body{background:#0f0f0f;color:#ddd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;height:100%;overflow:hidden;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.app-container{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0f0f,#1a1a2e);overflow:hidden}.app-header{background:#00000080;padding:4px 8px;padding-top:max(4px,env(safe-area-inset-top));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));border-bottom:1px solid #333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.app-header h1{font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header p{display:none}.app-layout{display:flex;flex:1 1 auto;gap:20px;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden;min-height:0}.bottom-dock{border-top:1px solid #333;background:#00000080;padding:0;width:100%;overflow:hidden;display:flex;flex-direction:column}.bottom-dock-splitter{height:6px;width:100%;background:linear-gradient(90deg,#ffffff0f,#ffffff26,#ffffff0f);border-top:1px solid #333;border-bottom:1px solid #333}.left-panel{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:10px}.left-panel::-webkit-scrollbar{width:8px}.left-panel::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.left-panel::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.left-panel::-webkit-scrollbar-thumb:hover{background:#555}.right-panel{flex:1 1 auto;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 20px 60px #0009;border:1px solid #333;min-height:0}@media(max-width:1024px){.app-layout{padding:12px}.left-panel{width:100%!important}.right-panel{flex:1 1 auto;min-height:0}}@media(min-width:1024px){.appearance-textarea{min-height:220px}}
