html,body{overflow-x:hidden;width:100%}:root{font-family:system-ui,sans-serif;color:#2c2c2c;background-color:#e4e2dd}body{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;background-image:url(/assets/background_2_optmized-RhrPUZjt.avif);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#root{text-align:center;width:100%;max-width:500px;padding:20px}h1{font-size:3.2em;margin:.5em 0;font-weight:700;color:#1a1a1a;text-shadow:0 2px 6px rgba(58,54,54,.233)}.read-the-docs{font-size:1em;margin:1.5em 0;color:#1a1a1ad9;font-style:italic;margin-top:2rem}.build-now{padding:10px 22px;border:1.5px solid transparent;border-radius:8px;background-color:#1a1a1ac5;cursor:pointer;transition:all .25s ease;color:#fff;margin:10px 0;min-width:160px}.build-now:hover{border-color:#fff;background-color:#1a1a1a;box-shadow:0 0 10px #fff}.clear-now{padding:8px 18px;border:1.5px solid transparent;border-radius:8px;background-color:#e63946;cursor:pointer;transition:all .25s ease;color:#fff;margin:6px 0;font-size:11px}.clear-now:hover{background-color:#c1121f;border-color:#fff}input[type=text],textarea{width:100%;max-width:350px;padding:12px 16px;margin:12px auto;border-radius:8px;background-color:#ffffffe6;border:2px solid transparent;box-shadow:0 4px 8px #0000001a;color:#2c2c2c;font-size:16px;transition:border-color .25s,background-color .25s;box-sizing:border-box;display:block}input[type=text]:focus,textarea:focus{outline:none;border-color:#007acc;box-shadow:0 0 8px #007acc99;background-color:#fff}textarea{height:100px;resize:vertical;font-family:inherit}input[type=text]::placeholder,textarea::placeholder{color:#999}nav{display:flex;justify-content:center;gap:1rem;margin:2rem 0;padding:1rem;border:none;background:#ffffff26;border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}nav a{text-decoration:none;padding:8px 16px;border-radius:3px;background-color:#1a1a1ac5;color:#fff;font-weight:500;font-size:14px;transition:all .3s ease;border:2px solid transparent}nav a:hover{background-color:#007acc;transform:translateY(-2px);color:#fff;box-shadow:0 4px 12px #007acc66}.polaris_logo{width:300px;height:300px;margin:20px auto;clip-path:polygon(50% 0%,63% 33%,100% 33%,70% 58%,82% 92%,50% 72%,18% 92%,30% 58%,0% 33%,37% 33%);filter:drop-shadow(0 0 15px rgba(255,255,255,.6))}.polaris_logo.spinning{animation:spin 2s ease-in-out}.polaris_image{width:100%;height:100%}.polaris_logo.spinning .polaris_image{animation:spin 2s ease-in-out reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 440px){body{background-attachment:scroll}#root{padding:10px}h1{font-size:2.4em;margin:15px 0;text-shadow:none}.polaris_logo{width:200px;height:200px;margin:15px auto;filter:none}input[type=text],textarea{max-width:280px;padding:10px 12px;font-size:14px;margin:12px auto}textarea{height:80px}.build-now{padding:8px 18px;font-size:12px;min-width:140px;margin:10px 0;transition:none}.clear-now{padding:6px 14px;font-size:11px;min-width:120px;margin:2x 0;transition:none}.build-now:hover,.clear-now:hover{box-shadow:none}nav{gap:.5rem;padding:.8rem;margin:1.5rem auto;-webkit-backdrop-filter:none;backdrop-filter:none}nav a{padding:6px 12px;font-size:12px;transition:none}nav a:hover{transform:none;box-shadow:none}.read-the-docs{font-size:.9em;margin:25px 0}}:root{--primary-dark: #1a1a1a;--accent-blue: #007acc;--error-red: #e63946;--neutral-bg: rgba(255, 255, 255, .9)}.page-container{max-width:439px;margin:0 auto;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px}.page-header{text-align:center;margin-bottom:1.5rem}.page-title{font-size:2rem;font-weight:700;color:#2d3748;margin:0 0 .25rem}.page-subtitle{color:#718096;font-size:.95rem;margin:0}.page-sections{display:grid;gap:1.25rem}.page-card{background:#fff;border-radius:10px;box-shadow:0 3px 5px #0000000d;overflow:hidden}.next-section{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.next-button,.prev-button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000001a}.next-button{background:var(--primary-dark);color:#fff}.prev-button{background:var(--error-red);color:#fff}.next-button:hover{background:#000;box-shadow:0 0 10px #007acc66}.prev-button:hover{background:#c1121f;box-shadow:0 0 10px #e6394680}.save-section{padding:20px;display:flex;gap:.75rem;flex-wrap:wrap}.save-button,.clear-button{padding:8px 16px;border:none;border-radius:4px;font-size:.8rem;font-weight:500;transition:background-color .2s ease;flex:1;min-width:80px;box-shadow:none}.save-button{background:#333;color:#fff}.save-button:hover{background:#000}.clear-button{background:#333;color:#fff}.clear-button:hover{background:#000}.custom-btn{padding:8px 16px;background:linear-gradient(135deg,#007acc,#00c9a7);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;width:150px;margin:0 auto;display:block}.custom-btn:hover{background:linear-gradient(135deg,#005f99,#00a389)}.preview-card{background:#fff;border-radius:10px;box-shadow:0 3px 5px #0000000d;margin-bottom:1.5rem;overflow:hidden}.preview-toggle{width:100%;padding:.75rem 1.25rem;background:#4299e1;color:#fff;border:none;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.preview-toggle:hover{background:#3182ce}.preview-toggle.active{background:#2b6cb0}.toggle-icon{font-size:.7rem}.preview-content{padding:1.25rem;border-top:1px solid #e2e8f0}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.preview-item{display:flex;justify-content:space-between;padding:.6rem;background:#f7fafc;border-radius:6px;border-left:3px solid #4299e1}.preview-label{font-weight:600;color:#4a5568;font-size:.85rem}.preview-value{color:#2d3748;font-size:.85rem}.card-header{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid #e2e8f0}.card-title{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 .2rem}.card-description{color:#718096;margin:0;font-size:.8rem}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-label{font-weight:600;color:#4a5568;font-size:.8rem}.modern-select{padding:.6rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.8rem;transition:border-color .2s}.modern-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 8px #007acc99}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;padding:1.25rem}.toast-container{position:fixed;bottom:200px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:1000}.toast{min-width:140px;max-width:220px;padding:8px 14px;border-radius:6px;font-size:.8rem;font-weight:500;color:#fff;text-align:center;box-shadow:0 2px 6px #0000001f;opacity:0;animation:fadeInOut 2.5s forwards}.toast.success{background:#3b82f6}.toast.info{background:#9ca3af}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@media (max-width: 440px){.page-container{max-width:100%;padding:1rem;-webkit-backdrop-filter:none;backdrop-filter:none}.page-card{box-shadow:0 1px 3px #0000001a}.page-title{font-size:1.5rem}.page-subtitle{font-size:.85rem}.preview-grid{grid-template-columns:1fr}.grid-responsive{grid-template-columns:1fr;padding:.75rem}.save-section{padding:.75rem;flex-direction:row;gap:.5rem}.modern-select{transition:none}.save-button,.clear-button{min-width:60px;padding:6px 12px;font-size:.75rem;transition:none}.next-section{flex-direction:row}.next-button,.prev-button{padding:10px 16px;font-size:.8rem;transition:none}.custom-btn{padding:6px 12px;width:100px;font-size:.7rem;transition:none}.next-button:hover,.prev-button:hover{box-shadow:none}.toast{min-width:120px;max-width:180px;padding:6px 10px;font-size:.75rem}.card-header,.preview-content{padding:1rem}}