@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#000;color:#fafafa;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.app-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.glass-panel{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;box-shadow:0 30px 60px #000c,inset 0 1px 0 #ffffff0d}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;padding:24px 32px}h1{color:#fff;font-size:26px;font-weight:300;letter-spacing:1px}.auth-container{margin:80px auto;max-width:420px;padding:40px}.auth-tabs{background:#ffffff08;border-radius:12px;display:flex;margin-bottom:32px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;letter-spacing:.5px;padding:12px;transition:all .3s ease}.auth-tab.active{background:#ffffff1a;box-shadow:0 4px 12px #0003;color:#fff}.auth-container h2{color:#fff;font-size:24px;font-weight:400;letter-spacing:.5px;margin-bottom:24px}.form-group{margin-bottom:24px}label{align-items:center;color:#a1a1aa;display:flex;font-size:13px;font-weight:400;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}input,select,textarea{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:16px;font-weight:300;padding:14px 16px;transition:all .2s ease;width:100%}textarea{line-height:1.6;min-height:250px;resize:vertical}input:focus,select:focus,textarea:focus{background:#ffffff0d;border-color:#fff6;outline:none}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4d4d8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em}select option{background:#0a0a0a;color:#fff}button{align-items:center;background:#fff;border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.5px;padding:14px 24px;transition:all .3s ease;width:100%}button:hover:not(:disabled){background:#e5e5e5;box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:#333;color:#888;cursor:not-allowed;opacity:.4}.btn-secondary{background:#0000;border:1px solid #fff3;color:#fff;width:auto}.btn-secondary:hover:not(:disabled){background:#ffffff14;box-shadow:none}.main-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 400px}.editor-section,.preview-section{padding:32px}@media (max-width:900px){.app-container{padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}header{margin-bottom:24px;padding:16px 20px}h1{font-size:22px}.main-content{display:flex;flex-direction:column-reverse;gap:20px}.editor-section,.preview-section{padding:20px 16px}}.preview-container,.preview-section{display:flex;flex-direction:column}.preview-container{align-items:center;background:#0003;border-radius:32px;margin-top:16px;padding:20px}canvas{border:1px solid #333;border-radius:36px;box-shadow:0 20px 40px #0009,inset 0 0 0 8px #000;height:auto;max-width:320px;width:100%}.helper-text{color:#a1a1aa;font-size:13px;font-style:italic;margin-top:12px}.success-message{background:#34d3991a;color:#34d399}.error-message,.success-message{border-radius:8px;font-weight:500;margin-top:16px;padding:12px;text-align:center}.error-message{background:#f871711a;color:#f87171}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.flex-row{display:flex;gap:12px;width:100%}.btn-secondary.active-outline{background:#ffffff1a;border-color:#fff9;box-shadow:0 0 0 1px #fff3;color:#fff}.style-toggles{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:8px;padding:6px}.btn-icon{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:none;color:#a1a1aa;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:10px;transition:all .2s ease}.btn-icon:hover{background:#ffffff0d;color:#fff;transform:none}.btn-icon.active{background:#fff;box-shadow:0 2px 8px #ffffff4d;color:#000}.color-picker-wrapper input[type=color]{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;height:48px;padding:4px;width:100%}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}input[type=range]{-webkit-appearance:none;appearance:none;background:#fff3;border:none;border-radius:2px;height:2px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #0000001a;border-radius:50%;box-shadow:0 2px 6px #0009;cursor:pointer;height:16px;-webkit-transition:transform .2s;transition:transform .2s;width:16px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}
/*# sourceMappingURL=main.77f4d4ec.css.map*/