.converter-wrapper{display:flex;flex-direction:column;gap:12px;align-items:center;padding:24px 0}.converter-grid-wide{display:grid;width:100%;max-width:1100px;margin:0 auto;grid-template-columns:auto minmax(320px,360px) auto minmax(420px,1fr);gap:10px 12px;align-items:center}.input-fixed-320{width:100%;min-width:320px;max-width:320px;box-sizing:border-box}.btn-fixed-80{width:80px}.grid-col-1{grid-column:1/2}.grid-col-2{grid-column:2/3}.grid-col-3{grid-column:3/4}.grid-col-4-6{grid-column:4/5;min-width:420px}.grid-full{grid-column:1/-1}.align-right{text-align:right}.pad-right-6{padding-right:6px}.pad-left-10{padding-left:10px}.flex-row-center{display:flex;gap:8px;align-items:center}.nowrap{white-space:nowrap}.converter-grid-wide .btn-text{min-width:72px;white-space:nowrap;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center}.timezone-converter-tool{max-width:900px;margin:0 auto;padding:24px 0}.timezone-converter-tool .tool-controls{display:flex;gap:8px;margin-bottom:24px}.timezone-converter-tool .converter-options{margin-top:16px;margin-bottom:20px}.timezone-converter-tool .options-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.timezone-converter-tool .converter-option-label{flex:0 0 140px;color:var(--muted-color);font-size:13px;font-weight:600}.timezone-converter-tool .timezone-select--inline{min-width:280px;max-width:420px}.timezone-converter-tool .converter-input-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:24px}.timezone-converter-tool .converter-input-panel .converter-input-label{display:block;margin-bottom:8px;color:var(--muted-color);font-size:13px;font-weight:600}.timezone-converter-tool .converter-input-panel .converter-input-control{width:100%;font-size:16px;padding:12px;font-family:Monaco,Courier New,monospace;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--secondary-color)}.timezone-converter-tool .converter-input-panel .converter-input-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.timezone-converter-tool .converter-values-panel{display:flex;flex-direction:column;gap:12px}.timezone-converter-tool .converter-values-panel .converter-format-row{display:flex;align-items:center;gap:12px;background:var(--bg-panel);padding:8px 12px;border-radius:8px;border:1px solid var(--border-color)}.timezone-converter-tool .converter-values-panel .converter-format-row .converter-format-label{flex:0 0 120px;color:var(--muted-color);font-size:13px}.timezone-converter-tool .converter-values-panel .converter-format-row .converter-format-input{flex:1;min-width:0;border:none;background:rgba(0,0,0,0);font-family:Monaco,Courier New,monospace;color:var(--primary-color);font-size:15px;padding:8px 12px}.timezone-converter-tool .converter-values-panel .converter-format-row .converter-format-input:focus{outline:none}.timezone-converter-tool .timezone-select--inline{width:100%}