/* MYWATCH v1.1 — an editor with a quiet canvas and explicit controls. */
:root{--ink:#243c35;--muted:#6e7973;--line:#e0e5df;--accent:#dce8d9;--ui-paper:#fafbf8;--ui-green:#244b3f;color:var(--ink);background:var(--ui-paper)}
.atelier [hidden]{display:none!important}.atelier{font-size:13px}.atelier button,.atelier input,.atelier select{transition:background-color .12s,border-color .12s;accent-color:var(--ui-green)}
.atelier button:focus-visible,.atelier a:focus-visible,.atelier input:focus-visible,.atelier select:focus-visible,.atelier summary:focus-visible{outline:2px solid #548778;outline-offset:2px}
.atelier button:hover:not(:disabled){border-color:#8daca0;background:#eef3ed}.atelier button:disabled{opacity:.38}.atelier header{height:60px;padding:0 22px;gap:20px;background:#fff;border-bottom:1px solid var(--line)}
.atelier .brand{font-size:21px;letter-spacing:-.7px;cursor:default}.atelier .brand-icon{color:#406457;font-size:32px}.atelier .brand-sub{font-size:8px;letter-spacing:1.9px;color:#78847d;max-width:70px}.atelier .header-title{font-size:12px;color:#6d7972;margin-right:auto;font-weight:400}.release-label{font:10px monospace;border:1px solid var(--line);border-radius:4px;padding:3px 5px;margin-left:7px}
.header-actions{display:flex;align-items:center;gap:8px}.atelier .quiet-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);height:34px;padding:7px 10px;font-size:12px;background:#fff}.quiet-button svg,.find-control svg,.search-input svg{width:17px;height:17px;flex-shrink:0}.atelier .primary{height:36px;background:var(--ui-green);border-color:var(--ui-green);padding:8px 14px;font-size:12px;box-shadow:0 2px 3px #244b3f10}.atelier .primary:hover:not(:disabled){background:#356454;border-color:#356454;color:white}.atelier .primary span{margin-left:12px}
.atelier main{grid-template-columns:292px minmax(300px,1fr) 274px;height:calc(100dvh - 60px);min-height:440px;overflow:hidden}.atelier .library,.atelier .inspector{padding:0 16px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6d0c8 transparent;background:#fff}
.atelier .library>.panel-heading,.atelier .inspector>.panel-heading{display:block;position:sticky;top:0;z-index:5;background:#fff;padding:19px 0 13px;margin:0;border:0}.atelier .eyebrow{font-size:9px;letter-spacing:1.7px;color:#7c8c82;font-weight:600}.atelier .panel-heading h1,.atelier .panel-heading h2{font-size:17px;letter-spacing:-.5px;font-weight:600;margin:6px 0 14px}.atelier .panel-heading p{display:none}
.atelier .find-control{display:flex;width:100%;align-items:center;gap:8px;padding:9px 10px;border-color:var(--line);background:#f5f7f3;color:#69766d;font-size:12px;text-align:left}.find-control kbd{margin-left:auto}kbd{font:10px/1.2 inherit;border:1px solid #dce2db;background:#fff;border-radius:4px;padding:3px 5px;color:#718076;white-space:nowrap}
.atelier #steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:2px 0 22px;padding:0}.atelier #steps .step{flex-direction:row;justify-content:center;gap:5px;padding:8px 3px;font-size:11px;min-height:35px;border:1px solid #e6eae4;border-radius:6px;color:#6e7c72}.atelier .step .step-num{width:auto;height:auto;border:0;background:transparent;color:#9caba0;font-size:9px;font-weight:400}.atelier #steps .step.active{background:#e8f0e5;border-color:#b8cdb9;color:#274e3d;font-weight:650}.atelier .step.active .step-num{background:transparent;color:#5b7c64}
.atelier .catalog-title h2{font-size:15px;color:#273e32}.atelier .catalog-title span{font:10px monospace;color:#7f8f83}.atelier .catalog-description{font-size:11px;line-height:1.7;margin:0 0 16px;color:#758178}.atelier .menu-group{border:1px solid var(--line);border-radius:8px;margin:9px 0;box-shadow:0 1px 2px #1d302704}.atelier .menu-group>summary{padding:12px;font-size:13px;line-height:1.5;color:#354b3d}.atelier .menu-group>summary small{font-size:10px;color:#7a897e;margin-top:2px}.atelier .menu-group[open]>summary{background:#f3f6f0;border-bottom:1px solid var(--line)}.atelier .menu-group>summary:hover{background:#f3f6f0}.atelier .menu-group-body{padding:11px}.atelier .menu-chevron{font-size:16px;color:#879687}
.atelier .options{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.atelier .option{border:1px solid #e2e7df;background:#fff;padding:9px 5px;border-radius:6px}.atelier .option svg{height:43px;margin-bottom:7px}.atelier .option .option-name{font-size:11px;color:#35483b}.atelier .option .option-en{font-size:9px;color:#8b978d;margin-top:3px}.atelier .option.active{border:1.5px solid #63856c;background:#f0f5ea;box-shadow:0 0 0 1px #63856c0a}.atelier .option.active:after{color:#3c6248;right:5px;top:3px}.atelier .section-title{margin:19px 0 10px}.atelier .section-title h3{font-size:12px;color:#425645}.atelier .field-label{font-size:12px;color:#425645;margin:16px 0 8px}.atelier .help{font-size:10px;line-height:1.8;color:#7c877f}
.atelier .dimension-grid{gap:8px}.atelier .dimension-grid>label,.atelier .spec-select{font-size:11px;color:#627065}.atelier .dimension-grid label>div,.atelier .spec-select input,.atelier .spec-select select,.atelier .number-field,.atelier select,.atelier .text-input{border-color:#dce2d9;background:#f9faf7;border-radius:6px;color:#2b4435}.atelier .dimension-grid input{font-size:12px;padding:9px 0}.atelier .dimension-grid label span{color:#869387}.atelier .spec-select{margin:11px 0}.atelier .spec-select select,.atelier .spec-select input{padding:9px;font-size:12px;margin-top:5px}.atelier .color-editor{gap:6px;margin:10px 0 13px}.atelier .color-editor label{border-color:#dce2d9;padding:8px;background:#f9faf7}.atelier .color-editor label input{color:#46604d;font-size:11px}.atelier .color-editor>input{height:34px;width:36px;border-color:#dce2d9}.atelier .colors{gap:7px}.atelier .swatch{width:24px;height:24px}.atelier .swatch.active{box-shadow:0 0 0 2px #487c59}.atelier .number-field{padding:8px;gap:5px}.atelier .number-field input{font-size:12px}.atelier input[type=range]{height:14px;cursor:pointer;margin:9px 0}
.atelier .compact-options{gap:5px}.atelier .compact-options button{font-size:11px;padding:7px 9px;border-color:#dce2d9}.atelier .compact-options button.active{background:#365545;border-color:#365545;color:#fff}.atelier .back-preview,.atelier .step-next{background:#edf3e9;border:1px solid #d2dfcb;color:#35533d;font-size:11px;padding:10px}.atelier .reference-link{font-size:11px;margin-top:16px;padding-top:15px;color:#627366}.atelier .reference-link small{font-size:9px;color:#8c968d}.atelier .reference-link>span:first-child{font-size:18px}
.atelier .workspace{padding:0 18px 12px;height:100%;min-height:0;background:#eff1eb;background-image:radial-gradient(ellipse at 48% 40%,#fafbf7 0%,#eff1eb 70%,#e4e9df 100%);grid-column:auto;grid-row:auto;position:relative;overflow:hidden}.atelier .canvas-top{position:relative;height:72px;min-height:72px;padding:15px 0 11px;align-items:start}.atelier .canvas-top h2{font-size:16px;font-weight:600;margin:5px 0 0;color:#2e4637}.atelier .canvas-top .eyebrow{font-size:8px;color:#8b988d}.atelier .view-label{display:none}.selection-status{margin-left:auto;padding-top:21px;font-size:10px;color:#819080;max-width:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.selection-status.has-selection{color:#406749}.atelier .render-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 5px;flex-shrink:0}.atelier .render-toolbar>div{border-color:#d9e0d5;background:#ffffffc9;border-radius:7px;padding:3px;box-shadow:0 2px 6px #24402b04}.atelier .render-toolbar button{font-size:10px;padding:7px 8px;color:#72806f;border-radius:4px}.atelier .render-toolbar button.active{background:#3c5945;color:#fff;box-shadow:0 1px 3px #203a2520}.atelier #zoom-readout{font:10px monospace;min-width:36px;color:#607a63}.atelier #stage{flex:1;min-height:150px;height:auto;max-height:none;width:100%;margin:0;flex-shrink:1}.atelier .canvas-tools{top:130px;left:26px;right:26px;z-index:3}.atelier .canvas-tools button{width:29px;height:29px;font-size:18px;border-color:#d8e1d4;border-radius:6px;background:#ffffffe0;box-shadow:0 2px 4px #28442e06}.atelier .canvas-tools button[aria-pressed=true]{background:#d9e8ce;border-color:#94ad83}.atelier #dimension-readout{font-size:10px;color:#71806c;margin:5px 0 7px;letter-spacing:0}.atelier .light-control{background:#ffffff9e;border:1px solid #dce3d6;border-radius:8px;padding:4px;gap:2px;margin:0 0 9px;flex-shrink:0}.atelier .light-control>span{font-size:10px;margin:0 7px;color:#899681}.atelier .light-control button{font-size:10px;border-radius:5px;padding:6px 8px;color:#75876b}.atelier .light-control button.active{border-color:#b9ceb1;background:#e8f0e1;color:#3e5c30}.atelier .canvas-hint{font-size:10px;color:#8b9885;margin:0;line-height:1.6}.atelier .canvas-hint span{font-size:12px;margin-right:6px}.canvas-hint i{display:inline-block;height:8px;border-left:1px solid #bdc8b6;margin:0 8px}.atelier .design-summary,.atelier .bottom-note{display:none}.atelier .inspection:after{font-size:10px;bottom:7px;color:#768972}.atelier .workspace.night{background:radial-gradient(ellipse,#14212c,#04090f)}.atelier .workspace.night .canvas-top h2{color:#e2ede5}.atelier .workspace.night .selection-status,.atelier .workspace.night .canvas-hint{color:#819590}.atelier .workspace.night .light-control,.atelier .workspace.night .render-toolbar>div{background:#dce7e7}.atelier .workspace.night .inspection:after{color:#8da19b}
.inspector-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:0 -16px -13px;padding:0 16px}.atelier .inspector-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 2px;font-size:11px;color:#889387}.atelier .inspector-tabs button[aria-selected=true]{color:#35583d;border-bottom-color:#486f4b;font-weight:600}#ui-count{font-size:9px;display:inline-block;padding:2px 5px;border-radius:4px;margin-left:3px;background:#eff3e9;color:#78916c}
.atelier #properties{padding-top:17px}.atelier .selected-name{background:#edf3e7;border:1px solid #dbe6d1;border-radius:7px;padding:11px;gap:9px;margin-bottom:17px}.atelier .selected-name strong{font-size:13px}.atelier .selected-name small{font-size:10px;color:#7c8d72;line-height:1.5}.atelier .selected-icon{font-size:20px;color:#758b66}.atelier .empty-selection{text-align:center;background:transparent;padding:40px 4px 28px;color:#87957f;font-size:11px;line-height:1.85}.empty-selection .empty-dial{display:block;font-size:54px;font-weight:300;color:#b3c1a5;margin-bottom:14px}.empty-selection strong{display:block;color:#5c7050;font-size:13px}.empty-selection p{font-size:11px}.empty-selection button{font-size:10px;margin-top:12px;background:#f5f8ef;border-color:#dce5d2}.atelier .actions{gap:5px;margin-top:12px}.atelier .actions button{font-size:10px;padding:8px 4px}.atelier [data-edit=delete]{color:#a66b5f}.atelier .hand-control{background:#f8faf5;border-color:#dce5d6;padding:10px}.atelier .hand-title{font-size:12px;color:#3b5c40}.atelier .hand-control small{font-size:10px;color:#839279}.atelier .variant-inspector{border-color:var(--line);margin-bottom:16px;padding-bottom:13px}.atelier .source-note{color:#7c8d70;font-size:10px}.atelier .tip{margin:20px 0 0;padding:13px;background:#f8faf4;border:1px solid #e5ebdc;color:#647556}.atelier .tip span{font-size:10px}.atelier .tip p{font-size:10px;color:#8a957e;line-height:1.8}.tip button{border:0;background:none;padding:5px 0;font-size:10px;color:#5d7650}.atelier .layers-section{margin:14px 0 0;border:0}.atelier .layers-section>.section-title{margin:9px 0 14px}.atelier .layers-section>.section-title h3{font-size:11px;color:#7b8e6e}.atelier #layers{max-height:none;overflow:visible}.atelier .layer-group{border-color:#e0e7d9;border-radius:6px}.atelier .layer-group summary{font-size:12px;padding:10px;color:#506a43}.atelier .layer-group summary span{color:#91a284;font-size:10px}.atelier .layer-children{border-color:#dfe7d6;margin-left:8px;padding-left:6px}.atelier .layer{gap:5px;margin:2px 0}.atelier .layer button{font-size:11px;padding:9px 3px}.atelier .layer.active{background:#e5efd9}.atelier .layer.locked{opacity:.65}.atelier .layer .layer-eye{font-size:12px;color:#90a17f}
.atelier .variant-catalog{gap:8px}.atelier .variant-card{border-color:#dfe5d8;border-radius:7px;background:white}.atelier .variant-card svg{height:98px;background:radial-gradient(ellipse,#e4e9df,#f9faf6)}.atelier .variant-title{font-size:11px;padding:9px 8px 4px;color:#3c5537}.atelier .variant-title>span{color:#91a77e}.atelier .variant-description{font-size:10px;padding:0 8px 9px;line-height:1.6;color:#809174}.atelier .variant-source{font-size:9px;background:#f1f5ea;color:#8b9d7d;min-height:0}.atelier .coating{border-color:#dce5d3;border-radius:7px;padding:11px}.atelier .coating summary{font-size:12px;color:#48643d}.atelier .toggle-line{font-size:11px}.atelier .study-preset{border-color:#dce4d4;padding:11px;border-radius:6px}.atelier .study-preset strong{font-size:11px}.atelier .study-preset small{font-size:10px;color:#8d9b81}
.atelier dialog{background:#fcfdf9;border:1px solid #dce5d5;border-radius:12px;padding:24px;box-shadow:0 24px 100px #213a2950}.atelier dialog::backdrop{background:#1e30254d;backdrop-filter:blur(5px)}.atelier dialog .dialog-heading h2{font-size:20px;color:#334c3b;margin:8px 0}.atelier dialog .dialog-heading button{width:32px;height:32px;padding:0;color:#8a9a80}.atelier #ui-search-dialog{width:min(570px,calc(100vw - 28px));max-height:85dvh;padding:23px}.search-input{display:flex;align-items:center;gap:11px;border:1px solid #b8cbb1;background:#fff;border-radius:8px;padding:12px;margin-top:18px;color:#7a9370}.search-input input{border:0;outline:none;width:100%;min-width:0;background:none;color:#354c3b;font-size:13px}.search-input:focus-within{outline:2px solid #afc5a5;outline-offset:2px}.atelier .search-input input:focus-visible{outline:none}#ui-search-count{font-size:11px;color:#93a188;margin:18px 0 8px}#ui-search-results{max-height:40dvh;overflow:auto}.atelier .search-result{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;border:0;border-radius:6px;background:none;padding:11px 9px}.search-result strong,.search-result small{display:block}.search-result strong{font-size:12px;font-weight:500;color:#3c573b}.search-result small{font-size:10px;color:#8d9f7f;margin-top:3px}.search-result>span:last-child{color:#9baf8c}.atelier .search-footer{font-size:10px;color:#93a188;border-top:1px solid #e4ebdc;padding-top:13px;margin-bottom:0}.search-empty{padding:28px;text-align:center;font-size:13px;color:#728967}.search-empty small{font-size:11px;line-height:2}.navigation-highlight{outline:2px solid #7ca46b!important;outline-offset:-3px;background:#e8f2df!important}#ui-help-dialog{width:min(590px,calc(100vw - 28px))}.help-steps{padding-left:22px;margin-top:23px;color:#627b55}.help-steps li{padding-left:7px;margin:18px 0}.help-steps strong{font-size:13px}.help-steps p{font-size:12px;margin:4px 0;color:#839875}.shortcut-list{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;background:#f0f5e8;font-size:11px;border-radius:8px}.shortcut-list dt{color:#7a9068}.shortcut-list dd{margin:0;color:#526e41}.atelier .save-note{font-size:11px;color:#849775;border-left:2px solid #c2d3b3;padding-left:12px;line-height:1.8;margin-top:22px}.atelier #toast{background:#294e3b;font-size:12px;box-shadow:0 5px 25px #18352222}
.atelier.focus-mode main{grid-template-columns:minmax(0,1fr)}.atelier.focus-mode .library,.atelier.focus-mode .inspector{display:none}.atelier.focus-mode .workspace{grid-column:1;grid-row:1}.atelier.focus-mode #ui-focus{background:#e9f1e1;border-color:#b4caaa;color:#48673b}.atelier.focus-mode #stage{width:100%}
@media(min-width:1550px){.atelier main{grid-template-columns:314px minmax(400px,1fr) 300px}.atelier .library,.atelier .inspector{padding-left:20px;padding-right:20px}.atelier .workspace{padding-left:30px;padding-right:30px}.atelier .canvas-tools{left:38px;right:38px}.atelier .option svg{height:52px}}
@media(max-width:1100px) and (min-width:851px){.atelier main{grid-template-columns:260px minmax(280px,1fr) 244px}.atelier .library,.atelier .inspector{padding-left:12px;padding-right:12px}.atelier .workspace{padding-left:12px;padding-right:12px}.atelier .selection-status{display:none}.atelier .header-title{display:none}.atelier #steps .step{font-size:10px;gap:3px}.atelier .canvas-tools{top:174px;left:18px;right:18px}.atelier .render-toolbar button{padding:6px 7px}.atelier .canvas-hint{font-size:9px}.atelier .option .option-name{font-size:10px}}
@media(max-width:850px){.atelier header{padding:0 14px;height:56px;gap:8px}.atelier .header-title{display:none}.atelier .brand-sub{display:none}.atelier .brand{font-size:18px}.atelier .brand-icon{font-size:27px}.header-actions{gap:5px}.atelier .quiet-button{font-size:10px;padding:6px 8px;height:32px}.atelier .primary{font-size:11px;height:32px;padding:6px 10px}.atelier main{display:grid;grid-template-columns:minmax(210px,40%) 1fr;min-height:0;height:auto;overflow:visible}.atelier .workspace{position:relative;grid-column:1 / -1;grid-row:1;height:540px;min-height:0;padding:0 14px 12px;border-bottom:1px solid var(--line)}.atelier .library{grid-column:1;grid-row:2;border-right:1px solid var(--line)}.atelier .inspector{grid-column:2;grid-row:2;border-left:0;border-top:0}.atelier .library,.atelier .inspector{padding:0 14px 24px;max-height:70dvh;min-height:340px;overflow-y:auto}.atelier #stage{height:auto;min-height:100px}.atelier .canvas-top{height:64px;min-height:64px;padding-top:12px}.atelier .canvas-tools{top:120px;left:23px;right:23px}.atelier .canvas-hint{font-size:10px}.atelier .options{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier .view-label{display:none}.atelier.focus-mode main{display:block;min-height:calc(100dvh - 56px)}.atelier.focus-mode .workspace{height:calc(100dvh - 56px);min-height:410px}.atelier #ui-focus span{max-width:100px}.atelier .variant-card svg{height:95px}.atelier .variant-title{font-size:11px}.atelier .variant-description{font-size:10px}.atelier .variant-source{font-size:9px}}
@media(max-width:560px){.atelier header{padding:0 10px}.atelier .brand{font-size:16px;gap:5px}.atelier .brand-icon{font-size:25px}.atelier .quiet-button svg{width:15px;height:15px}.atelier #ui-focus{width:30px;padding:7px}.atelier #ui-focus span{display:none}.atelier .primary span{margin-left:5px}.atelier main{grid-template-columns:1fr}.atelier .workspace{grid-column:1;grid-row:1;height:490px;padding:0 10px 12px}.atelier .canvas-top h2{font-size:14px}.atelier .selection-status{font-size:9px;max-width:35%}.atelier .canvas-top{height:62px;min-height:62px}.atelier .render-toolbar{gap:4px}.atelier .render-toolbar button{font-size:10px;padding:6px}.atelier .canvas-tools{top:153px;left:17px;right:17px}.atelier .library{grid-column:1;grid-row:2;border:0;border-bottom:1px solid var(--line);max-height:620px;min-height:0;padding:0 18px 24px}.atelier .inspector{grid-column:1;grid-row:3;max-height:620px;min-height:0;padding:0 18px 24px}.atelier .options{grid-template-columns:repeat(3,minmax(0,1fr))}.atelier .option svg{height:46px}.atelier #steps .step{font-size:12px;padding:10px}.atelier #steps{grid-template-columns:repeat(3,1fr)}.atelier .variant-card svg{height:125px}.atelier .variant-title{font-size:12px}.atelier .light-control>span{display:none}.atelier .light-control button{font-size:10px}.atelier .canvas-hint{font-size:9px}.atelier .empty-selection{padding:20px 0}.atelier #ui-search-dialog{padding:18px}.atelier #ui-search-dialog .dialog-heading h2{font-size:18px}.atelier .shortcut-list{font-size:10px;padding:13px;gap:12px}}
@media(prefers-reduced-motion:reduce){.atelier *{transition:none!important;scroll-behavior:auto!important}}
/* Readable labels and room below the sticky search header. */
.atelier .option .option-name{font-size:12px}.atelier .help,.atelier .variant-description{font-size:11px;color:#6f7d68}.atelier .spec-select,.atelier .dimension-grid>label{font-size:12px}.atelier .catalog-description{font-size:12px;color:#6d7969}.atelier .layer button{font-size:12px}.atelier .study-preset strong{font-size:12px}.atelier .source-note,.atelier .variant-source{color:#64785c}.atelier .menu-group>summary small{color:#6f7f67}.atelier .empty-selection p{color:#6d7d61}.atelier #catalog summary,.atelier #catalog [data-iconic],.atelier #complication-type{scroll-margin-top:150px}.atelier kbd{font-family:inherit;font-size:10px;line-height:1.2}
.atelier .workspace.night .light-control,.atelier .workspace.night .light-control button{color:#465e52}.atelier .workspace.night .light-control button.active{color:#254b36}.atelier .catalog-description,.atelier .help,.atelier .variant-description{color:#64735e}.atelier #steps .step{color:#5d705c;min-width:0}.atelier #steps{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Material close-ups in the three strap collections. */
.atelier .option[data-kind="strap"] svg{height:78px;width:100%;margin:2px auto 6px;background:linear-gradient(135deg,#f5f6f2,#e8ece5);border-radius:5px}

.atelier .compound-preview{padding:12px}.atelier .compound-preview>svg{display:block;width:100%;height:120px}.atelier .compound-preview .variant-title>span{display:none}.atelier .component-parts{display:grid;gap:6px;padding:0 10px 12px}.atelier .component-parts button{display:grid;grid-template-columns:42px 1fr 14px;align-items:center;text-align:left;gap:8px;padding:6px;border:1px solid #dce3d9;border-radius:6px;background:#f7f9f4}.atelier .component-parts button svg{width:42px;height:42px}.atelier .component-parts button:hover{background:#e8f0e2}.atelier .component-parts button span{font-size:11px;line-height:1.5}

.atelier .variant-card:has(.component-parts){grid-column:1 / -1}.atelier .compound-preview{display:grid;grid-template-columns:72px minmax(0,1fr);gap:4px 8px;align-items:center}.atelier .compound-preview>svg{grid-row:1 / 3;height:72px}.atelier .compound-preview .variant-title,.atelier .compound-preview .variant-description{padding:0}.atelier .component-parts button{grid-template-columns:42px minmax(0,1fr) 14px}.atelier .component-parts button span{word-break:keep-all}