.color-palette{display:flex;flex-direction:column;gap:10px}.color-preview-row{align-items:center;display:flex;gap:10px}.color-preview-swatch{border:2px solid #ffffff1a;border-radius:8px;flex-shrink:0;height:40px;transition:background-color .2s;width:40px}.color-preview-hex{color:#a0a0c0;flex:1 1;font-family:Courier New,monospace;font-size:12px}.color-native-input{background:none;border:none;border-radius:6px;cursor:pointer;height:32px;padding:0;width:32px}.pen-preset-row{display:flex;flex-wrap:wrap;gap:6px}.pen-pill{background:color-mix(in srgb,var(--pill-color) 15%,#0000);border:1.5px solid var(--pill-color);border-radius:20px;color:var(--pill-color);cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.pen-pill:hover{background:color-mix(in srgb,var(--pill-color) 25%,#0000);transform:translateY(-1px)}.pen-pill.active{background:var(--pill-color);box-shadow:0 2px 8px color-mix(in srgb,var(--pill-color) 40%,#0000);color:#fff}.palette-toggle{background:none;border:none;color:#6060ff;cursor:pointer;font-size:11px;opacity:.85;padding:0;text-align:left}.palette-toggle:hover{opacity:1;text-decoration:underline}.full-palette-grid{grid-gap:6px;background:#ffffff0a;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr);padding:8px}.palette-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;padding:0;transition:transform .1s ease,border-color .1s ease;width:28px}.palette-dot:hover{transform:scale(1.2)}.palette-dot.selected{border-color:#fff;box-shadow:0 0 0 2px #6060ff99;transform:scale(1.15)}.control-panel{background:#1e1e2e;border-right:1px solid #2a2a3e;display:flex;flex-direction:column;gap:8px;height:100vh;overflow-y:auto;padding:24px;width:380px}.control-panel-header{border-bottom:1px solid #2a2a3e;margin-bottom:24px;padding-bottom:16px}.app-title{color:#e0e0ff;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0}.control-section{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.control-label{color:#a0a0c0;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.textarea-wrapper{position:relative}.control-textarea{background:#2a2a3e;border:1px solid #3a3a5e;border-radius:4px;color:#e0e0ff;font-family:Courier New,monospace;font-size:13px;min-height:180px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.control-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.char-counter{bottom:8px;color:#707090;font-size:11px;pointer-events:none;position:absolute;right:12px}.font-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.font-card{background:#2a2a3e;border:2px solid #3a3a5e;border-radius:4px;color:#e0e0ff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 8px;text-align:center;transition:all .2s ease}.font-card:hover{background:#353550;border-color:#4a4a7e}.font-card.active{background:#667eea26;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.color-swatches{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.color-swatch{align-items:center;aspect-ratio:1;border:3px solid #3a3a5e;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;transition:all .2s ease;width:100%}.color-swatch:hover{border-color:#667eea;transform:scale(1.05)}.color-swatch.active{border-color:#667eea;box-shadow:0 0 0 2px #1e1e2e,0 0 0 4px #667eea}.paper-type-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.paper-type-card{align-items:center;background:#2a2a3e;border:2px solid #3a3a5e;border-radius:6px;color:#c0c0e0;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:4px;padding:10px 6px;text-align:center;transition:all .2s ease}.paper-type-icon{font-size:18px;line-height:1}.paper-type-label{font-size:10px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.paper-type-card:hover{background:#353550;border-color:#4a4a7e;color:#e0e0ff}.paper-type-card.active{background:#667eea26;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;color:#e0e0ff}.range-header{align-items:center;display:flex;justify-content:space-between}.messiness-label,.range-value{color:#667eea;font-size:12px;font-weight:600}.messiness-label{font-size:11px;letter-spacing:normal;text-transform:none}.control-range{appearance:none;background:#3a3a5e;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.control-range::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:14px;width:14px}.control-range::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:14px;width:14px}.control-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-range::-moz-range-thumb:hover{transform:scale(1.2)}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:#0000}.control-panel::-webkit-scrollbar-thumb{background:#3a3a5e;border-radius:3px}.control-panel::-webkit-scrollbar-thumb:hover{background:#4a4a7e}@media (max-width:768px){.control-panel{border-bottom:1px solid #2a2a3e;border-right:none;height:auto;overflow-y:visible;width:100%}.font-picker{grid-template-columns:1fr}.paper-thumbnails{grid-template-columns:1fr 1fr}}.landing-hero{background:radial-gradient(ellipse at top,#1a1a2e 0,#0f0f1a 100%);color:#fff;padding:clamp(100px,12vw,140px) 24px clamp(60px,8vw,80px);text-align:center}.hero-inner{margin:0 auto;max-width:800px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a0a0c0);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.hero-subtitle{color:#a0a0c0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.hero-cta-group{align-items:center;display:flex;flex-direction:column;gap:16px}.hero-btn-primary{background:#6060ff;border:none;border-radius:10px;box-shadow:0 8px 24px #6060ff66;color:#fff;cursor:pointer;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;max-width:100%;padding:16px 32px;transition:transform .2s,box-shadow .2s;width:auto}.hero-btn-primary:hover{box-shadow:0 12px 32px #6060ff80;transform:translateY(-2px)}.hero-badges{color:#668;display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:16px;justify-content:center}@media (max-width:480px){.hero-badges{font-size:12px;gap:10px}.hero-btn-primary{max-width:320px;padding:14px 24px;width:100%}}.features-section{background:#0f0f1a;padding:clamp(60px,8vw,80px) 24px}.features-inner{margin:0 auto;max-width:1000px}.section-header{margin-bottom:48px;text-align:center}.section-title{color:#fff;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:16px}.section-subtitle{color:#a0a0c0;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.6;margin:0 auto;max-width:580px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#1e1e2e;border:1px solid #2a2a4a;border-radius:16px;cursor:default;padding:clamp(20px,3vw,32px);transition:transform .2s ease}.feature-card:hover{transform:translateY(-4px)}.feature-icon{font-size:32px;margin-bottom:16px}.feature-title{color:#fff;font-size:clamp(1rem,1.5vw,1.1rem);font-weight:600;margin-bottom:8px}.feature-desc{color:#a0a0c0;font-size:clamp(.85rem,1.2vw,.9rem);line-height:1.6}@media (max-width:480px){.features-grid{grid-template-columns:1fr}}.how-section{background:#1a1a2e;padding:clamp(60px,8vw,80px) 24px}.how-inner{margin:0 auto;max-width:800px}.how-steps{display:flex;flex-direction:column;gap:24px}.how-step{align-items:flex-start;background:#2a2a40;border-radius:16px;display:flex;gap:20px;padding:clamp(20px,4vw,32px)}.step-num{align-items:center;background:#6060ff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;min-width:48px}.step-body{flex:1 1}.step-title{color:#fff;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;margin-bottom:8px}.step-desc{color:#a0a0c0;font-size:clamp(.9rem,1.3vw,.95rem);line-height:1.6}@media (max-width:480px){.how-step{flex-direction:column;gap:16px}.step-num{font-size:16px;height:40px;min-width:40px}}.benefits-section{background:#0f0f1a;padding:clamp(60px,8vw,80px) 24px}.benefits-inner{margin:0 auto;max-width:1000px}.benefits-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.benefit-card{padding:clamp(16px,3vw,24px);text-align:center}.benefit-emoji{font-size:clamp(48px,8vw,64px);line-height:1;margin-bottom:24px}.benefit-title{color:#fff;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:600;margin-bottom:16px}.benefit-desc{color:#a0a0c0;font-size:clamp(.9rem,1.3vw,1rem);line-height:1.7}.faq-section{background:#1a1a2e;padding:clamp(60px,8vw,80px) 24px}.faq-inner{margin:0 auto;max-width:800px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#2a2a40;border-radius:12px;cursor:pointer;overflow:hidden;transition:background .2s}.faq-item.open{background:#30304a}.faq-question{align-items:flex-start;color:#fff;display:flex;font-size:clamp(.9rem,1.5vw,1rem);font-weight:600;gap:16px;justify-content:space-between;line-height:1.5;padding:20px 24px}.faq-toggle{color:#6060ff;flex-shrink:0;font-size:22px;line-height:1;margin-top:2px}.faq-answer{color:#a0a0c0;font-size:clamp(.9rem,1.3vw,.95rem);line-height:1.7;padding:0 24px 20px}@media (max-width:480px){.faq-question{padding:16px 18px}.faq-answer{padding:0 18px 16px}}.site-footer{background:#0a0a12;border-top:1px solid #1e1e2e;color:#668;font-size:14px;padding:clamp(32px,5vw,48px) 24px}.footer-inner{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1000px;text-align:center}.footer-brand{color:#e0e0ff;font-size:clamp(1rem,2vw,1.1rem);font-weight:700}.footer-tagline{font-size:clamp(.85rem,1.2vw,.9rem);line-height:1.6;max-width:400px}.footer-links{display:flex;flex-wrap:wrap;gap:clamp(12px,3vw,24px);justify-content:center}.footer-links a{color:#668;font-size:clamp(.8rem,1.2vw,.875rem);text-decoration:none;transition:color .2s}.footer-links a:hover{color:#a0a0c0}.footer-copy{font-size:clamp(.75rem,1vw,.8rem);margin-top:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.navbar{animation:slideDown .6s ease forwards;background:#0000;left:0;padding:20px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f0f1ae6;border-bottom:1px solid #ffffff0d;padding:12px 0}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 32px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{cursor:pointer;flex-shrink:0;gap:10px;text-decoration:none}.logo-img{border-radius:8px;box-shadow:0 4px 12px #6366f14d;height:32px;object-fit:cover;width:32px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:-.5px}.nav-links{align-items:center;display:flex;gap:32px}.nav-link{color:#a0a0c0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s ease;white-space:nowrap}.nav-link:hover{color:#fff}.btn-get-started,.nav-actions{align-items:center;display:flex}.btn-get-started{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:9999px;box-shadow:0 4px 12px #6366f133;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-get-started:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.btn-get-started svg{flex-shrink:0;transition:transform .3s ease}.btn-get-started:hover svg{transform:translateX(4px)}.hamburger{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:4px;transition:background .2s;width:40px}.hamburger:hover{background:#ffffff14}.ham-line{background:#e0e0ff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:22px}.ham-line.open:first-child{transform:translateY(7px) rotate(45deg)}.ham-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.ham-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{background:#0f0f1af7;display:none;flex-direction:column;gap:4px;max-height:0;overflow:hidden;padding:0 20px 16px;transition:max-height .35s ease,padding .3s ease}.mobile-menu.open{max-height:400px;padding:12px 20px 20px}.mobile-link{border-bottom:1px solid #ffffff0f;color:#a0a0c0;display:block;font-size:1rem;font-weight:500;padding:12px 8px;text-decoration:none;transition:color .2s}.mobile-link:hover{color:#fff}.mobile-cta{border-radius:12px;justify-content:center;margin-top:12px;width:100%}@media (max-width:768px){.nav-container{padding:0 20px}.nav-actions,.nav-links{display:none}.hamburger,.mobile-menu{display:flex}}.contact-wrapper{background:#0f0f1a;color:#e0e0ff;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;min-height:100vh;padding-top:80px;width:100%}.contact-container{flex:1 1;margin:0 auto;max-width:1200px;padding:60px 24px;width:100%}.contact-hero{animation:fadeInDown .8s ease;margin-bottom:60px;text-align:center}.contact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e0ff,#a0a0c0);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:16px}.contact-subtitle{color:#a0a0c0;font-size:clamp(1rem,2vw,1.25rem);margin:0 auto;max-width:600px}.contact-content{animation:fadeInUp .8s ease .2s both}.contact-grid{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1fr 1fr}.contact-info{display:flex;flex-direction:column;gap:32px}.contact-info h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:8px}.info-item{background:#1e1e2e80;border:1px solid #a0a0c033;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.info-item:hover{background:#1e1e2ecc;border-color:#a0a0c066;transform:translateX(8px)}.info-icon{flex-shrink:0;font-size:2rem}.info-text h3{color:#e0e0ff;font-size:1.1rem;font-weight:600;margin:0 0 8px}.info-text a,.info-text p{color:#a0a0c0;font-size:.95rem;margin:0}.info-text a{color:#7c82ff;font-weight:500;text-decoration:none;transition:color .2s}.info-text a:hover{color:#9da3ff}.contact-form-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e2e99;border:1px solid #a0a0c033;border-radius:16px;padding:40px}.contact-form-wrapper h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:24px}.success-message{align-items:center;animation:slideInDown .3s ease;background:#4caf5033;border:1px solid #4caf5080;border-radius:8px;color:#4caf50;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{color:#e0e0ff;font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#2a2a3ecc;border:1px solid #a0a0c033;border-radius:8px;color:#e0e0ff;font-family:Inter,system-ui,sans-serif;font-size:.95rem;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#2a2a3e;border-color:#a0a0c080;box-shadow:0 0 0 3px #a0a0c01a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#668}.form-group textarea{font-size:.95rem;resize:vertical}.form-group select{cursor:pointer}.file-input-wrapper{align-items:center;display:flex;position:relative}.file-input-wrapper input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-label{background:#2a2a3ecc;border:1px solid #a0a0c033;border-radius:8px;color:#a0a0c0;cursor:pointer;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.file-input-wrapper:hover .file-label{background:#2a2a3e;border-color:#a0a0c080}.submit-btn{background:linear-gradient(135deg,#7c82ff,#5a5fcc);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 24px #7c82ff4d;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.form-note{color:#668;font-size:.85rem;margin-top:16px;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact-container{padding:40px 16px}.contact-grid{gap:40px;grid-template-columns:1fr}.contact-form-wrapper{padding:24px}.contact-hero{margin-bottom:40px}.info-item{padding:16px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px}.submit-btn{font-size:.95rem;padding:12px 20px}}@media (max-width:480px){.contact-container{padding:24px 12px}.contact-title{font-size:2rem}.contact-subtitle{font-size:.95rem}.contact-form-wrapper h2,.contact-info h2{font-size:1.3rem}.contact-grid{gap:32px}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0f0f1a;color:#e0e0ff;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root,body,html{height:100%;width:100%}img,svg,video{height:auto;max-width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#3a3a5e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a7e}*{scrollbar-color:#3a3a5e #1a1a2e;scrollbar-width:thin}.app-workspace{display:flex;height:100vh;overflow:hidden;width:100%}.landing-wrapper{height:100vh;overflow-x:hidden;overflow-y:auto;width:100%}.preview-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}@media (min-width:769px){.app-workspace{flex-direction:row}}@media (max-width:1024px) and (min-width:769px){.control-panel{width:300px!important}}@media (max-width:768px){.app-workspace{flex-direction:column;height:auto;min-height:100dvh;overflow-y:auto}.preview-area{flex:none;min-height:60vh}.preview-area>*{max-width:100%}}@media (max-width:360px){.app-workspace{font-size:14px}}
/*# sourceMappingURL=main.e2378717.css.map*/