.app-header{background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing) 0;margin-bottom:var(--spacing)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing);flex-wrap:wrap}.header-brand{flex:1 1;min-width:200px}.header-title{font-size:24px;font-weight:600;margin-bottom:4px;color:var(--color-text)}.header-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0}.header-controls{display:flex;gap:var(--spacing-sm);align-items:center}.control-select{padding:8px 12px;font-size:14px;min-width:120px;cursor:pointer}@media (max-width:640px){.header-content{flex-direction:column;align-items:stretch}.header-controls{justify-content:stretch}.control-select{flex:1 1}}.app-footer{margin-top:auto;padding:var(--spacing) 0;border-top:1px solid var(--color-border);background-color:var(--color-card-bg)}.footer-content{flex-direction:column}.footer-actions,.footer-content{display:flex;gap:var(--spacing-sm)}.footer-actions{align-items:center;flex-wrap:wrap}.btn-sm{padding:6px 14px;font-size:14px}.footer-link{font-size:14px;font-weight:500}.footer-info{display:flex;flex-direction:column;gap:4px}.footer-text{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}@media (max-width:640px){.footer-actions{flex-direction:column;align-items:stretch}.footer-actions a,.footer-actions button{width:100%;text-align:center}}.section-title{font-size:18px;font-weight:600;margin-bottom:var(--spacing);color:var(--color-text)}.connection-status{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.status-display{display:flex;align-items:center;gap:4px}@media (max-width:640px){.connection-status{flex-direction:column;align-items:stretch}.status-display{justify-content:center}}.icon-input-container{display:flex;gap:var(--spacing);align-items:flex-start;flex-wrap:wrap}.icon-upload-area{align-items:flex-start}.icon-preview-container,.icon-upload-area{display:flex;flex-direction:column;gap:8px}.icon-preview-container{align-items:center;padding:var(--spacing-sm);background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.icon-preview{width:40px;height:40px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border:1px solid var(--color-border);border-radius:4px}.input-error,.input-error:focus{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 2px rgba(239,68,68,.2)}@media (max-width:640px){.icon-input-container{flex-direction:column}.icon-preview-container{width:100%}}.operation-section{text-align:center}.send-btn{width:100%;max-width:300px;padding:14px 24px;font-size:16px;font-weight:600}.operation-info{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.checkbox-label span{font-size:15px;font-weight:500}.response-box{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);font-size:14px}.response-success{border-color:var(--color-accent)}.response-error{border-color:var(--color-warning)}.response-header{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-sm);padding-bottom:8px;border-bottom:1px solid var(--color-border)}.response-label{font-weight:600;color:var(--color-text)}.response-time{color:var(--color-text-secondary);font-size:13px;margin-left:auto}.response-content{display:flex;flex-direction:column;gap:8px}.response-field{line-height:1.6}.response-field strong{color:var(--color-text);margin-right:4px}.response-field pre{margin-top:4px;padding:8px;background-color:var(--color-bg);border-radius:6px;overflow-x:auto;font-size:12px;color:var(--color-text)}.error-box{background-color:var(--color-input-bg);border:2px solid var(--color-error);border-radius:var(--radius-sm);padding:var(--spacing)}.error-header{display:flex;gap:var(--spacing-sm);margin-bottom:8px}.error-code{font-weight:600;color:var(--color-error)}.error-title{font-weight:600;color:var(--color-text)}.error-message{margin-bottom:8px;color:var(--color-text)}.error-suggestion{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin-bottom:var(--spacing-sm)}.error-link{display:inline-flex;align-items:center;font-weight:500;font-size:14px}.main-content{flex:1 1;padding:var(--spacing) 0}