.ds3 .s5{display:grid;gap:var(--tcz-space-5);min-width:0}.ds3 .s5-pane{display:grid;gap:var(--tcz-space-6);min-width:0}.ds3 .s5-pane[hidden]{display:none}.ds3 .s5-sec{min-width:0}.ds3 .s5-sec>.ds3-sec,.ds3 .s5-head .ds3-sec{margin:0 0 var(--tcz-space-2)}.ds3 .s5 .ds3-sec{font-family:var(--tcz-font-body);letter-spacing:var(--tcz-track-label)}.ds3 .s5-note{margin:var(--tcz-space-2) 0 0;font:400 var(--tcz-fs-caption)/16px var(--tcz-font-body);color:var(--tcz-graphite)}.ds3 .s5:has([data-s5=remove][hidden]) [data-s5-settings],.ds3 .s5-props:has([data-s5-layout=grid][aria-pressed=true]) [data-l=fill],.ds3 .s5-props:has([data-s5-layout=fill][aria-pressed=true]) [data-l=grid]{display:none}.ds3 .s5-k{font:600 var(--tcz-fs-caption)/16px var(--tcz-font-body);letter-spacing:var(--tcz-track-label);text-transform:uppercase;color:var(--tcz-graphite)}.ds3 .s5-now{display:grid;gap:var(--tcz-space-3);padding:var(--tcz-space-3);border:1px solid var(--tcz-line);border-radius:var(--tcz-radius-card);background:var(--tcz-white)}.ds3 .s5-now__row{display:flex;align-items:center;gap:var(--tcz-space-3);min-width:0;min-height:max(40px,var(--tcz-ed-control-h))}.ds3 .s5-now__sw,.ds3 .s5-motif__img{flex:0 0 auto;display:block;width:40px;height:40px;border-radius:var(--tcz-radius);overflow:hidden;background:var(--tcz-ed-stage);box-shadow:inset 0 0 0 1px var(--tcz-line)}.ds3 .s5-now__sw svg,.ds3 .s5-now__sw img,.ds3 .s5-motif__img img{display:block;width:100%;height:100%;object-fit:contain}.ds3 .s5-now__sw.is-empty{background:none;box-shadow:none;border:1px dashed var(--tcz-line-strong)}.ds3 .s5-now__txt{flex:1 1 auto;min-width:0;margin:0;display:grid}.ds3 .s5-now__txt strong{font:600 var(--tcz-fs-small)/20px var(--tcz-font-body);color:var(--tcz-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds3 .s5-now__txt span{font:400 var(--tcz-fs-caption)/16px var(--tcz-font-body);color:var(--tcz-graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds3 .s5-now .s3k-link{height:var(--tcz-ed-control-h)}.ds3 .s5-now .s3k-link[hidden]{display:none}.ds3 .s5-scope{display:grid;gap:var(--tcz-space-1)}.ds3 .s5-tabs .s2-seg__btn{font-weight:600}.ds3 .s5 .s3k-inks{margin-bottom:var(--tcz-space-3)}.ds3 .s5-ways{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;justify-items:center}.ds3 .s5-way{position:relative;display:block;width:100%;max-width:36px;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:linear-gradient(135deg,var(--a, transparent) 50%,var(--b, transparent) 50%);box-shadow:inset 0 0 0 1px var(--tcz-line-strong);cursor:pointer;transition:box-shadow var(--tcz-dur-press) var(--tcz-ease)}.ds3 .s5-way span{display:none}.ds3 .s5-way:hover{box-shadow:inset 0 0 0 1px var(--tcz-line-strong),0 0 0 2px var(--tcz-ed-card),0 0 0 3px var(--tcz-line-strong)}.ds3 .s5-way[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--tcz-line-strong),0 0 0 2px var(--tcz-ed-card),0 0 0 4px var(--tcz-ink)}.ds3 .s5-way:focus-visible{outline:2px solid var(--tcz-focus);outline-offset:5px}.ds3 .s5-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--tcz-space-2);min-width:0}.ds3 .s5-val{font:600 var(--tcz-fs-caption)/16px var(--tcz-font-body);color:var(--tcz-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.ds3 .s5 input.s5-range{display:block;width:100%;height:var(--tcz-ed-control-h);margin:0;background:transparent;accent-color:var(--tcz-ink);-webkit-appearance:none;appearance:none;cursor:pointer}.ds3 .s5-range::-webkit-slider-runnable-track{height:2px;background:var(--tcz-line-strong);border-radius:1px}.ds3 .s5-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-8px;border-radius:50%;background:var(--tcz-white);border:1.5px solid var(--tcz-ink);box-shadow:var(--tcz-shadow-1)}.ds3 .s5-range::-moz-range-track{height:2px;background:var(--tcz-line-strong)}.ds3 .s5-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--tcz-white);border:1.5px solid var(--tcz-ink)}.ds3 .s5-range:focus-visible{outline:2px solid var(--tcz-focus);outline-offset:2px}.ds3 .s5-props{display:grid;gap:var(--tcz-space-3)}.ds3 .s5-prop{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:var(--tcz-space-2);min-height:var(--tcz-ed-control-h)}.ds3 .s5-prop>.s2-seg{grid-column:2 / -1}.ds3 .s5-prop .s5-val{min-width:44px;text-align:right}.ds3 .s5-icon{padding:0}.ds3 .s5-icon svg{width:22px;height:22px}.ds3 .s5-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tcz-space-3) var(--tcz-space-2)}.ds3 .s5-tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tcz-space-1);padding:0;border:0;border-radius:var(--tcz-radius-card);background:none;color:var(--tcz-ink);text-align:center;cursor:pointer}.ds3 .s5-tile__sw{display:block;aspect-ratio:1;border-radius:var(--tcz-radius-card);overflow:hidden;background:var(--tcz-ed-stage);box-shadow:inset 0 0 0 1px var(--tcz-line);transition:box-shadow var(--tcz-dur-press) var(--tcz-ease),transform var(--tcz-dur-press) var(--tcz-ease)}.ds3 .s5-tile__sw svg{display:block;width:100%;height:100%}.ds3 .s5-tile__sw{position:relative}.ds3 .s5-tile__sw:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--tcz-line);pointer-events:none}.ds3 .s5-tile:hover .s5-tile__sw:after{box-shadow:inset 0 0 0 2px var(--tcz-ink),inset 0 0 0 4px var(--tcz-ed-card)}.ds3 .s5-tile:focus-visible{outline:2px solid var(--tcz-focus);outline-offset:2px}.ds3 .s5-tile[aria-current=true] .s5-tile__sw:after{box-shadow:inset 0 0 0 2px var(--tcz-ink),inset 0 0 0 4px var(--tcz-ed-card)}.ds3 .s5-tile__name{font:600 var(--tcz-fs-caption)/16px var(--tcz-font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds3 .s5-tile[aria-current=true]:after{content:"";position:absolute;z-index:1;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--tcz-ink);box-shadow:0 0 0 2px var(--tcz-ed-card)}.ds3 .s5-tile[aria-current=true]:before{content:"";position:absolute;z-index:2;top:10px;right:12.5px;width:4px;height:8px;border:solid var(--tcz-bone);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.ds3 .s5[aria-busy=true] .s5-tile,.ds3 .s5[aria-busy=true] .s5-shape{cursor:progress}.ds3 .s5-shapes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--tcz-space-1)}.ds3 .s5-shape{display:grid;place-items:center;aspect-ratio:1;min-height:var(--tcz-ed-control-h);padding:var(--tcz-space-2);border:1px solid var(--tcz-line);border-radius:var(--tcz-radius);background:var(--tcz-white);color:var(--tcz-graphite);cursor:pointer;transition:border-color var(--tcz-dur-press) var(--tcz-ease),color var(--tcz-dur-press) var(--tcz-ease)}.ds3 .s5-shape svg{width:100%;height:100%;fill:currentColor}.ds3 .s5-shape:hover{border-color:var(--tcz-ink);color:var(--tcz-ink)}.ds3 .s5-shape:focus-visible{outline:2px solid var(--tcz-focus);outline-offset:2px}.ds3 .s5-adds{margin:0}.ds3 .s5-own{display:grid;gap:var(--tcz-space-6)}.ds3 .s5-own:empty{display:none}.ds3 .s5-motif{display:flex;align-items:center;gap:var(--tcz-space-3);min-width:0}.ds3 .s5-motif__img{width:48px;height:48px}.ds3 .s5-reps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tcz-space-1)}.ds3 .s5-rep{display:grid;justify-items:center;align-content:center;gap:2px;min-height:60px;padding:var(--tcz-space-1) 2px;border:1px solid var(--tcz-line);border-radius:var(--tcz-radius);background:var(--tcz-white);color:var(--tcz-ink);font:600 var(--tcz-fs-caption)/16px var(--tcz-font-body);cursor:pointer;transition:background-color var(--tcz-dur-press) var(--tcz-ease),border-color var(--tcz-dur-press) var(--tcz-ease),color var(--tcz-dur-press) var(--tcz-ease)}.ds3 .s5-rep svg{width:40px;height:28px;color:var(--tcz-graphite)}.ds3 .s5-rep span{white-space:nowrap}.ds3 .s5-rep:hover{border-color:var(--tcz-ink)}.ds3 .s5-rep[aria-pressed=true]{background:var(--tcz-ink);border-color:var(--tcz-ink);color:var(--tcz-bone)}.ds3 .s5-rep[aria-pressed=true] svg{color:var(--tcz-bone)}.ds3 .s5-rep:focus-visible{outline:2px solid var(--tcz-focus);outline-offset:2px}.ds3 .s5-pad{display:flex;flex-wrap:wrap;gap:var(--tcz-space-1)}.ds3 .s5-padbtn{width:var(--tcz-ed-control-h);padding:0}.ds3 .s5-pad .s2-btn:last-child{flex:1 1 auto}.ds3 .s5-gridctl{display:grid;gap:var(--tcz-space-3)}.ds3 .s5-step{display:grid;grid-template-columns:minmax(0,1fr) auto 40px auto;align-items:center;gap:var(--tcz-space-2)}.ds3 .s5-step__n{font:600 var(--tcz-fs-small)/20px var(--tcz-font-body);text-align:center;font-variant-numeric:tabular-nums;color:var(--tcz-ink)}.ds3 .s5-gridsel{display:grid;grid-template-columns:1fr 1fr;gap:var(--tcz-space-2)}.ds3 .s5-gridctl .s2-btn[disabled]{opacity:.45;cursor:default}.ds3 .s5-gridctl .s5-note{margin:0}.ds3 .s5--insp{gap:var(--tcz-space-5)}.ds3 .s5--insp .s3k-lead{margin:0}.ds3 .s5--insp .s3k-acts{margin-top:0}@media(max-width:768px),(max-height:500px)and (pointer:coarse){.ds3 .s5-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ds3 .s5-ways{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--tcz-space-1)}.ds3 .s5-way{max-width:44px}.ds3 [data-s5-root=drawer]{gap:var(--tcz-space-3)}.ds3 [data-s5-root=drawer] .s5-now{gap:var(--tcz-space-2);padding:var(--tcz-space-2) var(--tcz-space-3)}.ds3 .s5-scope{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--tcz-space-3)}.ds3 .s5-scope .s5-note{grid-column:1 / -1;margin:0}}@media(pointer:coarse){.ds3 .s5-ways{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--tcz-space-1)}.ds3 .s5-way{max-width:44px;min-width:44px}.ds3 .s5-shapes{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.ds3 .s5-shape{min-height:44px}.ds3 .s5-step{grid-template-columns:minmax(0,1fr) 44px 40px 44px}textarea[data-fabric=textarea]{font-size:16px!important}}@media(prefers-reduced-motion:reduce){.ds3 .s5-way,.ds3 .s5-tile__sw,.ds3 .s5-shape,.ds3 .s5-rep{transition:none}}.ds3 .td-hint{display:grid;gap:var(--tcz-space-3);padding:var(--tcz-space-3);border:1px solid var(--tcz-line);border-radius:var(--tcz-radius-card);background:var(--tcz-white)}.ds3 .td-hint p{margin:0;font:400 var(--tcz-fs-small)/20px var(--tcz-font-body);color:var(--tcz-graphite)}.ds3 .td-hint strong{font-weight:600;color:var(--tcz-ink)}.ds3 .td-cbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tcz-space-2)}.ds3 .td-cbar[hidden]{display:none}.ds3 .td-cbar .s2-btn{justify-content:center;padding-inline:var(--tcz-space-1)}.ds3 .td-cbar .s2-btn:first-child{background:var(--tcz-ink);border-color:var(--tcz-ink);color:var(--tcz-bone)}.ds3 .td-tile[aria-current=true]{border-color:var(--tcz-ink);box-shadow:inset 0 0 0 1px var(--tcz-ink);color:var(--tcz-ink)}.ds3 .td-tile svg{overflow:visible}.ds3 .td-brushes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tcz-space-2)}.ds3 .td-brush{display:grid;justify-items:center;gap:var(--tcz-space-1);min-height:64px;padding:var(--tcz-space-2) 2px;border:1px solid var(--tcz-line);border-radius:var(--tcz-radius);background:var(--tcz-white);color:var(--tcz-ink);font:600 var(--tcz-fs-caption)/16px var(--tcz-font-body);cursor:pointer;transition:background-color var(--tcz-dur-press) var(--tcz-ease),border-color var(--tcz-dur-press) var(--tcz-ease),color var(--tcz-dur-press) var(--tcz-ease)}.ds3 .td-brush svg{width:100%;max-width:56px;height:24px;color:var(--tcz-graphite)}.ds3 .td-brush:hover{border-color:var(--tcz-ink)}.ds3 .td-brush[aria-pressed=true]{background:var(--tcz-ink);border-color:var(--tcz-ink);color:var(--tcz-bone)}.ds3 .td-brush[aria-pressed=true] svg{color:var(--tcz-bone)}.ds3 .td-brush:focus-visible{outline:2px solid var(--tcz-focus);outline-offset:2px}.ds3 .td-prop{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--tcz-space-1) var(--tcz-space-2)}.ds3 .td-prop .s5-range,.ds3 .td-prop .s2-seg{grid-column:1 / -1}.ds3 .td-prop .s5-val{font-variant-numeric:tabular-nums}.ds3 .td [data-td-props][hidden],.ds3 .td [data-td-ink][hidden]{display:none}.ds3 .td-pane{margin-bottom:var(--tcz-space-4)}@media(max-width:768px),(max-height:500px)and (pointer:coarse){.ds3 .td-brush{display:flex;justify-content:center;align-items:center;gap:var(--tcz-space-1);min-height:44px;padding:0 2px}.ds3 .td-brush svg{flex:none;width:28px;max-width:none;height:20px}}@media(prefers-reduced-motion:reduce){.ds3 .td-brush{transition:none}}.ds3 .tu-drop{display:grid;justify-items:center;gap:var(--tcz-space-2);padding:var(--tcz-space-5) var(--tcz-space-3) var(--tcz-space-3);border:1px dashed var(--tcz-line-strong);border-radius:var(--tcz-radius-card);background:var(--tcz-white);text-align:center}.ds3 .tu-drop>svg{width:32px;height:32px;color:var(--tcz-graphite)}.ds3 .tu-drop>p{margin:0;font:600 var(--tcz-fs-small)/20px var(--tcz-font-body);color:var(--tcz-ink)}.ds3 .tu-drop .s3-add{justify-content:center}.ds3 .tu-rows{display:grid;gap:var(--tcz-space-2);margin:0;padding:0;list-style:none}.ds3 .tu-details>summary{padding:calc((var(--tcz-ed-control-h) - 16px) / 2) 0;cursor:pointer;font:600 var(--tcz-fs-caption)/16px var(--tcz-font-body);color:var(--tcz-ink)}.ds3 .tu-row{display:grid;gap:var(--tcz-space-1);min-width:0;padding:var(--tcz-space-3);border:1px solid var(--tcz-line);border-radius:var(--tcz-radius-card);background:var(--tcz-white);font:400 var(--tcz-fs-caption)/16px var(--tcz-font-body);color:var(--tcz-graphite)}.ds3 .tu-row.is-err{border-left:3px solid var(--tcz-error)}.ds3 .tu-row strong{overflow:hidden;font:600 var(--tcz-fs-small)/20px var(--tcz-font-body);color:var(--tcz-ink);text-overflow:ellipsis;white-space:nowrap}.ds3 .tu-row progress{width:100%;height:4px;accent-color:var(--tcz-ink)}.ds3 .tu-row__a{display:flex;flex-wrap:wrap;gap:var(--tcz-space-2);margin-top:var(--tcz-space-1)}.ds3 [data-tu-q]{display:grid;gap:var(--tcz-space-3);margin-bottom:var(--tcz-space-4)}.ds3 [data-tu-q] .s2-hint{margin:0}.ds3 .s2-sw--more:focus-visible,.ds3 .s2-sw:focus-visible{outline:2px solid var(--tcz-focus);outline-offset:3px}.ds3 .s2-sw[data-s2-hex=""]{background:linear-gradient(45deg,transparent 43%,var(--tcz-error) 43% 57%,transparent 57%),var(--tcz-white)}.ds3 .s2-more{display:grid;gap:var(--tcz-space-3);padding:var(--tcz-space-3);border:1px solid var(--tcz-line);border-radius:var(--tcz-radius-card);background:var(--tcz-white)}.ds3 .s2-more[hidden],.ds3 .s2-more [data-cx-recent][hidden]{display:none}.ds3 .s2-more__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--tcz-space-2)}.ds3 .s2-more__named,.ds3 .s2-more [data-cx-recent],.ds3 .s2-hex{display:grid;gap:var(--tcz-space-1)}.ds3 .s2-hex__box{display:flex;align-items:center;width:112px;height:var(--tcz-ed-control-h);padding:0 var(--tcz-space-3);border:1px solid var(--tcz-line-strong);border-radius:var(--tcz-radius);background:var(--tcz-ed-card);font:500 var(--tcz-fs-small)/20px var(--tcz-font-body);color:var(--tcz-graphite)}.ds3 .s2-hex__box:focus-within{outline:2px solid var(--tcz-focus);outline-offset:2px}.ds3 .s2-hex__box:has(input[aria-invalid=true]){border-color:var(--tcz-error)}.ds3 .s2-hex__box input{flex:1;min-width:0;height:100%;padding:0 0 0 2px;border:0;outline:0;background:none;font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--tcz-ink)}.ds3 .s2-well{position:relative}.ds3 .s2-well:focus-within{outline:2px solid var(--tcz-focus);outline-offset:2px}.ds3 .s2-well input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.ds3 .s2-cx{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tcz-space-1) var(--tcz-space-2);margin:0;padding:var(--tcz-space-2) var(--tcz-space-2) var(--tcz-space-2) var(--tcz-space-3);border-left:3px solid var(--tcz-signal-deep);border-radius:0 var(--tcz-radius) var(--tcz-radius) 0;background:var(--tcz-bone);font:400 var(--tcz-fs-caption)/16px var(--tcz-font-body);color:var(--tcz-ink)}.ds3 .s2-cx[hidden]{display:none}.ds3 .s2-cx svg{width:18px;height:18px;flex:0 0 auto;color:var(--tcz-signal-deep)}.ds3 .s2-cx span{flex:1 1 140px;min-width:0}.ds3 .s2-cx--err{border-left-color:var(--tcz-error)}.ds3 .s2-insp:has([data-s2-pane]:not([hidden]) [data-cx-hint]:not([hidden])) .s2-warn[data-w=contrast]{display:none}.ds3 .s2-fillall{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--tcz-space-2)}.ds3 .s2-fillall[hidden]{display:none}@media(max-width:768px),(max-height:500px)and (pointer:coarse){.ds3 .s2-hex__box{width:128px}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/ds3-tools.css.map */