#p-styleatlas .atlas-wrap{max-width:1200px;margin:auto}#p-styleatlas input[type=range]{display:block;width:100%;height:34px;accent-color:#a67c26}#p-styleatlas label[for]{display:block;margin-top:16px;font-weight:bold}#p-styleatlas output{float:right;font-variant-numeric:tabular-nums}#atlas-collections{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}#atlas-list{max-height:480px;overflow:auto;margin-top:10px}.atlas-row{padding:10px 0;border-top:1px solid #eee}.atlas-product{display:flex;gap:10px;align-items:center}.atlas-row input{width:18px;height:18px;flex:none}.atlas-colors{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0 2px 28px}.atlas-color{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #ddd;border-radius:6px;min-width:120px;max-width:240px}.atlas-color img,.atlas-noimage{width:30px;height:42px;object-fit:contain;flex:none}.atlas-color span{overflow-wrap:anywhere}.atlas-noimage{font-size:11px;color:#9c6f25;display:flex;align-items:center}.atlas-options{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:12px 0}.atlas-options select{padding:8px}.atlas-options label{display:flex!important;gap:8px;align-items:center;margin:0!important;font-weight:normal!important}.atlas-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.atlas-ends{display:flex;justify-content:space-between;color:#777;font-size:12px}.atlas-issue{display:flex;gap:8px;flex-wrap:wrap;padding:9px 0;border-top:1px solid #ddd}.atlas-issue span{flex:1 1 250px}#atlas-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}#atlas-samples figure{margin:0;min-width:0}#atlas-samples canvas{width:100%;height:320px;object-fit:contain;display:block}#atlas-samples figcaption{overflow-wrap:anywhere;margin-bottom:5px}

.atlas-kind-label{display:flex;gap:10px;align-items:center;margin:10px 0}.atlas-kind-label select{padding:8px}.atlas-color-wrap{border:1px solid #ddd;border-radius:6px;padding:2px;display:flex;flex-direction:column;min-width:125px;max-width:240px}.atlas-color-wrap .atlas-color{border:0;min-width:0;flex:1}.atlas-only{font:inherit;font-size:12px;color:#80611c;border:0;background:transparent;cursor:pointer;padding:5px;align-self:flex-end}.atlas-contact-options{padding:10px 0;border-bottom:1px solid #eee}.atlas-contact-options label{display:flex;gap:8px;align-items:center;margin:7px 0}.atlas-contact-options select{padding:8px;max-width:70%}

/* Keep atlas checkboxes out of the shared full-width text-input rule. */
#p-styleatlas input[type=checkbox]{width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;padding:0;margin:0;flex:0 0 18px;vertical-align:middle}
#p-styleatlas .atlas-options{align-items:flex-start;gap:12px 24px}
#p-styleatlas .atlas-options label{min-height:38px;line-height:1.5;max-width:100%}
#p-styleatlas .atlas-options label[for=atlas-capacity]{flex:0 0 auto;white-space:nowrap}
#p-styleatlas #atlas-capacity{width:auto;min-width:190px;max-width:100%}
#p-styleatlas .atlas-options label:last-child{align-items:flex-start;padding-top:8px}
#p-styleatlas .atlas-options label:last-child input{margin-top:2px}
#p-styleatlas .atlas-options+label{display:flex;align-items:flex-start;gap:8px;margin:12px 0 4px;line-height:1.5}
#p-styleatlas .atlas-options+label input{margin-top:2px}
#p-styleatlas .atlas-contact-options label{justify-content:flex-start;line-height:1.5;max-width:100%}
#p-styleatlas .atlas-contact-options label:first-child{align-items:flex-start}
#p-styleatlas .atlas-contact-options label:first-child input{margin-top:2px}
#p-styleatlas .atlas-contact-options label:nth-child(2){display:grid;grid-template-columns:max-content minmax(0,420px);gap:12px;align-items:center}
#p-styleatlas #atlas-contact-ref{width:100%;max-width:420px;min-width:0}