@charset "UTF-8";html,body,#root{min-height:100vh;margin:0}#root{display:flex;padding:24px;justify-content:center}@media screen and (max-width: 500px){#root{padding:16px}}.app-container{width:100%;max-width:900px;min-height:100px;margin-bottom:100px}.save-container{width:100%;display:flex;align-items:center}.form-save{height:52px;display:flex;justify-content:center;align-items:center;padding:0 16px;border-radius:8px;border:1px solid transparent;background-color:var(--color-primary);font-size:16px;font-weight:600;color:var(--color-white);cursor:pointer;position:relative;overflow:hidden}.form-save:after{content:"◜";font-size:28px;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-primary);color:var(--color-white);display:none;justify-content:center;align-items:center;animation:loading .3s infinite}.form-save.laoding:after{display:flex}.tab-container{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:24px}.tab-container>div{padding:4px;border-bottom:3px solid var(--color-gray4);font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.tab-container>div.on{border-bottom:3px solid var(--color-primary)}.tab-container>div:hover{background-color:var(--color-gray6);border-bottom:3px solid var(--color-primary)}.pfb-main-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px}.st-switch{display:inline-block;font-size:20px;height:1em;width:2em;background-color:var(--color-gray5);border-radius:1em;transition:background-color .2s ease-in}.st-switch div{height:1em;width:1em;border-radius:1em;background:var(--color-bg1);box-shadow:0 .1em .3em #0000004d;transition:all .3s}.st-switch.on{background-color:var(--color-accent3)}.st-switch.on div{transform:translate3d(100%,0,0)}.pfb-select{--pfb-select-size: 42px;position:relative;display:flex;width:100%;height:var(--pfb-select-size);border-radius:8px;overflow:hidden}.pfb-select:after{content:"▼";position:absolute;top:0;right:0;height:var(--pfb-select-size);width:var(--pfb-select-size);display:flex;align-items:center;justify-content:center;color:var(--color-gray3);background-color:var(--color-gray5);transition:.25s all ease;pointer-events:none;font-size:12px}.pfb-select:hover:after{color:var(--color-gray2)}.pfb-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:10px red;box-shadow:none;flex:1;padding:0 1em;color:var(--color-gray2);border:1px solid var(--color-gray5);background-color:var(--color-gray6);background-image:none;border-radius:8px;cursor:pointer;font-size:16px}.pfb-select select .pfb-option{z-index:999;margin:0;padding:0;list-style:none;border:1px solid #ccc;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px #0003}.pfb-form-header{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;border:1px solid var(--color-gray5);border-radius:8px;padding:32px 16px;border-top:8px solid var(--color-accent3)}.pfb-form-header>input,.pfb-form-header>textarea,.pfb-form-header>.text{width:100%}@media screen and (max-width: 500px){.pfb-form-header{padding:16px 0}}.pfb-item-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;border:1px solid var(--color-gray5);border-radius:8px;border-top:3px solid var(--color-accent3);padding:24px 16px;position:relative;gap:24px}.pfb-add-section{width:100%;margin-top:16px;display:flex;flex-direction:column;align-items:center}.pfb-add-section .button{display:flex;justify-content:center;align-items:center;padding:8px;color:var(--color-gray2);background-color:var(--color-bg1);cursor:pointer;border:1px solid var(--color-gray5);border-radius:50%;box-shadow:inset 0 0 5px 1px #00000030}.pfb-add-section .actions{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;animation:fadeInFromTop .3s ease-in-out;padding-top:12px}.pfb-add-section .actions>*{white-space:nowrap;cursor:pointer;text-decoration:underline;color:var(--color-accent5)}@media screen and (max-width: 500px){.pfb-add-section{margin-top:0}.pfb-add-section .actions{gap:8px;flex-wrap:wrap}}.pfb-question-head{display:flex;flex-direction:column;gap:16px;width:100%;max-width:440px}.pfb-question-footer{display:flex;width:100%;align-items:center;justify-content:flex-end}.pfb-question-close{position:absolute;right:16px;top:16px;cursor:pointer}.pfb-options-container{display:flex;flex-direction:column;gap:8px;width:100%}.pfb-option-add{cursor:pointer;text-decoration:underline;color:var(--color-secondary);font-size:15px;margin-top:8px}.pfb-option-row{display:flex;align-items:center;gap:8px;width:100%;max-width:440px}.pfb-option-row.action{-webkit-user-select:none;user-select:none;cursor:pointer;padding:8px;border-radius:4px}.pfb-option-row.action:hover{background-color:var(--color-gray6)}.pfb-option-row input{flex:1}.pfb-option-row div.square{border:1px solid var(--color-gray4);border-radius:3px;box-shadow:0 0 3px 1px #00000017;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pfb-option-row div.circle{border:1px solid var(--color-gray4);border-radius:50%;box-shadow:inset 0 0 5px 1px #00000017;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pfb-option-row div.circle .checkmark{width:12px;height:12px}.pfb-option-row .item-text{flex:1}.pfb-option-row>svg{width:18px;height:18px;cursor:pointer}.pfb-option-row>svg>path{fill:var(--color-gray3)}.pfb-option-row svg.checkmark{box-shadow:inset 0 0 5px 1px #0000000d}.pfb-option-row svg.checkmark>path{fill:var(--color-primary)!important}.pfb-dropdown-shape{-webkit-user-select:none;user-select:none;border:1px solid var(--color-gray5);border-radius:8px;display:flex;align-items:center;padding:6px 12px;width:100%;max-width:440px;margin-bottom:-12px}.pfb-dropdown-shape>p{border-right:1px solid var(gray5);font-style:italic;font-size:15px;color:var(--color-gray3);flex:1;margin:0}.pfb-dropdown-shape>svg>path{fill:var(--color-gray3)}.pfb-upload-file{display:flex;justify-content:center;align-items:center;padding:16px;border:1px dashed var(--color-gray4);border-radius:8px;background-color:var(--color-gray6)}.pfb-upload-file>svg>path{fill:var(--color-gray3)}.pfb-upload-file.active{border-color:var(--color-gray3);-webkit-user-select:none;user-select:none;cursor:pointer}.pfb-upload-file.active>svg>path{fill:var(--color-gray2)}input[type=date]{background-color:var(--color-bg1);padding:3px 5px;box-shadow:inset 0 3px 6px #0000001a;border:1px solid var(--color-gray5);outline:10px red;border-radius:8px;width:100%;height:42px;max-width:440px;background:var(--color-bg1) url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z" fill="%238b9199"></path></svg>') 99% 50% no-repeat}input[type=date]::-webkit-inner-spin-button{display:none}input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.pfb-upload-preview-container{display:flex;gap:16px;flex-wrap:wrap;width:100%}.pfb-file-preview{width:84px;height:84px;position:relative;border:1px solid var(--color-gray5);border-radius:8px;overflow:hidden}.pfb-file-preview img{width:100%;height:100%;object-fit:cover}.pfb-file-preview .ac-close{position:absolute;right:4px;top:4px;cursor:pointer}.pfb-file-preview .ac-close svg{width:22px;height:22px}.pfb-file-preview .ac-close svg path{fill:var(--color-gray3)}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(220deg)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:24px;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-secondary: #5663F8;--color-white: #fff;--color-bg1: #fff;--color-bg1-light: var(--color-gray6);--color-bg2: #fff;--color-bg-yellow: #FCFFDA;--color-modal-backdrop: #fff0;--color-gray1: #1e1e1f;--color-gray6: #f5f8fc;--color-gray5: hsl(219, 26%, 89%);--color-gray4: #c0c6d0;--color-gray3: #8b9199;--color-gray2: #414244;--color-primary-dark: #d63335;--color-primary-light2: #ffe9e9;--color-primary-light3: #ffe9e97c;--color-primary-light1: #ff999a;--color-primary: #f54e50;--color-third: #5663f8;--color-warning: #f2c94c;--color-success: #5dd891;--color-success-dark: #083d1e;--color-error: #ff6666;--color-accent1: #ffd400;--color-accent2: #f36dff;--color-accent3: #65e591;--color-accent4: #ff9a24;--color-accent5: #4f4add;--color-accent6: #24bdff;--max-width-page: 1134px;color:var(--color-gray1);background-color:var(--color-bg1)}html[dark=true] :root{--color-gray1: #f5f8fc;--color-gray6: #1e1e1f;--color-gray5: #414244;--color-gray3: #c0c6d0;--color-gray4: #8b9199;--color-gray2: #dde2eb;--color-primary-dark: #d63335;--color-primary-light3: #d6333520;--color-primary-light2: #d6333540;--color-primary-light1: #d6333570;--color-primary: #f54e50;--color-third: #5663f8;--color-warning: #f2c94c;--color-success: #5dd891;--color-error: #ff6666;--color-accent1: #ffd400;--color-accent2: #f36dff;--color-accent3: #65e591;--color-accent4: #ff9a24;--color-accent5: #4f4add;--color-accent6: #24bdff;--color-bg1: #181818;--color-bg2: #1818187c;--color-bg-yellow: #FCFFDA29;--color-modal-backdrop: #fff1;color-scheme:dark}input[type=text],textarea,.text{padding:4px 8px 4px 2px;outline:none;border:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}input[type=text]:not(.text),textarea:not(.text),.text:not(.text){border-bottom:1px solid var(--color-gray5)}input[type=text]:active,textarea:active,.text:active{border-color:var(--color-gray4)}input[type=text]::placeholder,textarea::placeholder,.text::placeholder{font-style:italic}input[type=text].h1,textarea.h1,.text.h1{font-size:32px;line-height:32px}input[type=text].h2,textarea.h2,.text.h2{font-size:30px;line-height:30px}input[type=text].h3,textarea.h3,.text.h3{font-size:26px;line-height:26px}input[type=text].h4,textarea.h4,.text.h4{font-size:22px;line-height:22px}input[type=text].h5,textarea.h5,.text.h5{font-size:18px;line-height:18px}input[type=text].h6,textarea.h6,.text.h6{font-size:14px;line-height:14px}textarea{field-sizing:content;min-height:1lh;resize:none}input.app-input,textarea.app-textbox{padding:4px 8px 4px 4px;outline:none;border-radius:8px;border:1px solid var(--color-gray5);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:28px;background-color:var(--color-bg1-light);width:100%;max-width:440px}input.app-input:active,textarea.app-textbox:active{border-color:var(--color-gray4)}input.app-input:focus,textarea.app-textbox:focus{border-color:var(--color-gray4)}input.app-input::placeholder,textarea.app-textbox::placeholder{font-style:italic}