@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap";body{font-family:Montserrat,sans-serif;background-color:#f9fafb;margin:0;padding:0;color:#343a40;font-size:15px;line-height:1.6}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background-color:#f1f3f5;border-right:1px solid #dee2e6;padding:20px}.sidebar h2{font-size:22px;font-weight:600;color:#212529;margin-bottom:20px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;margin-bottom:10px;font-size:13px;font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.sidebar li:hover{background-color:#e9ecef}.sidebar li.active{background-color:#dff0ea;border-color:#b2dfdb;font-weight:600}.sidebar-actions button{background:none;border:none;color:#495057;cursor:pointer;font-size:16px;padding:4px;transition:transform .2s}.sidebar-actions button:hover{color:#00796b;transform:scale(1.1)}.duplicate-button{color:#00796b}.delete-button{color:#d9534f}.new-form-button{width:100%;margin-top:20px;padding:10px;border:1px solid #00796b;border-radius:6px;background-color:#fff;color:#00796b;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .3s}.new-form-button:hover{background-color:#00796b;color:#fff}.generated-url{margin-top:20px;font-size:14px}.url-container{display:flex;align-items:center;gap:10px}.url-container input{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px}.editor{flex:1;padding:40px;background-color:#fff}.editor-header h1{font-size:22px;font-weight:600;margin-bottom:20px}.tabs{display:flex;gap:10px;margin-bottom:30px}.tabs button{background:none;border:none;padding:10px 18px;font-size:14px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.tabs button.active{background-color:#dff0ea;color:#00796b;font-weight:600}.tabs button:hover{background-color:#f1f3f5}.card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;width:800px;max-width:100%;box-shadow:0 2px 6px #0000000d}.card h2{font-size:18px;font-weight:600;margin-bottom:20px;color:#212529}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-group label{font-size:14px;font-weight:500;color:#495057}.form-group input,.form-group textarea,.form-group select{padding:12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background-color:#fff;color:#212529;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#00796b;outline:none}.small-select{width:120px;padding:8px;font-size:13px}.question-item{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #00000008}.question-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.question-header label{font-weight:600;color:#6c757d;min-width:40px}.question-header input{flex:1;padding:10px;font-size:14px}.question-delete-button{background:none;border:none;cursor:pointer;color:#d9534f;font-size:16px}.options-container{margin-top:10px}.option-item{display:flex;align-items:center;gap:10px;margin-bottom:8px}.option-item input{flex:1;padding:10px;font-size:14px}.option-item label{font-weight:600;color:#6c757d}.option-delete-button{background:none;border:none;cursor:pointer;color:#d9534f;font-size:16px}.add-option-button,.add-question-button,.save-button{padding:10px 20px;border:1px solid #00796b;background-color:#fff;color:#00796b;font-weight:600;font-size:14px;border-radius:6px;cursor:pointer;transition:background-color .3s}.add-option-button:hover,.add-question-button:hover,.save-button:hover{background-color:#00796b;color:#fff}.editor-footer{margin-top:30px;display:flex;justify-content:flex-start}.clickable-url{cursor:pointer;transition:background-color .3s,border-color .3s}.clickable-url:hover{background-color:#e0f7fa;border-color:#00796b}.snackbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#00796b;color:#fff;padding:10px 20px;border-radius:6px;box-shadow:0 2px 4px #0003;animation:fadein .5s,fadeout .5s 2.5s;font-weight:500}@keyframes fadein{0%{opacity:0;bottom:0}to{opacity:1;bottom:20px}}@keyframes fadeout{0%{opacity:1;bottom:20px}to{opacity:0;bottom:0}}.form-view{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;position:relative;font-family:Montserrat,sans-serif}.form-view .background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;z-index:0}.form-view .form-container{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%);width:fit-content;max-width:750px;color:#fff;transition:transform .7s ease,opacity .7s ease;opacity:1;z-index:10}.form-view .welcome-container{text-align:center}.form-view .welcome-container h1{font-size:42px;font-weight:600;margin-bottom:20px}.form-view .welcome-container p{font-size:18px;margin-bottom:10px}.form-view .highlight-text{font-size:24px!important;font-weight:500}.form-view h1{font-size:22px;font-weight:400;margin-bottom:10px}.form-view .options{display:flex;flex-direction:column;align-items:flex-start;width:100%}.form-view .option{background:#0009;padding:5px 10px;margin:4px 0;border-radius:5px;font-size:16px;width:720px;color:#fff;box-sizing:border-box;cursor:pointer;transition:background .3s ease}.form-view .option:hover{background:#ffffff4d}.form-view .option.selected{background:#ffffff80}.form-view .option span{background-color:#fff;color:#000;padding:5px 12px;border-radius:4px;margin-right:12px;font-weight:700}.form-view .slide-up{transform:translate(-50%,-150%)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.form-view .input-error{animation:shake .3s ease-in-out;border-bottom:2px solid red!important}.form-view .text-input{background:transparent;border:none;border-bottom:2px solid #fff;padding:10px 5px;font-size:18px;width:680px;color:#fff;outline:none}.form-view .text-input:focus{outline:none!important;box-shadow:none!important;border-bottom:2px solid #fff!important}.form-view .text-input::placeholder{color:#fff9}@keyframes flash{0%,to{background-color:#0009}50%{background-color:#ffffff80}}.form-view .flash{animation:flash .1s 3}.form-view .button{background-color:#f3a30f;color:#fff;border:none;padding:12px 34px;border-radius:8px;font-size:16px;margin-top:20px;cursor:pointer}.form-view .button:hover{background-color:#ffbd59}.form-view .nav-buttons{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px}.form-view .nav-button{background-color:#f3a30f;border:none;color:#fff;padding:2px 12px;border-radius:5px;font-size:26px;cursor:pointer}.form-view .nav-button:hover{background-color:#ffbd59}.form-view .powered-by{font-size:14px;color:#fff;margin-left:1px;font-family:Montserrat,sans-serif}.form-view .final-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0;text-align:center;opacity:0;transform:translateY(50px);transition:opacity 1.2s ease,transform 1.2s ease}.form-view .final-container.show{opacity:1;transform:translateY(0)}.form-view .final-container .content-wrapper{max-width:600px;padding:40px;border-radius:12px;box-shadow:0 8px 32px #00000080;color:#fff}.form-view .final-container h1{font-size:42px;font-weight:600;margin-bottom:20px}.form-view .final-container p{font-size:18px;margin-bottom:10px;opacity:.8}.form-view .final-container .button{margin-top:30px;padding:14px 36px;font-size:18px;background-color:#f3a30f;border:none;border-radius:8px;color:#fff;cursor:pointer}.form-view .final-container .button:hover{background-color:#ffbd59}@media (max-width: 768px){.form-view .form-container{left:50%;width:90%;padding:0 10px}.form-view .option,.form-view .text-input{width:100%}.form-view .final-container .content-wrapper{max-width:90%;padding:20px}.form-view .welcome-container h1{font-size:32px}.form-view .welcome-container p{font-size:16px}.form-view h1{font-size:18px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}