.pattern-studio{background:#fcf8ef;color:#48303c;padding-top:48px}.pattern-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.pattern-heading h1{font-size:clamp(32px,4vw,56px);line-height:1.2;margin:12px 0}.pattern-heading p{line-height:1.7}.pattern-workspace{display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,1.05fr);gap:48px;align-items:start}.pattern-controls fieldset{border:0;padding:0;margin:0 0 30px}.pattern-controls legend{font-weight:700;margin-bottom:16px}.pattern-controls input[type=search]{width:100%;padding:12px 16px;border:1px solid #d8c3c5;border-radius:12px;margin-bottom:12px;background:white}.dog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:570px;overflow:auto;padding:3px 5px 12px 3px;scrollbar-width:thin}.dog-choice{position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 5px 12px;border:2px solid transparent;background:white;border-radius:16px;cursor:pointer;transition:transform 140ms cubic-bezier(.23,1,.32,1);font-weight:600}.dog-choice img{width:100%;height:112px;object-fit:contain}.dog-choice input{position:absolute;left:10px;top:10px;accent-color:#9f455f}.dog-choice:has(input:checked){border-color:#a44763;background:#fff4f6}.dog-choice:has(input:focus-visible){outline:3px solid #206f70;outline-offset:2px}.dog-choice small{font-size:10px;color:#82604e;margin-top:3px}.pattern-options{display:flex;gap:10px;flex-wrap:wrap}.pattern-options label{display:flex;align-items:center;gap:8px;border:1px solid #d8c3c5;border-radius:30px;padding:12px 15px;cursor:pointer;background:white;min-height:44px}.pattern-options label:has(input:checked){border-color:#a44763;background:#f6e4e7}.pattern-options input{accent-color:#9f455f}.pattern-options i{width:17px;height:17px;border-radius:50%;border:1px solid #0002}.pattern-result{position:sticky;top:28px}.pattern-swatch{aspect-ratio:1.17;border-radius:26px;position:relative;overflow:hidden;border:1px solid #decbd0;box-shadow:0 15px 40px #68434b0c}.pattern-swatch.striped{background-image:repeating-linear-gradient(90deg,transparent 0 23px,#ffffff88 23px 46px)}.pattern-tiles{display:grid;grid-template-columns:repeat(4,1fr);height:100%;padding:22px 16px 38px;gap:16px 6px;mix-blend-mode:multiply}.pattern-tiles img{width:100%;height:100%;min-height:0;object-fit:contain;opacity:1;transition:opacity 180ms cubic-bezier(.23,1,.32,1)}.swatch-tag{position:absolute;bottom:12px;right:18px;letter-spacing:2px;font-size:9px;color:#634950}.pattern-caption h2{font-size:21px;margin:22px 0 10px}.pattern-caption p,.pattern-caption small{font-size:12px;line-height:1.7;color:#806b72}.pattern-real{display:flex;gap:20px;align-items:center;padding:16px;background:#fff;border:1px solid #d8c3c5;border-radius:18px;text-decoration:none;color:inherit;margin:20px 0 8px}.pattern-real>img{width:100px;height:120px;object-fit:cover;border-radius:10px}.pattern-real>span{display:grid;gap:12px}.pattern-real small{color:#916271}.pattern-unmade{padding:18px;background:#f3e9e4;border-radius:14px;font-size:13px;line-height:1.7;margin:20px 0}.pattern-consent{display:flex!important;align-items:start;gap:10px;font-size:12px;line-height:1.7}.pattern-consent input{width:auto!important;margin-top:5px}.pattern-studio button:disabled{opacity:.5;cursor:not-allowed}.pattern-studio [role=status]{font-size:12px;line-height:1.7}.pattern-receipt{display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #eadcdb;font-size:12px}.motif-admin-list{display:grid;gap:8px;margin-top:18px}.motif-admin-item{display:flex;width:100%;align-items:center;gap:18px;text-align:left;padding:12px;border:1px solid #dfcbd0;border-radius:12px;background:#fff}.motif-admin-item img{width:65px;height:75px;object-fit:contain}.motif-admin-item>span:nth-child(2){display:grid;gap:8px;flex:1}.motif-admin-item small{color:#806b72}.motif-edit-photo{width:140px;height:160px;object-fit:contain}.preference-row{border:1px solid #dfcbd0;border-radius:15px;padding:18px;margin:15px 0}.preference-summary{max-height:260px;overflow:auto}.pattern-studio button,.pattern-real{transition:transform 140ms cubic-bezier(.23,1,.32,1)}.pattern-studio button:active,.dog-choice:active,.pattern-real:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.dog-choice:hover{transform:translateY(-2px)}}
@media(max-width:760px){.pattern-workspace{grid-template-columns:1fr;gap:22px}.pattern-heading{display:block}.pattern-result{position:static}.dog-list{max-height:330px;grid-template-columns:repeat(3,minmax(0,1fr))}.dog-choice img{height:95px}.pattern-studio{padding:30px 20px}.pattern-swatch{aspect-ratio:1.12}.pattern-controls fieldset{margin-bottom:24px}}
html[data-input=keyboard] .pattern-studio *,html[data-input=keyboard] .pattern-real{transition:none!important;animation:none!important}html[data-input=keyboard] .dog-choice:active,html[data-input=keyboard] .pattern-studio button:active{transform:none}
@media(prefers-reduced-motion:reduce){.pattern-studio *,.pattern-real{transition:none!important;animation:none!important}.dog-choice:hover,.dog-choice:active,.pattern-studio button:active,.pattern-real:active{transform:none!important}}

body.quiet .pattern-studio *{transition:none!important;animation:none!important} body.quiet .pattern-studio button:active,body.quiet .dog-choice:hover,body.quiet .dog-choice:active{transform:none!important}

.pattern-studio .shop-form{display:grid;gap:14px}.pattern-studio .shop-form>label{display:grid;gap:8px;font-size:13px}.pattern-studio textarea{width:100%;padding:13px 16px;border:1px solid #d8c3c5;border-radius:14px;background:#fff;min-height:88px;resize:vertical;font:inherit}.pattern-studio input:focus-visible,.pattern-studio textarea:focus-visible{outline:2px solid #206f70;outline-offset:3px}.pattern-consent input{min-height:16px;min-width:16px}

/* Expanded palette and fabric grounds */
.pattern-color-group{width:100%}.pattern-color-group h3{font-size:12px;color:#806b72;margin:4px 0 10px}.pattern-color-row{display:flex;flex-wrap:wrap;gap:8px}.pattern-color-row label{padding:10px 12px;gap:6px}.pattern-color-row input{margin:0}.pattern-color-row i{width:21px;height:21px}.pattern-swatch[data-layout=solid]{background-image:none}.pattern-swatch[data-layout=stripe]{background-image:repeating-linear-gradient(90deg,transparent 0 10px,#ffffff88 10px 20px)}.pattern-swatch[data-layout=wide]{background-image:repeating-linear-gradient(90deg,transparent 0 38px,#ffffff88 38px 76px)}.pattern-swatch[data-layout=diagonal]{background-image:repeating-linear-gradient(135deg,transparent 0 15px,#ffffff88 15px 30px)}.dark-ground .pattern-tiles{mix-blend-mode:normal}.dark-ground .pattern-tiles img{border-radius:10px}.dark-ground .swatch-tag{color:#fff;background:#202025;padding:3px 7px;border-radius:4px}

/* Ground -> tiny accents -> dog artwork, with no blending over the dogs. */
.pattern-swatch{isolation:isolate}.pattern-tiles{position:absolute;inset:0;display:block;height:auto;padding:0;mix-blend-mode:normal;z-index:2}.pattern-tiles img{position:absolute;width:14%;height:18%;object-fit:contain;max-width:none;transform-origin:center}.pattern-accents{position:absolute;inset:0;z-index:1;pointer-events:none}.pattern-accents img{position:absolute;width:6%;height:7%;object-fit:contain}.swatch-tag{z-index:3}.accent-field>p{font-size:12px;line-height:1.7;color:#806b72}.accent-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:340px;overflow:auto;padding:4px}.accent-options label{position:relative;display:grid;place-items:center;border:1px solid #d8c3c5;border-radius:12px;background:#fff;padding:8px 3px;cursor:pointer;min-height:88px}.accent-options input{position:absolute;top:6px;left:6px;accent-color:#a44763}.accent-options img{width:46px;height:46px;object-fit:contain}.accent-options span{font-size:11px}.accent-options label:has(input:checked){border:2px solid #a44763;background:#fff4f6}.accent-options label:has(input:focus-visible){outline:2px solid #206f70;outline-offset:2px}@media(max-width:760px){.accent-options{grid-template-columns:repeat(4,minmax(0,1fr))}}

.accent-type-title{font-size:12px;font-weight:600;color:#806b72;margin:18px 0 8px}.symbol-options{max-height:none}

.pattern-toggle{display:flex;align-items:center;gap:9px;font-size:13px;margin:0 0 16px;min-height:44px}.pattern-toggle input{accent-color:#a44763;width:18px;height:18px}

.density-panel{background:#faf6f1;border:1px solid #e7ddd5!important;border-radius:18px;padding:22px!important}.density-panel>p{font-size:12px;color:#806b72;line-height:1.7;margin:0 0 24px}.density-panel>label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:20px}.density-panel output{color:#9c4660;font-size:12px}.density-panel input[type=range]{width:100%;height:44px;margin:4px 0 0;accent-color:#a44763;cursor:pointer}.density-panel input:disabled{opacity:.35;cursor:default}.density-scale{display:flex;justify-content:space-between;font-size:11px;color:#897b7b}.density-panel button{margin-top:18px}.density-panel input:focus-visible{outline:2px solid #206f70;outline-offset:3px;border-radius:6px}

.pattern-feedback{border-top:1px solid #e6d8d6;padding-top:18px;margin-top:20px}.pattern-feedback>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;cursor:pointer;font-size:13px;color:#6d515b}.pattern-feedback>summary span{font-size:11px;color:#927a83}.pattern-feedback[open]>summary{margin-bottom:18px}.pattern-feedback>summary:focus-visible{outline:2px solid #206f70;outline-offset:4px;border-radius:4px}