.chmod-calculator__workspace { max-width: 70rem; }
.chmod-calculator__panel { display: grid; gap: var(--tool-gap); }
.chmod-calculator__source, .chmod-calculator__rights-group, .chmod-calculator__special { display: grid; gap: .65rem; border: 1px solid var(--tool-border); border-radius: var(--tool-radius); padding: 1rem; }
.chmod-calculator__source { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); align-items: center; }
.chmod-calculator__source legend, .chmod-calculator__special legend { grid-column: 1 / -1; }
.chmod-calculator__rights-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tool-gap); }
.chmod-calculator__rights-group label, .chmod-calculator__special label { display: flex; gap: .55rem; align-items: center; }
.chmod-calculator__special { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
.chmod-calculator__two-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tool-gap); }
.chmod-calculator__hint { color: var(--color-subtext); }
.chmod-calculator__result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.chmod-calculator__result { display: grid; gap: .5rem; padding: .85rem; border: 1px solid var(--tool-border); border-radius: var(--tool-control-radius); }
.chmod-calculator__result code { overflow-wrap: anywhere; font-size: 1.05rem; color: var(--color-heading); }
.chmod-calculator__result .btn { justify-self: start; }
.chmod-calculator__subresult { padding: .85rem; border-left: .25rem solid var(--color-accent); background: var(--color-surface-muted); overflow-wrap: anywhere; }
.chmod-calculator__breakdown { display: grid; gap: .55rem; }
.chmod-calculator__breakdown-row { display: grid; grid-template-columns: 7rem 8rem 1fr; gap: .6rem; padding: .65rem; border-bottom: 1px solid var(--tool-border); }
.chmod-calculator__notes { display: grid; gap: .5rem; padding-inline-start: 1.25rem; }
.chmod-calculator__copy-status { min-height: 1.4em; color: var(--color-success); }
@media (max-width: 40rem) { .chmod-calculator__rights-grid, .chmod-calculator__two-columns, .chmod-calculator__result-grid { grid-template-columns: 1fr; } .chmod-calculator__breakdown-row { grid-template-columns: 1fr; gap: .25rem; } }
@media (prefers-reduced-motion: reduce) { .chmod-calculator * { scroll-behavior: auto; } }