.MetaTag_container__y07S_{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:900px;margin:0 auto}@media (min-width:768px){.MetaTag_container__y07S_{flex-direction:row}.MetaTag_formGrid__Oc1SP{flex:1}.MetaTag_resultBox__w21cI{flex:1;position:sticky;top:80px;height:fit-content}}.MetaTag_formGrid__Oc1SP{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);background:var(--bg-secondary);padding:var(--spacing-6);border-radius:var(--radius-md);border:1px solid var(--border-color)}.MetaTag_inputGroup__kQoo7{display:flex;flex-direction:column;gap:var(--spacing-2)}.MetaTag_inputGroup__kQoo7 label{display:flex;justify-content:space-between;font-size:.875rem;font-weight:600;color:var(--text-primary)}.MetaTag_charCount__pIez6{color:var(--text-secondary);font-weight:400;font-size:.75rem}.MetaTag_input__F3LQI,.MetaTag_textArea__Ur1uB{padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s ease;font-family:inherit}.MetaTag_textArea__Ur1uB{resize:vertical}.MetaTag_input__F3LQI:focus,.MetaTag_textArea__Ur1uB:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(255,187,0,.2)}.MetaTag_colorRow__0QNU4{display:flex;gap:var(--spacing-3)}.MetaTag_colorPicker__gLRWp{width:50px;height:44px;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.MetaTag_colorPicker__gLRWp::-webkit-color-swatch-wrapper{padding:0}.MetaTag_colorPicker__gLRWp::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.MetaTag_resultBox__w21cI{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary);display:flex;flex-direction:column}.MetaTag_resultHeader__VxVwU{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-primary)}.MetaTag_copyBtn___pZ_E{background:var(--brand-primary);color:#171717;border:none;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.MetaTag_copyBtn___pZ_E:hover{background:var(--brand-primary-hover)}.MetaTag_resultArea__J_WsT{width:100%;min-height:400px;padding:var(--spacing-4);border:none;background:#1e1e1e;color:#d4d4d4;font-family:var(--font-mono);font-size:.875rem;resize:vertical;outline:none;white-space:pre}