.upload-mode-toggle{background:var(--bg-1);border-bottom:1px solid var(--alternative);flex-shrink:0;gap:0;padding:0 16px;display:flex}.upload-mode-btn{color:var(--text-2);font-size:var(--font-size-base);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 0;font-weight:500;transition:color .18s,border-color .18s}.upload-mode-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.upload-section-hint{color:var(--text-2);font-size:var(--font-size-small);margin:-8px 0 16px;line-height:1.5}.input-field-optional{color:var(--text-2);font-weight:400}.upload-section-optional{color:var(--text-2);font-size:var(--font-size-small);font-weight:400}.tender-budget-row{align-items:flex-start;gap:8px;display:flex}.tender-budget-row .input-field-container{flex:1;margin-bottom:0}.tender-budget-sep{color:var(--text-2);font-size:var(--font-size-h3);flex-shrink:0;padding-top:36px}.upload-page{height:calc(100dvh - var(--nav-height) - env(safe-area-inset-bottom,0px));background:var(--bg-2);flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.upload-page.loading{color:var(--text-1);font-size:var(--font-size-h3);justify-content:center;align-items:center}.upload-header{background:var(--bg-2);border-bottom:1px solid var(--alternative);z-index:100;grid-template-columns:48px 1fr 48px;align-items:center;padding:16px 12px;display:grid;position:sticky;top:0}.upload-header h1{text-align:center;font-size:var(--font-size-h1);color:var(--text-1);margin:0;font-weight:700}.back-button{background:var(--bg-2);width:40px;height:40px;color:var(--text-1);font-size:var(--font-size-h3);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.back-button:hover{background:var(--alternative)}.upload-form{-webkit-overflow-scrolling:touch;overscroll-behavior:auto;flex-direction:column;flex:1;gap:24px;min-height:0;padding:20px 12px;display:flex;overflow:hidden auto}.settings-page-container .upload-form{flex:none;min-height:auto;padding:12px;overflow:visible}.upload-section{background:var(--bg-1);border:1px solid var(--alternative);border-radius:12px;padding:20px}.upload-section h2{font-size:var(--font-size-h2);color:var(--text-1);margin:0 0 16px;font-weight:700}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px;display:grid}.image-preview{aspect-ratio:1;border:2px solid var(--alternative);border-radius:12px;transition:transform .2s,opacity .2s;position:relative;overflow:hidden}.image-preview.dragging{opacity:.5;transform:scale(.95)}.image-preview:hover{transform:scale(1.02)}.select-wrapper{align-items:center;width:100%;display:flex;position:relative;overflow:visible}.select-field{appearance:none;width:100%;color:var(--text-1);cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding:14px 40px 14px 16px;transition:border-color .2s,background-color .2s}.select-field:hover{border-color:var(--primary)}.select-field:focus{border-color:var(--primary);outline:none}.select-wrapper.error .select-field{border-color:var(--danger)}.image-preview img{object-fit:cover;width:100%;height:100%}.main-badge{background:var(--primary);color:var(--bg-2);font-size:var(--font-size-caption);z-index:2;border-radius:6px;padding:4px 8px;font-weight:600;position:absolute;top:8px;left:8px}.img-btn.delete:hover{background:#000000e6}.drag-handle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:grab;z-index:10;background:#fff3;justify-content:center;align-items:center;height:40px;transition:background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.drag-handle:active{cursor:grabbing;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6}.drag-handle:hover{background:#ffffff4d}.drag-indicator{background:#0006;border-radius:2px;width:40px;height:4px}.image-upload-btn.delete-hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger)10%,var(--bg-1))}.delete-overlay{background:color-mix(in srgb,var(--danger)30%,var(--bg-1));color:var(--danger);z-index:20;pointer-events:none;border-radius:10px;justify-content:center;align-items:center;font-size:48px;display:flex;position:absolute;inset:0}.image-delete-zone{aspect-ratio:1;border:2px dashed var(--alternative);cursor:drop;background:var(--bg-1);color:var(--text-2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:flex;position:relative}.image-delete-zone.delete-hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger)10%,var(--bg-1))}.image-delete-zone .trash-icon{color:var(--danger);font-size:48px}.img-btn.delete{background:var(--danger)}.img-btn.delete:hover{opacity:.9}.image-upload-btn{aspect-ratio:1;border:2px dashed var(--alternative);cursor:pointer;background:var(--bg-1);color:var(--text-2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:flex;position:relative}.image-upload-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-2)}.image-upload-btn svg{font-size:var(--font-size-display)}.image-upload-btn span{font-size:var(--font-size-label);font-weight:600}.image-upload-btn .trash-icon-gray{font-size:var(--font-size-display);color:var(--text-2);transition:color .2s}.upload-actions{gap:12px;margin-top:12px;display:flex}.upload-actions button{flex:1}.payment-options{flex-direction:column;gap:12px;margin-top:8px;display:flex}.payment-checkbox{background:var(--bg-1);border:2px solid var(--alternative);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.payment-checkbox:hover{border-color:var(--primary);background:var(--bg-2)}.radio-group{flex-direction:column;gap:12px;display:flex}.radio-option{background:var(--bg-1);border:2px solid var(--alternative);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.radio-option:hover{border-color:var(--primary);background:var(--bg-2)}.radio-option input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary)}.radio-option span{font-size:var(--font-size-body);color:var(--text-1)}.payment-checkbox input[type=checkbox]{cursor:pointer;width:24px;height:24px;accent-color:var(--primary)}.payment-checkbox span{font-size:var(--font-size-body);color:var(--text-1);flex:1;font-weight:600}.payment-checkbox input[type=checkbox]:checked+span{color:var(--primary)}.upload-header-icon-btn{border:1px solid var(--alternative);background:var(--bg-1);width:36px;height:36px;color:var(--text-1);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.upload-header-icon-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.upload-header-icon-btn:disabled{opacity:.55;cursor:not-allowed}.upload-overlay-backdrop{z-index:1200;background:#0a0f1473;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.upload-overlay-card{background:var(--bg-1);border:1px solid var(--alternative);border-radius:16px;width:min(560px,100%);padding:16px;box-shadow:0 18px 40px #00000040}.upload-overlay-card--large{flex-direction:column;width:min(680px,100%);max-height:min(75vh,720px);display:flex;overflow:hidden}.upload-overlay-card h3{font-size:var(--font-size-h2);margin:0}.upload-overlay-card p{color:var(--text-2);margin:10px 0 0;line-height:1.45}.upload-overlay-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.upload-overlay-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.upload-overlay-empty{margin-top:12px}.upload-draft-list{flex-direction:column;gap:8px;margin-top:12px;padding-right:2px;display:flex;overflow-y:auto}.upload-draft-item{border:1px solid var(--alternative);background:var(--bg-2);border-radius:12px;padding:10px}.upload-draft-item-meta{flex-direction:column;gap:3px;display:flex}.upload-draft-item-meta span{font-size:var(--font-size-small);color:var(--text-2)}.upload-draft-item-actions{gap:8px;margin-top:8px;display:flex}@media (max-width:768px){.image-grid{grid-template-columns:repeat(2,1fr)}.upload-overlay-actions,.upload-draft-item-actions{flex-direction:column}.upload-actions{flex-direction:column-reverse}.upload-actions button{width:100%}}@media (display-mode:standalone) and (max-width:768px){@supports (-webkit-touch-callout:none){.upload-page{height:calc(100dvh - var(--nav-height) - env(safe-area-inset-bottom,0px) - 24px)}}}
