:root{color:#001e2b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font:16px/1.5 Anuphan,system-ui,sans-serif}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}:root{--forest:#001e2b;--green:#00ed64;--green-dark:#00684a;--silver-teal:#b8c4c2;--teal-gray:#3d4f58;--cool-gray:#5c6c75;--light-input:#e8edeb;--forest-shadow:#001e2b1f 0px 26px 44px, #00000021 0px 7px 13px;--card-shadow:#001e2b14 0px 8px 24px;--subtle-shadow:#0000001a 0px 2px 4px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#001e2b;-webkit-font-smoothing:antialiased;background:#fff;font-family:Anuphan,system-ui,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.icon-btn{align-items:center;gap:6px;display:inline-flex}.empty-icon{color:#b8c4c2;margin:0 auto 16px;display:block}.field-label{color:#5c6c75;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.text-input{color:#001e2b;background:#fff;border:1px solid #b8c4c2;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.text-input:focus{border-color:#001e2b}.text-area{color:#001e2b;resize:vertical;background:#fff;border:1px solid #b8c4c2;border-radius:8px;outline:none;width:100%;min-height:80px;padding:10px 14px;font-size:14px;line-height:1.5;transition:border-color .2s}.text-area:focus{border-color:#001e2b}.empty-state{text-align:center;color:#5c6c75;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.empty-state h3{color:#3d4f58;margin:0 0 6px;font-size:16px;font-weight:600}.empty-state p{color:#b8c4c2;font-size:14px;line-height:1.6}.empty-icon-wrap{color:#b8c4c2;background:#f5f5f5;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.projects-page{background:#f5f5f5;min-height:100vh;padding-top:80px}.projects-navbar{z-index:100;-webkit-backdrop-filter:blur(16px);white-space:nowrap;background:#ffffffe0;border:1px solid #00000014;border-radius:100px;align-items:center;gap:20px;padding:10px 10px 10px 24px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #001e2b14,0 1px 4px #0000000a}.projects-navbar-logo{color:#001e2b;letter-spacing:-.5px;font-size:18px;font-weight:800}.projects-navbar-actions{align-items:center;gap:8px;display:flex}.projects-content{max-width:1040px;margin:0 auto;padding:32px 24px 80px}.projects-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.projects-title{text-transform:uppercase;letter-spacing:2px;color:#5c6c75;font-family:monospace;font-size:13px;font-weight:600}.btn-new-project{color:#fff;background:#001e2b;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.btn-new-project:hover{background:#00684a}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.project-card{background:#fff;border:1px solid #e8edeb;border-radius:16px;flex-direction:column;gap:0;padding:24px;transition:all .2s;display:flex;box-shadow:0 1px 4px #001e2b0a}.project-card:hover{border-color:#b8c4c2;transform:translateY(-2px);box-shadow:0 8px 24px #001e2b1a}.project-card-name{color:#001e2b;margin-bottom:8px;font-size:18px;font-weight:700}.project-card-desc{color:#5c6c75;margin-bottom:16px;font-size:14px;line-height:1.5}.project-card-meta{color:#b8c4c2;letter-spacing:.5px;margin-bottom:0;font-family:monospace;font-size:12px}.project-card-actions{align-items:center;gap:8px;margin-top:16px;display:flex}.btn-edit{color:#001e2b;background:#fff;border:1px solid #b8c4c2;border-radius:100px;padding:6px 16px;font-size:13px;transition:background .2s}.btn-edit:hover{background:#f5f5f5}.btn-play-card{color:#fff;background:#001e2b;border-radius:100px;padding:6px 16px;font-size:13px;transition:background .2s}.btn-play-card:hover{background:#00684a}.project-card-name-input{color:#001e2b;background:0 0;border:none;border-bottom:2px solid #001e2b;outline:none;width:100%;margin-bottom:8px;padding:2px 0;font-family:inherit;font-size:18px;font-weight:700}.cover-editor-layout{grid-template-columns:380px 1fr;align-items:start;gap:20px;display:grid}@media (width<=1100px){.cover-editor-layout{grid-template-columns:1fr}}.new-project-form{box-shadow:var(--subtle-shadow);background:#fff;border:1px solid #b8c4c2;border-radius:16px;margin-bottom:24px;padding:24px}.projects-empty{text-align:center;padding:80px 24px}.editor-root{background:#fff;flex-direction:column;height:100svh;display:flex;overflow:hidden}.editor-topbar{background:#fff;border-bottom:1px solid #b8c4c2;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.editor-back-link{color:#5c6c75;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;text-decoration:none;transition:all .15s;display:inline-flex}.editor-back-link:hover{color:#001e2b;background:#f5f5f5}.editor-project-name{color:#001e2b;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;flex:1;min-width:0;padding:4px 8px;font-size:16px;font-weight:600;transition:border-color .2s}.editor-project-name:focus{background:#fafafa;border-color:#b8c4c2}.select-result-type{color:#001e2b;cursor:pointer;background:#fff;border:1px solid #b8c4c2;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.btn-play-topbar{color:#fff;cursor:pointer;white-space:nowrap;background:#001e2b;border:none;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-play-topbar:hover{background:#00684a}.btn-play-editor{color:#fff;white-space:nowrap;background:#001e2b;border-radius:100px;padding:8px 20px;font-size:14px;font-weight:600;transition:background .2s}.btn-play-editor:hover{background:#00684a}.editor-body{flex:1;min-height:0;display:flex;overflow:hidden}.editor-sidebar{background:#f8f8f8;border-right:1px solid #b8c4c2;flex-direction:column;flex-shrink:0;width:260px;padding-bottom:16px;display:flex;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:2px;color:#5c6c75;flex-shrink:0;padding:20px 16px 8px;font-family:monospace;font-size:11px;font-weight:600}.scene-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;margin:2px 8px;padding:10px 12px;transition:background .15s;display:flex}.scene-item:hover{background:#efefef}.scene-item.active{box-shadow:var(--subtle-shadow);background:#fff}.scene-drag-handle{color:#b8c4c2;cursor:grab;border-radius:4px;flex-shrink:0;align-items:center;padding:4px 2px;transition:color .15s;display:inline-flex}.scene-drag-handle:hover{color:#5c6c75}.scene-drag-handle:active{cursor:grabbing}.scene-type-badge{text-transform:uppercase;letter-spacing:1px;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:3px 7px;font-family:monospace;font-size:10px;font-weight:600;display:inline-flex}.badge-question{color:#0052cc;background:#e0f0ff}.badge-slide{color:#00684a;background:#e6f9f0}.scene-item-title{color:#001e2b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.scene-delete-btn,.btn-delete-answer{color:#b8c4c2;visibility:hidden;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.scene-item:hover .scene-delete-btn,.btn-delete-answer{visibility:visible}.scene-delete-btn:hover,.btn-delete-answer:hover{color:#dc2626;background:#fef2f2}.sidebar-add-btn{color:#5c6c75;cursor:pointer;background:0 0;border:1.5px dashed #b8c4c2;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:8px;padding:10px 16px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.sidebar-add-btn:hover{color:#001e2b;background:#f8f8f8;border-color:#001e2b}.editor-main{background:#fff;flex:1;padding:32px 40px;overflow-y:auto}.editor-empty-state{min-height:300px}.editor-section-card{background:#fff;border:1px solid #e8edeb;border-radius:12px;margin-bottom:16px;padding:24px}.editor-section-title{text-transform:uppercase;letter-spacing:2px;color:#5c6c75;margin-bottom:16px;font-family:monospace;font-size:11px;font-weight:600;display:block}.scene-type-toggle{gap:8px;display:flex}.scene-type-btn{color:#5c6c75;cursor:pointer;background:#fff;border:1.5px solid #b8c4c2;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.scene-type-btn.active{color:#fff;background:#001e2b;border-color:#001e2b}.scene-type-btn:hover:not(.active){color:#001e2b;border-color:#5c6c75}.layout-picker{flex-wrap:wrap;gap:8px;display:flex}.layout-option{color:#5c6c75;cursor:pointer;background:#fff;border:1.5px solid #b8c4c2;border-radius:8px;padding:8px 14px;font-family:monospace;font-size:12px;transition:all .15s}.layout-option.active{color:#001e2b;background:#f8f8f8;border-color:#001e2b}.layout-option:not(.active):hover{border-color:#5c6c75}.answer-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.answer-editor-card{background:#fafafa;border:1px solid #e8edeb;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.answer-row{align-items:center;gap:8px;display:flex}.emoji-input{text-align:center;border:1px solid #b8c4c2;border-radius:8px;outline:none;flex-shrink:0;font-size:18px;width:52px!important;padding:6px 8px!important}.answer-text-input{color:#001e2b;background:#fff;border:1px solid #b8c4c2;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 12px;font-size:14px;transition:border-color .2s}.answer-text-input:focus{border-color:#001e2b}.trait-grid{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.trait-cell{flex-direction:column;align-items:center;display:flex}.trait-num-input{text-align:center;background:#fff;border:1px solid #b8c4c2;border-radius:6px;outline:none;width:52px;padding:4px 6px;font-size:12px}.btn-add-answer{color:#5c6c75;text-align:center;background:0 0;border:1px dashed #b8c4c2;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:13px;transition:color .15s,border-color .15s;display:flex}.btn-add-answer:hover{color:#001e2b;border-color:#001e2b}.player-root{background:#ebebeb;flex-direction:column;min-height:100svh;display:flex}.player-topbar{flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.player-back-btn{color:#5c6c75;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-size:13px;transition:color .15s,background .15s;display:inline-flex}.player-back-btn:hover{color:#001e2b;background:#0000000d}.player-audio-icon{color:#5c6c75;background:#fff;border:1px solid #ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.player-progress-wrap{background:#d0d0d0;border-radius:100px;flex:1;height:8px;overflow:hidden}.player-progress-fill{background:#001e2b;border-radius:100px;height:100%;transition:width .4s}.player-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:680px;margin:0 auto;padding:24px 20px 48px;display:flex}@media (width<=480px){.player-content{justify-content:center;padding:16px 16px 32px}}.player-cover{text-align:center;width:100%;max-width:520px}.player-cover-badge{text-transform:uppercase;letter-spacing:2px;color:#5c6c75;margin-bottom:16px;font-family:monospace;font-size:12px;display:block}.player-cover-title{color:#001e2b;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.1}.player-cover-desc{color:#5c6c75;margin-bottom:32px;font-size:16px;font-weight:300;line-height:1.7}.player-scene{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.player-question-text{color:#001e2b;text-align:center;margin-bottom:8px;font-size:clamp(18px,3vw,24px);font-weight:700;line-height:1.3}.player-question-subtext{color:#5c6c75;text-align:center;margin-bottom:28px;font-size:14px}.player-image{object-fit:contain;border-radius:12px;width:100%;max-width:280px;max-height:280px;margin:16px auto;display:block}.player-answers-pill{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.player-answer-pill{color:#001e2b;text-align:center;cursor:pointer;background:#fff;border:1.5px solid #d0d0d0;border-radius:999px;width:100%;padding:16px 24px;font-size:16px;font-weight:500;transition:border-color .15s,background .15s,transform .1s}.player-answer-pill:hover{background:#f5f5f5;border-color:#001e2b}.player-answer-pill:active{transform:scale(.98)}.player-answers-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:8px;display:grid}.player-answer-card{text-align:center;cursor:pointer;background:#fff;border:1.5px solid #d0d0d0;border-radius:16px;padding:20px 16px;transition:border-color .15s,background .15s}.player-answer-card:hover{background:#f5f5f5;border-color:#001e2b}.player-slide-text{color:#001e2b;text-align:center;margin-bottom:24px;font-size:clamp(18px,3vw,22px);font-weight:600;line-height:1.5}.btn-black-pill{color:#fff;cursor:pointer;background:#001e2b;border:none;border-radius:100px;padding:14px 40px;font-size:16px;font-weight:600;transition:background .15s,transform .1s;display:inline-block}.btn-black-pill:hover{background:#00684a}.btn-black-pill:active{transform:scale(.97)}.player-result{text-align:center;width:100%;max-width:480px}.player-result-emoji{margin-bottom:16px;font-size:64px;display:block}.player-result-badge{text-transform:uppercase;letter-spacing:2px;color:#5c6c75;background:#e8edeb;border-radius:4px;margin-bottom:12px;padding:4px 12px;font-family:monospace;font-size:11px;display:inline-block}.player-result-title{color:#001e2b;margin-bottom:16px;font-size:32px;font-weight:800}.player-result-desc{color:#5c6c75;margin-bottom:24px;font-size:16px;font-weight:300;line-height:1.7}.player-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.trait-bars{width:100%;margin:16px 0 28px}.trait-bar-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.trait-bar-label{text-align:right;color:#5c6c75;flex-shrink:0;width:80px;font-family:monospace;font-size:12px}.trait-bar-track{background:#d0d0d0;border-radius:100px;flex:1;height:6px;overflow:hidden}.trait-bar-fill{background:#001e2b;border-radius:100px;height:100%;transition:width .6s}.trait-bar-fill.dominant{background:#00684a}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.fade-in{animation:.3s forwards fadeSlideIn}.fade-out{pointer-events:none;animation:.3s forwards fadeSlideOut}.font-selector-wrap{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.font-select{color:#001e2b;cursor:pointer;background:#fff;border:1px solid #b8c4c2;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px}.font-select:focus{border-color:#001e2b}.font-preview-text{color:#3d4f58;text-align:center;background:#f8f8f8;border:1px solid #e8edeb;border-radius:8px;padding:10px 12px;font-size:15px;line-height:1.5}.scene-editor-layout{grid-template-columns:380px 1fr;align-items:start;gap:20px;display:grid}@media (width<=1100px){.scene-editor-layout{grid-template-columns:1fr}}.canvas-panel{position:sticky;top:24px}.canvas-panel-label{text-transform:uppercase;letter-spacing:2px;color:#5c6c75;margin-bottom:10px;font-family:monospace;font-size:11px;font-weight:600}.scene-canvas-frame{background:#ebebeb;border:1.5px solid #b8c4c2;border-radius:24px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 24px #001e2b1f}.canvas-comp{cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.canvas-comp.selected{outline-offset:1px;outline:2px solid #001e2b}.canvas-comp img{object-fit:contain;pointer-events:none;width:100%;height:100%}.canvas-comp-delete{color:#fff;cursor:pointer;z-index:100;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;top:-10px;right:-10px}.canvas-preview-text{color:#3d4f58;text-align:center;background:#ffffffeb;padding:12px;font-size:11px;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.canvas-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.canvas-toolbar-btn{color:#5c6c75;cursor:pointer;background:#fff;border:1px solid #b8c4c2;border-radius:100px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex}.canvas-toolbar-btn:hover{color:#001e2b;border-color:#001e2b}.canvas-comp-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.canvas-comp-item{color:#3d4f58;background:#fff;border:1px solid #e8edeb;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.canvas-comp-item img{object-fit:cover;border:1px solid #e8edeb;border-radius:4px;width:32px;height:32px}.canvas-comp-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.canvas-size-inputs{align-items:center;gap:6px;margin-top:6px;display:flex}.canvas-size-label{color:#5c6c75;width:20px;font-family:monospace;font-size:11px}.canvas-size-input{text-align:center;color:#001e2b;border:1px solid #b8c4c2;border-radius:6px;outline:none;width:56px;padding:4px 6px;font-size:12px}.canvas-size-input:focus{border-color:#001e2b}.btn-icon-outline{color:#5c6c75;cursor:pointer;background:#fff;border:1px solid #b8c4c2;border-radius:100px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-icon-outline:hover{color:#001e2b;border-color:#001e2b}.template-overlay{z-index:1000;background:#001e2b99;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.template-modal{background:#fff;border-radius:20px;width:min(720px,100%);max-height:85vh;padding:32px;animation:.2s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.template-modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.template-modal-title{color:#001e2b;font-size:20px;font-weight:700}.template-modal-close{color:#5c6c75;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.template-modal-close:hover{color:#001e2b;background:#f5f5f5}.template-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:24px;display:grid}.template-card{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #b8c4c2;border-radius:12px;width:100%;padding:18px;font-family:inherit;transition:all .15s}.template-card:hover{border-color:#001e2b;box-shadow:0 4px 16px #001e2b14}.template-card.selected{background:#f8f8f8;border-color:#001e2b}.template-card-name{color:#001e2b;margin-bottom:6px;font-size:15px;font-weight:700}.template-card-desc{color:#5c6c75;margin-bottom:10px;font-size:13px;line-height:1.5}.template-card-badge{text-transform:uppercase;letter-spacing:1px;color:#5c6c75;background:#e8edeb;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:10px;font-weight:600;display:inline-block}.template-create-form{border-top:1px solid #e8edeb;padding-top:20px}.template-create-form .field-label{color:#5c6c75;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.template-create-form .text-input{color:#001e2b;border:1px solid #b8c4c2;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:10px 14px;font-family:inherit;font-size:14px}.template-create-form .text-input:focus{border-color:#001e2b}.template-create-btn{color:#fff;cursor:pointer;background:#001e2b;border:none;border-radius:100px;align-items:center;gap:6px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.template-create-btn:hover{background:#00684a}.template-create-btn:disabled{opacity:.5;cursor:not-allowed}.preview-mode-toggle{justify-content:flex-end;gap:6px;margin-bottom:12px;display:flex}.preview-mode-btn{color:#5c6c75;cursor:pointer;background:#fff;border:1.5px solid #b8c4c2;border-radius:100px;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.preview-mode-btn.active{color:#fff;background:#001e2b;border-color:#001e2b}.preview-mode-btn:hover:not(.active){border-color:#5c6c75}.canvas-frame-desktop{border:1.5px solid #b8c4c2;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 8px 24px #001e2b1a}.canvas-frame-desktop-bar{background:#f5f5f5;border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:0 12px;display:flex}.canvas-frame-dot{border-radius:50%;width:10px;height:10px}.canvas-frame-dot-red{background:#ff5f57}.canvas-frame-dot-yellow{background:#febc2e}.canvas-frame-dot-green{background:#28c840}.canvas-text-comp{cursor:move;-webkit-user-select:none;user-select:none;align-items:flex-start;display:flex;position:absolute;overflow:hidden}.canvas-text-comp.selected{outline-offset:1px;outline:2px dashed #001e2b}.image-upload-group{align-items:stretch;gap:8px;display:flex}.image-upload-group .text-input{flex:1;margin:0}.btn-upload-inline{color:#5c6c75;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #b8c4c2;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex}.btn-upload-inline:hover{color:#001e2b;border-color:#001e2b}