.steel-color-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:5px 0 8px;font-size:12px}.steel-color-row a{color:#555;text-decoration:underline;text-underline-offset:3px}.color-trigger{display:flex;align-items:center;gap:8px;padding:6px 9px;font-size:12px;max-width:100%;text-align:left}.color-dot{display:inline-block;flex:none;width:21px;height:21px;border:1px solid #bbb;border-radius:5px}.steel-color-dialog{box-sizing:border-box;width:min(820px,94vw);max-height:88vh;padding:20px;border:1px solid #ddd;border-radius:16px;color:#171717;background:white;overflow:auto;font-family:Tahoma,Arial,sans-serif}.steel-color-dialog::backdrop{background:#0006}.color-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.color-dialog-heading h2{font-size:20px;margin:0 0 6px}.color-dialog-heading p{font-size:12px;margin:0 0 16px;color:#666}.color-dialog-heading>button{font-size:24px;padding:0 10px;min-height:36px;border:0;background:#f2f2f2;border-radius:7px;cursor:pointer}.steel-color-dialog input{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:7px;font:14px Tahoma,Arial,sans-serif}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.color-option{display:flex;flex-direction:column;gap:7px;border:1px solid #ddd;border-radius:9px;padding:7px;background:#fff;color:#171717;text-align:left;cursor:pointer;min-width:0;font-family:inherit}.color-option.selected{outline:2px solid #171717;outline-offset:0}.color-option:hover{border-color:#333;background:#f7f7f7}.color-option strong{font-size:12px;overflow-wrap:anywhere}.color-option small{font-size:11px;color:#666}.color-sample{display:block;width:100%;height:65px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.color-sample.unspecified{display:grid;place-items:center;color:#999;background:#f5f5f5}.color-note{font-size:12px;line-height:1.6;color:#666}.steel-color-dialog>a{font-size:13px;color:#333}.steel-info{max-width:1000px;margin:auto;padding:24px;font:15px/1.6 Tahoma,Arial,sans-serif;color:#191919;background:#fafafa}.steel-info header{display:flex;align-items:center;justify-content:space-between;gap:16px}.steel-info h1{font-size:24px}.steel-info a{color:#333}.steel-info select{padding:10px;font:inherit;max-width:100%;border:1px solid #ccc;border-radius:7px}.steel-info .info-card{background:white;border:1px solid #ddd;border-radius:10px;padding:18px;margin:16px 0}.steel-info h2{font-size:18px;margin-top:0}.steel-info .chart-image{width:100%;height:auto}.steel-info .color-option{cursor:default}.steel-info .color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.steel-info .source-note{font-size:12px;color:#666}.steel-info .warranty-text{line-height:1.8}.steel-info details{margin-top:14px}.steel-info summary{cursor:pointer;font-weight:bold}@media(max-width:600px){.steel-color-dialog{padding:14px}.color-grid,.steel-info .color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steel-color-dialog input{font-size:16px;min-height:44px}.color-trigger{min-height:40px}.steel-info{padding:15px}.steel-info header{display:block}.steel-info h1{font-size:22px}}
@media print{.steel-color-dialog{display:none!important}}

.studio .steel-color-dialog .color-option{background:#fff;color:#171717}.studio .steel-color-dialog .color-option:hover{background:#f7f7f7}.studio .steel-color-dialog .color-dialog-heading>button{background:#f2f2f2;color:#171717}.studio .steel-color-dialog #colorSearch{padding:10px 12px;border:1px solid #ccc;border-radius:7px}