.cc{--cc-r: 16px}.cc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.cc .tpe-panel{min-width:0}.cc-h{font-family:var(--display);font-weight:700;font-size:15px;color:var(--ink);margin:0}.cc-input,.cc .tpe-field select{display:block;width:100%;margin-top:6px;font:16px var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;padding:9px 11px;font-variant-numeric:tabular-nums;min-width:0}.cc-input:focus,.cc .tpe-field select:focus,.cc-paste:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.cc-input[aria-invalid=true]{border-color:var(--neg)}html.dark-mode .cc-input,html.dark-mode .cc .tpe-field select,html.dark-mode .cc-paste{background:#101010}.cc-inline{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.cc-inline>*{flex:1 1 140px;min-width:0}.cc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cc-chip{font:600 13px var(--body);padding:6px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums}.cc-chip:hover{border-color:var(--accent)}.cc-chip[aria-pressed=true]{border-color:var(--accent);background:var(--soft);color:var(--accent-text)}html.dark-mode .cc-chip{background:#101010}html.dark-mode .cc-chip[aria-pressed=true]{background:var(--soft)}.cc-big{display:flex;flex-direction:column;gap:2px;padding-bottom:14px;border-bottom:1px solid var(--line)}.cc-big-label{font-size:13px;color:var(--muted);font-weight:600}.cc-big-num{font:800 clamp(28px,4vw,40px) / 1.1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cc-big-sub{font-size:13.5px;color:var(--muted)}.cc-table{width:100%;border-collapse:collapse;font-size:14.5px}.cc-table th,.cc-table td{padding:8px 6px 8px 0;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}.cc-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:600}.cc-table td{text-align:right;color:var(--ink);font-weight:600}.cc-table thead th:not(:first-child){text-align:right}.cc-table tbody th{font-weight:500;color:var(--muted)}.cc-note{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}.cc-note a{color:var(--accent-text)}.cc-fine{margin:0;font-size:12.5px;line-height:1.5;color:var(--faint)}.cc-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}.cc-checks li{display:flex;gap:8px;align-items:baseline;color:var(--ink-body)}.cc-checks li:before{content:"○";color:var(--faint);flex-shrink:0}.cc-checks li.is-ok:before{content:"✓";color:var(--pos-text);font-weight:700}.cc-checks li.is-no:before{content:"✕";color:var(--neg);font-weight:700}.cc-badge{display:inline-block;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--accent-text)}.cc-badge.is-pos{background:var(--pos-soft);color:var(--pos-text)}.cc-badge.is-neg{background:var(--neg-soft);color:var(--neg)}.cc-ratio-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.cc-x{padding-bottom:10px;color:var(--muted);font-weight:700}.cc-lock{display:flex;gap:9px;align-items:center;font-size:14.5px;color:var(--ink);cursor:pointer}.cc-lock input{width:17px;height:17px;accent-color:var(--accent)}.cc-preview-wrap{display:grid;place-items:center;height:190px;border-radius:12px;background:repeating-conic-gradient(var(--line) 0 25%,transparent 0 50%) 0 0 / 16px 16px;border:1px solid var(--line);overflow:hidden}.cc-preview{display:grid;place-items:center;background:var(--soft-2);border:2px solid var(--accent);border-radius:6px;color:var(--accent-text);font:700 14px var(--display);font-variant-numeric:tabular-nums;transition:width .15s,height .15s}.cc-sizes{display:grid;gap:10px}.cc-sizes-row{display:grid;gap:4px}.cc-sizes-row>span{font-size:13px;color:var(--muted)}.cc-sizes-row strong{color:var(--ink);font-family:var(--display)}.cc-posts{width:100%;border-collapse:collapse;font-size:14px}.cc-posts th,.cc-posts td{padding:4px 4px 4px 0;text-align:left}.cc-posts thead th{font-size:12px;color:var(--faint);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.cc-posts td.cc-rate{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.cc-posts input{width:100%;margin:0;min-width:0;font:16px var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;padding:6px 7px;font-variant-numeric:tabular-nums}html.dark-mode .cc-posts input{background:#101010}.cc-posts-wrap{overflow-x:auto}.cc-del{background:none;border:0;color:var(--faint);cursor:pointer;font-size:18px;line-height:1;padding:4px 6px}.cc-del:hover{color:var(--neg)}.cc-paste{width:100%;min-height:96px;resize:vertical;font:16px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;margin-top:6px}.cc-actions{display:flex;gap:8px;flex-wrap:wrap}.cc-formula{font:13.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);overflow-wrap:anywhere}html.dark-mode .cc-formula{background:#101010}@media (max-width: 860px){.cc-grid{grid-template-columns:1fr}}@media (max-width: 520px){.cc .tpe-panel{padding:14px}.cc-posts{font-size:13px}.cc-posts input{padding:6px 5px}}