.tafqeet-tool{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-md);width:100%;max-width:var(--container-tool);margin-inline:auto}@media(min-width:768px){.tafqeet-tool{padding:var(--space-8)}}.tool-input-row{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-block-end:var(--space-5)}@media(min-width:580px){.tool-input-row{grid-template-columns:1fr minmax(200px,auto);gap:var(--space-3)}}#amount-input{width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-3xl);font-family:var(--font-ar);font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease);text-align:start;letter-spacing:-.02em;min-height:64px}#amount-input::placeholder{color:var(--color-text-faint);font-weight:400}#amount-input:hover{border-color:var(--color-border-strong)}#amount-input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus);background:var(--color-surface)}#currency-select{padding:var(--space-4) var(--space-5);padding-inline-start:var(--space-10);font-size:var(--text-base);font-family:var(--font-ar);font-weight:500;color:var(--color-text);background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%236B6863' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 2l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--space-4) center;background-size:12px 8px;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);min-height:64px}@media(prefers-color-scheme:dark){#currency-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23B0ACA4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 2l4 4 4-4'/%3E%3C/svg%3E")}}#currency-select:hover{border-color:var(--color-border-strong)}#currency-select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus);background-color:var(--color-surface)}#result-panel{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);min-height:120px;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid transparent;transition:border-color var(--duration-fast) var(--ease)}#result-placeholder{color:var(--color-text-faint);font-size:var(--text-lg);margin:0;font-weight:400;align-self:center;text-align:center;padding-block:var(--space-4)}#result-error{color:var(--color-error);background:var(--color-error-bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;margin:0;border:1px solid color-mix(in oklab,var(--color-error) 25%,transparent)}#result-output{margin:0;display:contents}#result-ar{font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-snug);color:var(--color-text);margin:0;padding-block:var(--space-2);letter-spacing:-.015em}#result-en{font-size:var(--text-base);font-family:var(--font-en);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0;padding-block:var(--space-3) 0;border-block-start:1px solid var(--color-border)}#result-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-2);padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border)}.copy-btns{display:flex;gap:var(--space-2);flex-wrap:wrap}#copy-ar-btn,#copy-en-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);background:transparent;border:1.5px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ar);transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);min-height:44px;min-width:80px}#copy-en-btn{font-family:var(--font-en)}#copy-ar-btn:hover,#copy-en-btn:hover{background:var(--color-accent);color:var(--color-accent-fg)}#copy-ar-btn:focus-visible,#copy-en-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}#copy-ar-btn.copied,#copy-en-btn.copied{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}#result-actions label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;user-select:none}#english-toggle{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}