.cm-type-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px}.cm-type-hint,.cm-type-label{font-size:12.5px;color:var(--text-3)}.cm-type-hint{color:var(--text-4)}.cm-types{display:inline-flex;gap:4px;padding:4px;background:var(--panel-solid);border:1px solid var(--border);border-radius:10px}.cm-seg{background:0 0;border:0;padding:7px 16px;border-radius:7px;font-family:inherit;font-size:13.5px;color:var(--text-3);cursor:pointer;transition:background var(--transition),color var(--transition)}.cm-seg:hover{color:var(--text-body)}.cm-seg:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cm-seg.active{background:var(--active-bg);color:var(--accent);font-weight:600}.cm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cm-class{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:14px 16px 16px;border:1px solid var(--border-row);border-radius:10px}.cm-class-name{display:flex;align-items:baseline;gap:8px;padding:0 6px;margin-left:-6px;font-size:13px;font-weight:600;color:var(--text-body)}.cm-digit{font-family:var(--font-mono);font-size:15px;color:var(--accent)}.cm-means{font-size:12.5px;color:var(--text-4)}.cm-check-row{display:flex;align-items:center;gap:4px}.cm-check-row .info-pop-panel{left:auto;right:0}.cm-check-row .info-pop:hover>.info-pop-panel[hidden]{display:block}.cm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:18px}.cm-field{min-width:0}.cm-label{display:block;margin-bottom:8px;font-size:12.5px;color:var(--text-3)}.cm-input{font-family:var(--font-mono);font-size:15px}.cm-hint{margin:8px 0 0}.cm-hint:empty{display:none}.cm-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.cm-examples-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-4)}.cm-example{padding:4px 10px;border:1px solid var(--border-input);border-radius:999px;background:var(--field);font-family:var(--font-mono);font-size:12px;color:var(--text-2);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.cm-example:hover{border-color:var(--border-focus);color:var(--text-body)}.cm-example:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cm-panel{margin-top:14px}.cm-options{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 24px;margin-bottom:18px}.cm-option-name{flex:1 1 260px;min-width:0}.cm-option-r{padding-bottom:12px}.cm-panel-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-body)}.cm-rows{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:9px 20px;margin:0}.cm-row{display:contents}.cm-rows dt{padding-top:1px;font-size:12.5px;color:var(--text-4)}.cm-rows dd{min-width:0;margin:0}.cm-value{font-family:var(--font-mono);font-size:13.5px;color:var(--text-body);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.cm-text{font-size:13.5px;color:var(--text-2)}.cm-warnings{display:flex;flex-direction:column;gap:8px;margin:18px 0 0;padding:0;list-style:none}.cm-warnings[hidden]{display:none}.cm-warning{padding:10px 14px;border:1px solid var(--border-row);border-radius:8px;font-size:13px;line-height:1.5;color:var(--text-2)}.cm-warning-warn{background:var(--danger-bg);border-color:var(--danger-border);color:var(--text-body)}.cm-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.cm-apply-row{display:flex;gap:10px}.cm-apply-row .cm-input{flex:1;min-width:0}.cm-apply-result{margin:10px 0 0;font-family:var(--font-mono);font-size:13px;color:var(--text-body);white-space:pre-wrap}.cm-umask-rows{margin-top:14px}.cm-umask-rows[hidden]{display:none}.cm-use{margin-left:10px;padding:2px 10px;border:1px solid var(--border-input);border-radius:999px;background:var(--field);font-size:12px;color:var(--text-2);cursor:pointer}.cm-use:hover{border-color:var(--border-focus);color:var(--text-body)}.cm-use:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:900px){.cm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-tools{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.cm-grid{grid-template-columns:minmax(0,1fr)}.cm-class{flex-direction:row;flex-wrap:wrap;gap:10px 18px}.cm-fields{grid-template-columns:minmax(0,1fr)}}