.theme-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:20px 0;border-bottom:1px solid #d5dacf}.theme-entry h1{font-size:24px;font-weight:500;margin:0 0 7px}.theme-entry p{margin:0}.theme-entry-actions{display:flex;gap:12px;flex-wrap:wrap}.import-dialog{width:min(760px,calc(100% - 32px));max-height:90vh;overflow:auto}.import-dialog>label{display:block;margin:18px 0 9px;font-size:14px}.import-dialog textarea{display:block;width:100%;min-height:180px;resize:vertical;font:13px/1.6 monospace;padding:14px;border:1px solid #b9c4b1;border-radius:8px;background:#fafcf7;color:#263220}.import-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.import-file-label{display:flex;align-items:center;gap:8px;font-size:13px;max-width:100%}.import-file-label input{max-width:230px;font-size:12px}#import-error{color:#9c3726;font-size:14px;line-height:1.5}#import-error:empty{display:none}#import-result{font-size:14px;line-height:1.6}#import-result details{padding:12px 0;border-top:1px solid #d5dacf}#import-result summary{cursor:pointer}.import-mappings{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0}.import-mappings label{display:flex;flex-direction:column;gap:5px;font-size:12px}.import-mappings select{width:100%;min-width:0;padding:8px;font-size:13px;border:1px solid #b9c4b1;border-radius:5px;background:white}.import-conversion{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;padding:14px;background:#f0e9dc;border-radius:8px;margin:16px 0}.import-conversion input{margin-top:5px}.import-conversion[hidden],#imported-theme[hidden]{display:none}.imported-theme{margin:0 0 32px;padding:20px;border:1px solid #c7d1bd;border-radius:12px;background:#f3f5ef}.imported-theme h2{font-size:20px;font-weight:500;margin:0 0 10px}.imported-theme summary{margin-top:14px;cursor:pointer;font-size:14px}.import-token{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:12px 0;border-bottom:1px solid #d5dacf;font-size:13px;overflow-wrap:anywhere}.import-token label{display:flex;gap:10px;align-items:center}.import-token input[type=color]{width:32px;height:32px;flex-shrink:0;padding:0;background:none;border:0}.import-token-value{font:12px/1.5 monospace;overflow-wrap:anywhere}.import-token>.section-note{grid-column:1/3;font-size:12px}.import-token>button{grid-column:3;grid-row:1/3}.has-imported-theme .controls,.has-imported-theme .harmony-tools,.has-imported-theme .wheel-details,.has-imported-theme .palette-section,.has-imported-theme #variations-section,.has-imported-theme .code-toolbar .formats{display:none}.has-imported-theme:not(.has-json-theme) .code-section .tabs button:not(#tab-css),.has-json-theme .code-section .tabs button:not(#tab-tokens){display:none}.has-imported-theme #channel-mode{display:none}.import-actions button:disabled{opacity:.5;cursor:not-allowed}.role-editor-controls input:disabled,.role-editor-controls select:disabled{opacity:.6}
@media(max-width:600px){.theme-entry{align-items:flex-start;flex-direction:column;gap:14px}.theme-entry h1{font-size:22px}.import-dialog{padding:20px}.import-mappings{grid-template-columns:1fr}.import-token{grid-template-columns:minmax(0,1fr) auto}.import-token-value{grid-column:1}.import-token>.section-note{grid-column:1}.import-token>button{grid-column:2;grid-row:1/4}.imported-theme{padding:16px}.import-file-label{flex-wrap:wrap}}

#import-result{overflow-wrap:anywhere}.header button:disabled{opacity:.5;cursor:default}.imported-theme>.section-heading{margin-bottom:8px;flex-wrap:wrap}.imported-theme>.section-heading h2{margin:0}

.repair-panel{border-top:1px solid #c7d1bd;margin-top:24px;padding-top:20px}.repair-panel h3{margin:0 0 10px;font-size:18px;font-weight:500}.repair-panel select{max-width:100%;padding:8px;border:1px solid #aab69f;border-radius:6px;background:#fff;color:#263220}.repair-panel label{font-size:13px}.repair-status{font-size:14px;line-height:1.6}.repair-change,.repair-check{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid #d5dacf;overflow-wrap:anywhere;font-size:13px}.repair-change p{margin:0}.repair-colors{display:flex;gap:12px 24px;flex-wrap:wrap}.repair-colors>span{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere;min-width:0}.repair-swatch{width:24px;height:24px;border:1px solid #68745f;border-radius:5px;flex-shrink:0}.repair-verdict{font-variant-numeric:tabular-nums}.repair-pass{color:#256038}.repair-fail,.repair-conflict{color:#923520}.repair-unchecked{color:#565f50}.repair-conflict{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.repair-panel h4{font-size:15px;margin:20px 0 0}.repair-panel .import-actions>label{min-width:0;max-width:100%;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* Imported role controls need room for native select labels on mobile. */
@media(max-width:650px){.has-imported-theme #role-editors{grid-template-columns:1fr}}

#import-format{max-width:100%;padding:8px;border:1px solid #b9c4b1;border-radius:5px;background:white;color:#263220}#imported-mappings{display:flex;flex-wrap:wrap;gap:8px 24px}#imported-mappings details{min-width:0;flex:1 1 280px}#imported-mappings summary{font-size:13px}#imported-presence{font-size:13px}

.import-token:focus{outline:2px solid #3e7130;outline-offset:4px}