.upload-section.uploaded .upload-zone{display:none}.upload-section:not(.uploaded) .upload-bar{display:none}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;text-align:center;background:var(--color-surface-subtle);border:2px dashed var(--color-control-border);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s}.upload-zone:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.upload-zone-actions{display:flex;gap:12px;margin-bottom:6px}.upload-zone-action{display:flex;align-items:center;justify-content:center;gap:10px;width:200px;min-height:52px;padding:0 16px;background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:10px;font-family:inherit;font-size:15px;font-weight:700;color:var(--color-text-strong);white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease}.upload-zone-action:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.upload-zone-action svg{width:22px;height:22px;flex-shrink:0;color:var(--color-primary)}.upload-zone-hint{font-size:13px;color:var(--color-text-muted)}.upload-zone-formats{font-size:11px;color:var(--color-text-muted)}html.is-mobile .upload-zone{padding:12px}html.is-mobile .upload-zone-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-self:stretch}html.is-mobile .upload-zone-action{width:auto;min-height:80px;flex-direction:column;gap:6px;padding:14px 8px}html.is-mobile .upload-zone-action svg{width:26px;height:26px}html.is-mobile .upload-zone-hint{display:none}.upload-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--color-surface-subtle);border:2px dashed var(--color-control-border);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s}.upload-bar:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.upload-section.is-dragover .upload-bar,.upload-section.is-dragover .upload-zone{background:var(--color-primary-subtle);border-color:var(--color-primary)}html.is-mobile .upload-bar{gap:10px;padding:10px 12px}.upload-thumb{width:48px;height:48px;flex-shrink:0;object-fit:cover;border-radius:6px;border:1px solid var(--color-border);cursor:zoom-in}.upload-thumb:hover{border-color:var(--color-text-muted);box-shadow:0 0 0 2px rgba(0,0,0,.06)}.upload-thumb.is-whole{object-fit:contain;background:var(--color-surface)}.upload-bar-change{flex:1;min-width:0;display:flex;align-items:center;background:0 0;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.upload-bar-text{display:flex;flex-direction:column;line-height:1.3}.upload-ready{color:var(--color-success);font-weight:600;font-size:14px}.upload-bar-hint{font-size:13px;color:var(--color-text-muted)}.upload-bar-hint-phone{display:none}html.is-mobile .upload-bar-hint-wide{display:none}html.is-mobile .upload-bar-hint-phone{display:inline}.upload-bar-paste{display:flex;align-items:center;gap:6px;flex-shrink:0;min-height:44px;padding:0 12px;background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;color:var(--color-text-strong);white-space:nowrap;cursor:pointer;transition:background .15s ease}.upload-bar-paste:hover{background:var(--color-surface-muted)}.upload-bar-paste svg{width:18px;height:18px;color:var(--color-primary)}.paste-image-box{display:none;position:relative;cursor:text}.paste-by-box .paste-image-btn{display:none}.paste-by-box .paste-image-box{display:flex}.paste-image-box-text{display:flex;flex-direction:column;align-items:center}.paste-image-box-hint{font-size:12px;font-weight:500;color:var(--color-text-muted)}.paste-image-box-hint-again{display:none}.paste-image-box:focus-within .paste-image-box-hint{display:none}.paste-image-box:focus-within .paste-image-box-hint-again{display:inline}html.is-mobile .upload-bar-paste.paste-image-box svg{display:none}.paste-image-target{position:absolute;inset:0;border-radius:inherit;color:transparent;caret-color:transparent;overflow:hidden;-webkit-user-select:text;user-select:text}.upload-status{font-size:13px;color:var(--color-text-muted);margin-top:8px;min-height:1em}.upload-status.is-error{color:var(--color-error)}.upload-status.is-busy::before{content:'';display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-2px;border:2px solid var(--color-progress-track);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.upload-instead-btn{display:none;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:44px;margin-top:8px;padding:0 18px;background:var(--color-primary);border:none;border-radius:8px;font-family:inherit;font-size:15px;font-weight:600;color:var(--color-text-inverse);white-space:nowrap;cursor:pointer;transition:background .15s ease}.upload-instead-btn:hover{background:var(--color-primary-hover)}.upload-instead-btn svg{width:18px;height:18px;flex-shrink:0}.upload-section.paste-failed .upload-instead-btn{display:flex}html.is-mobile .upload-instead-btn{width:100%}.upload-progress{display:none;margin-top:6px}.upload-progress.is-active{display:block}.upload-progress-bar{height:8px;background:var(--color-progress-track);border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--color-primary);transition:width .2s;border-radius:4px}.upload-progress-text{font-size:12px;color:var(--color-primary);margin-top:2px}