.placeholder-images-module__ZdMzWa__page{color:var(--text)}.placeholder-images-module__ZdMzWa__workspace{flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""settings""gallery";gap:12px;min-height:0;padding:12px;display:grid}.placeholder-images-module__ZdMzWa__settings{grid-area:settings}.placeholder-images-module__ZdMzWa__preview{grid-area:preview}.placeholder-images-module__ZdMzWa__gallery{grid-area:gallery}.placeholder-images-module__ZdMzWa__settingsBody{scrollbar-width:thin;flex:1;align-content:start;gap:20px;min-height:0;padding:16px 16px 0;display:grid}.placeholder-images-module__ZdMzWa__group{gap:8px;min-width:0;display:grid}.placeholder-images-module__ZdMzWa__segFull .tseg{width:100%;display:flex}.placeholder-images-module__ZdMzWa__segFull .tseg button{flex:1 1 0;justify-content:center;min-width:0;padding:0 6px}.placeholder-images-module__ZdMzWa__dimensions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px;margin-top:4px;display:grid}.placeholder-images-module__ZdMzWa__dimensions .placeholder-images-module__ZdMzWa__swap{min-width:34px;height:38px}.placeholder-images-module__ZdMzWa__unit{display:block;position:relative}.placeholder-images-module__ZdMzWa__unit input{appearance:textfield;font-variant-numeric:tabular-nums;padding-right:34px}.placeholder-images-module__ZdMzWa__unit input::-webkit-inner-spin-button{appearance:none;margin:0}.placeholder-images-module__ZdMzWa__unit input::-webkit-outer-spin-button{appearance:none;margin:0}.placeholder-images-module__ZdMzWa__unit span{color:var(--outline);pointer-events:none;font-size:.78125rem;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.placeholder-images-module__ZdMzWa__colorBox{border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;align-items:center;gap:9px;min-width:0;height:38px;padding:0 11px 0 5px;transition:border-color .14s,box-shadow .14s;display:flex}.placeholder-images-module__ZdMzWa__colorBox:hover{border-color:var(--outline)}.placeholder-images-module__ZdMzWa__colorBox:focus-within{border-color:var(--tone);box-shadow:0 0 0 3px var(--tone-ring)}.placeholder-images-module__ZdMzWa__swatch{cursor:pointer;appearance:none;background:0 0;border:0;border-radius:6px;flex:none;width:28px;height:28px;padding:0}.placeholder-images-module__ZdMzWa__swatch::-webkit-color-swatch-wrapper{padding:0}.placeholder-images-module__ZdMzWa__swatch::-webkit-color-swatch{border:1px solid #0c163724;border-radius:6px}.placeholder-images-module__ZdMzWa__swatch::-moz-color-swatch{border:1px solid #0c163724;border-radius:6px}.placeholder-images-module__ZdMzWa__hex{min-width:0;height:100%;color:var(--text);font-family:var(--font-mono), monospace;letter-spacing:.02em;text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:.8125rem}.placeholder-images-module__ZdMzWa__pick{align-items:center;gap:8px;min-width:0;display:flex}.placeholder-images-module__ZdMzWa__pick select{flex:1;min-width:0}.placeholder-images-module__ZdMzWa__pick .tbtn{min-width:38px;height:38px}.placeholder-images-module__ZdMzWa__thumb{border:1px solid var(--border);background:var(--surface-high);object-fit:cover;border-radius:8px;flex:none;width:58px;height:38px}.placeholder-images-module__ZdMzWa__pickTitle{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;font-weight:500;overflow:hidden}.placeholder-images-module__ZdMzWa__more{border-top:1px solid var(--border);margin:0 -16px}.placeholder-images-module__ZdMzWa__more summary{height:48px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:0 16px;font-size:.875rem;font-weight:600;list-style:none;display:flex}.placeholder-images-module__ZdMzWa__more summary::-webkit-details-marker{display:none}.placeholder-images-module__ZdMzWa__more summary:hover{background:var(--surface-low)}.placeholder-images-module__ZdMzWa__more summary:focus-visible{outline:2px solid var(--tone);outline-offset:-2px}.placeholder-images-module__ZdMzWa__more summary .icon{width:17px;height:17px;color:var(--muted)}.placeholder-images-module__ZdMzWa__more summary .placeholder-images-module__ZdMzWa__moreCaret{stroke-width:2px;width:15px;height:15px;transition:transform .16s var(--ease);margin-left:auto}.placeholder-images-module__ZdMzWa__more[open] summary .placeholder-images-module__ZdMzWa__moreCaret{transform:rotate(90deg)}.placeholder-images-module__ZdMzWa__moreBody{gap:18px;padding:6px 16px 18px;display:grid}.placeholder-images-module__ZdMzWa__group textarea.placeholder-images-module__ZdMzWa__label{min-height:64px}.placeholder-images-module__ZdMzWa__rangeField{gap:6px;display:grid}.placeholder-images-module__ZdMzWa__rangeHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.placeholder-images-module__ZdMzWa__rangeHead output{background:var(--surface-high);min-width:44px;color:var(--text);font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;padding:3px 7px;font-size:.75rem}.placeholder-images-module__ZdMzWa__range{cursor:pointer;appearance:none;background:0 0;width:100%;height:20px;margin:0}.placeholder-images-module__ZdMzWa__range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tone) var(--fill), var(--border) var(--fill));border-radius:999px;height:4px}.placeholder-images-module__ZdMzWa__range::-webkit-slider-thumb{border:1px solid var(--border-strong);appearance:none;background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-6px;transition:box-shadow .14s,border-color .14s;box-shadow:0 1px 3px #0c163733}.placeholder-images-module__ZdMzWa__range::-moz-range-track{background:var(--border);border-radius:999px;height:4px}.placeholder-images-module__ZdMzWa__range::-moz-range-progress{background:var(--tone);border-radius:999px;height:4px}.placeholder-images-module__ZdMzWa__range::-moz-range-thumb{border:1px solid var(--border-strong);background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0c163733}.placeholder-images-module__ZdMzWa__range:focus-visible{outline:none}.placeholder-images-module__ZdMzWa__range:focus-visible::-webkit-slider-thumb{border-color:var(--tone);box-shadow:0 0 0 4px var(--tone-ring)}.placeholder-images-module__ZdMzWa__range:focus-visible::-moz-range-thumb{border-color:var(--tone);box-shadow:0 0 0 4px var(--tone-ring)}.placeholder-images-module__ZdMzWa__state{margin-left:auto;margin-right:6px;font-size:.78125rem}.placeholder-images-module__ZdMzWa__canvas{background:repeating-conic-gradient(#eff2f7 0% 25%,#fff 0% 50%) 50%/20px 20px;justify-content:center;align-items:center;height:clamp(240px,62vw,440px);min-height:0;padding:24px;display:flex;position:relative;overflow:hidden}.placeholder-images-module__ZdMzWa__image{object-fit:contain;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;transition:opacity .16s;display:block;box-shadow:0 1px 2px #0c163714,0 14px 34px -18px #0c163766}.placeholder-images-module__ZdMzWa__imageBusy{opacity:.82}.placeholder-images-module__ZdMzWa__canvasNote{background:var(--surface);color:var(--muted);border-radius:12px;justify-items:center;gap:8px;padding:16px 20px;font-size:.84375rem;font-weight:500;display:grid}.placeholder-images-module__ZdMzWa__canvasNote .icon{width:24px;height:24px;color:var(--danger)}.placeholder-images-module__ZdMzWa__embed{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.placeholder-images-module__ZdMzWa__urlBox{border:1px solid var(--border);background:var(--surface-low);border-radius:10px;flex:100%;align-items:center;gap:2px;min-width:0;height:38px;padding:0 3px 0 5px;transition:border-color .14s,background-color .14s,box-shadow .14s;display:flex}.placeholder-images-module__ZdMzWa__urlBox:focus-within{border-color:var(--tone);background:var(--surface);box-shadow:0 0 0 3px var(--tone-ring)}.placeholder-images-module__ZdMzWa__badge{background:var(--tone-panel);color:var(--tone-strong);letter-spacing:.04em;border-radius:6px;flex:none;padding:5px 7px;font-size:.6875rem;font-weight:700;line-height:1}.placeholder-images-module__ZdMzWa__url{min-width:0;height:100%;color:var(--text);font-family:var(--font-mono), monospace;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;padding:0 6px 0 8px;font-size:.78125rem}.placeholder-images-module__ZdMzWa__urlBox .tbtn{border-radius:7px;min-width:30px;height:30px}.placeholder-images-module__ZdMzWa__urlBox .tbtn .icon{width:17px;height:17px}.placeholder-images-module__ZdMzWa__embed .tbtn-primary{flex:auto;height:38px}.placeholder-images-module__ZdMzWa__gallery select.placeholder-images-module__ZdMzWa__filter{border-radius:8px;width:auto;height:32px;padding-left:10px;font-size:.8125rem}.placeholder-images-module__ZdMzWa__gallery .placeholder-images-module__ZdMzWa__useCategory{height:32px;margin-right:2px}.placeholder-images-module__ZdMzWa__stripNav{display:contents}.placeholder-images-module__ZdMzWa__back .icon{transform:rotate(180deg)}.placeholder-images-module__ZdMzWa__strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:12px;scroll-padding:0 12px;overflow:auto hidden}.placeholder-images-module__ZdMzWa__track{gap:10px;width:max-content;display:flex}.placeholder-images-module__ZdMzWa__card{scroll-snap-align:start;flex:none;width:148px;position:relative}.placeholder-images-module__ZdMzWa__cardPick{aspect-ratio:16/9;background:var(--surface-high);cursor:pointer;border:0;border-radius:10px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.placeholder-images-module__ZdMzWa__cardPick:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0c163714}.placeholder-images-module__ZdMzWa__cardPick img{object-fit:cover;width:100%;height:100%;transition:transform .32s var(--ease);display:block}.placeholder-images-module__ZdMzWa__cardPick:hover img{transform:scale(1.05)}.placeholder-images-module__ZdMzWa__cardPick:focus-visible,.placeholder-images-module__ZdMzWa__cardSelected .placeholder-images-module__ZdMzWa__cardPick{outline:2px solid var(--tone);outline-offset:2px}.placeholder-images-module__ZdMzWa__cardTitle{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#080c1800,#080c18bd);padding:20px 9px 7px;font-size:.75rem;font-weight:500;line-height:1.2;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.placeholder-images-module__ZdMzWa__cardCheck{background:var(--tone);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:6px;left:6px;box-shadow:0 1px 3px #080c184d}.placeholder-images-module__ZdMzWa__cardCheck .icon{stroke-width:2.6px;width:12px;height:12px}.placeholder-images-module__ZdMzWa__card .placeholder-images-module__ZdMzWa__cardCopy{min-width:28px;height:28px;color:var(--text);opacity:0;background:#fffffff0;border-radius:7px;transition:opacity .12s,background-color .12s;position:absolute;top:6px;right:6px;box-shadow:0 1px 3px #080c1833}.placeholder-images-module__ZdMzWa__card .placeholder-images-module__ZdMzWa__cardCopy .icon{width:15px;height:15px}.placeholder-images-module__ZdMzWa__card:hover .placeholder-images-module__ZdMzWa__cardCopy,.placeholder-images-module__ZdMzWa__card:focus-within .placeholder-images-module__ZdMzWa__cardCopy{opacity:1}.placeholder-images-module__ZdMzWa__card .placeholder-images-module__ZdMzWa__cardCopy:hover:not(:disabled){color:var(--tone);background:#fff}@media (hover:none){.placeholder-images-module__ZdMzWa__card .placeholder-images-module__ZdMzWa__cardCopy{opacity:1}}.placeholder-images-module__ZdMzWa__loadMore{border:1px dashed var(--border-strong);min-width:112px;color:var(--tone);cursor:pointer;font-family:var(--font-sans), sans-serif;background:0 0;border-radius:10px;flex:none;place-content:center;justify-items:center;gap:6px;padding:0 14px;font-size:.8125rem;font-weight:500;transition:border-color .14s,background-color .14s;display:grid}.placeholder-images-module__ZdMzWa__loadMore .icon{width:18px;height:18px}.placeholder-images-module__ZdMzWa__loadMore:hover{border-color:var(--tone);background:var(--tone-panel)}.placeholder-images-module__ZdMzWa__loadMore:focus-visible{outline:2px solid var(--tone);outline-offset:2px}.placeholder-images-module__ZdMzWa__reference{min-width:300px;margin:0;padding:0 4px 4px;display:grid}.placeholder-images-module__ZdMzWa__reference div{border-top:1px solid var(--border);grid-template-columns:132px minmax(0,1fr);gap:10px;padding:7px 6px;display:grid}.placeholder-images-module__ZdMzWa__reference div:first-child{border-top:0}.placeholder-images-module__ZdMzWa__reference dt{color:var(--text);white-space:nowrap;font-family:var(--font-mono), monospace;font-size:.75rem}.placeholder-images-module__ZdMzWa__reference dd{color:var(--muted);margin:0;font-size:.78125rem}@media (max-width:899px){.placeholder-images-module__ZdMzWa__stripNav{display:none}.placeholder-images-module__ZdMzWa__gallery select.placeholder-images-module__ZdMzWa__filter{flex:auto;min-width:0;max-width:180px}}@media (min-width:640px){.placeholder-images-module__ZdMzWa__urlBox{flex-basis:0}.placeholder-images-module__ZdMzWa__embed .tbtn-primary{flex:none}}@media (min-width:900px){.placeholder-images-module__ZdMzWa__workspace{grid-template:"settings preview"minmax(0,1fr)"settings gallery"/340px minmax(0,1fr)}.placeholder-images-module__ZdMzWa__settings,.placeholder-images-module__ZdMzWa__preview{min-height:0}.placeholder-images-module__ZdMzWa__settingsBody{overflow-y:auto}.placeholder-images-module__ZdMzWa__canvas{flex:1;height:auto}.placeholder-images-module__ZdMzWa__card{width:160px}}@media (min-width:1280px){.placeholder-images-module__ZdMzWa__workspace{grid-template-columns:360px minmax(0,1fr)}}