.cfg-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,52px);align-items:start}.cfg-controls{display:grid;gap:1.5rem}.cfg-block{display:grid;gap:.7rem}.cfg-label{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.cfg-hint,.cfg-note{font-size:.8rem;color:var(--ink-faint);margin:0}.order-alt{display:block;text-align:center;font-size:.82rem;color:var(--clay);font-weight:500;margin-top:.2rem}.order-alt:hover{text-decoration:underline}.seg{display:inline-flex;background:var(--paper-2);border-radius:100px;padding:4px;gap:2px;width:-moz-fit-content;width:fit-content}.seg.wrap-seg{flex-wrap:wrap;border-radius:16px}.seg-btn{padding:.55rem 1.05rem;border-radius:100px;font-size:.85rem;font-weight:500;color:var(--ink-soft);transition:.3s var(--ease);white-space:nowrap}.seg-btn.is-on{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm)}.ctrl-input{font:inherit;font-size:1rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);width:100%}.ctrl-input:focus{outline:none;border-color:var(--clay);box-shadow:0 0 0 4px #be5a381f}.dog-row{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm)}.dog-row+.dog-row{margin-top:.9rem}.dog-row-head{font-family:var(--serif);font-size:1.05rem;margin-bottom:.7rem;color:var(--clay)}.dog-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.field-mini{display:grid;gap:.35rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.field-mini input,.field-mini select{font:inherit;font-size:.95rem;text-transform:none;letter-spacing:0;padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);width:100%}.field-mini input:focus,.field-mini select:focus{outline:none;border-color:var(--clay);box-shadow:0 0 0 4px #be5a381f}.upload{display:block;margin-top:.8rem;text-align:center;border:1.5px dashed var(--line);border-radius:8px;padding:.7rem;font-size:.82rem;font-weight:500;color:var(--clay);cursor:pointer;transition:.3s var(--ease)}.upload:hover{border-color:var(--clay);background:#be5a380a}.cfg-preview{position:sticky;top:96px}.frame-scene{border-radius:var(--r-lg);overflow:hidden;padding:clamp(28px,5vw,52px) clamp(20px,4vw,44px);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:470px;position:relative;transition:background .5s var(--ease)}.frame-scene[data-scene=wall]{background:linear-gradient(175deg,#efe1d5,#e4cfbf)}.frame-scene[data-scene=shelf]{background:linear-gradient(180deg,#efe1d5,#eadbcb)}.frame-scene[data-scene=gift]{background:linear-gradient(175deg,#f1e7dd,#e8d8ca)}.scene-hook{display:none}.frame-scene[data-scene=wall] .scene-hook{display:block;position:absolute;top:8%;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9a8a78,#5f5346);box-shadow:0 2px 3px #00000059;z-index:6}.frame{background:linear-gradient(135deg,#5c4834,#2c2118);padding:clamp(16px,2.1vw,26px);border-radius:5px;max-width:380px;width:100%;position:relative;z-index:4;box-shadow:0 24px 44px -18px #321e0f99,inset 0 0 0 2px #ffffff1a,inset 0 0 0 7px #00000047}.frame:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.14);border-radius:2px;pointer-events:none}.frame-mat{background:linear-gradient(#fff,#f6efe6);padding:clamp(20px,3vw,30px);box-shadow:inset 0 2px 12px #00000024;border-radius:1px}.scene-base{display:none;position:relative;z-index:5}.scene-base .scene-bow{display:none}.frame-scene[data-scene=shelf] .scene-base{display:block;width:88%;height:16px;background:linear-gradient(#cd9f6f,#7c5533);border-radius:3px 3px 4px 4px;box-shadow:0 16px 22px -10px #00000080,inset 0 2px #ffffff47}.frame-scene[data-scene=gift] .scene-base{display:block;width:58%;min-height:120px;background:linear-gradient(#d99fb4,#bd7c94);border-radius:5px;box-shadow:0 22px 28px -12px #0000006b}.frame-scene[data-scene=gift] .scene-base:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:26px;background:linear-gradient(90deg,#a8455f,#d47d95,#a8455f)}.frame-scene[data-scene=gift] .scene-base .scene-bow{display:block;position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:2.2rem;z-index:2}.dog-stage{display:flex;justify-content:center;align-items:flex-end;gap:6%;min-height:150px}.dog-fig{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:130px}.dog-stage[data-n="1"] .dog-fig{max-width:200px}.dog-ph{width:100%;aspect-ratio:1;border-radius:16px;background:linear-gradient(150deg,var(--paper-2),var(--paper-3));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--clay);box-shadow:inset 0 0 0 1px #7850320f;cursor:pointer;transition:.3s var(--ease)}.dog-ph:hover{background:linear-gradient(150deg,var(--paper-3),var(--paper-2));box-shadow:inset 0 0 0 2px var(--clay)}.dog-ph svg{width:42%;height:auto;opacity:.55}.dog-ph em{font-style:normal;font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}.dog-sil{width:100%;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;min-height:150px}.dog-sil img{max-width:100%;max-height:200px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.12));transition:transform .3s var(--ease)}.dog-sil:hover img{transform:scale(1.03)}.dog-stage[data-n="1"] .dog-sil img{max-height:240px}.dog-photo{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #3c281c40}.dog-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dog-name{font-family:var(--serif);font-size:clamp(1rem,2.4vw,1.4rem);color:var(--ink)}.cfg-summary{text-align:center;margin-top:1.1rem;font-size:.86rem;color:var(--ink-faint)}.sframe{padding:clamp(16px,2.2vw,26px);border-radius:5px;max-width:400px;width:100%;box-shadow:0 24px 44px -18px #321e0f80,inset 0 0 0 3px #ffffff24;transition:background .4s var(--ease)}.sframe.pink{background:linear-gradient(145deg,#f0a9c2,#e07fa0)}.sframe.lilac{background:linear-gradient(145deg,#cbb7e2,#b39ad6)}.sframe.black{background:linear-gradient(145deg,#3a3330,#1e1a17)}.sframe.white{background:linear-gradient(145deg,#fff,#e7e0d6)}.sframe.natural{background:linear-gradient(145deg,#cda274,#a97c4e)}.smat{background:var(--paper);border-radius:2px;padding:clamp(22px,3vw,34px) clamp(14px,2vw,22px);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:inset 0 2px 12px #0000001a}.smat.bg-plain{background:var(--paper)}.smat.bg-hearts{background-color:#fdeef2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ctext x='6' y='22' font-size='16' fill='%23f2c2d0'%3E%E2%99%A5%3C/text%3E%3C/svg%3E")}.smat.bg-stars{background-color:#fbf7ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ctext x='6' y='22' font-size='16' fill='%23ecd39a'%3E%E2%98%85%3C/text%3E%3C/svg%3E")}.smat.bg-dots{background-color:#f6f0e7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='6' cy='6' r='2.4' fill='%23e6d3c4'/%3E%3Ccircle cx='18' cy='18' r='2.4' fill='%23e6d3c4'/%3E%3C/svg%3E")}.tile-row{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.tile{width:clamp(26px,3.2vw,38px);height:clamp(26px,3.2vw,38px);border-radius:5px;background:linear-gradient(155deg,#f8ecd6,#e8d2ae);box-shadow:0 2px 4px #5a3c1e47,inset 0 1px #fff9;display:flex;align-items:center;justify-content:center;position:relative;font-family:var(--serif);font-weight:600;font-size:clamp(.9rem,1.6vw,1.25rem);color:#5b4630}.tile small{position:absolute;right:3px;bottom:1px;font-size:.46rem;font-family:var(--sans);font-weight:600;opacity:.7}.tile-grid{position:relative}.tile-grid .tile small{right:2px;bottom:0}.sdate{margin-top:1rem;font-family:var(--serif);font-size:clamp(1.1rem,2vw,1.5rem);letter-spacing:.06em;color:var(--clay)}.strap-scene{border-radius:var(--r-lg);background:radial-gradient(120% 100% at 50% 0%,#f2e4db,#e7d3c6);min-height:300px;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,44px)}.strap{--bs:32px;display:flex;align-items:center;justify-content:center;gap:calc(var(--bs)*.16);flex-wrap:nowrap;position:relative;max-width:100%}.strap:before{content:"";position:absolute;left:2%;right:2%;top:50%;height:3px;background:#7850324d;z-index:0;border-radius:2px}.strap>*{position:relative;z-index:1;flex:0 0 auto}.lbead{width:var(--bs);height:var(--bs);border-radius:calc(var(--bs)*.2);background:linear-gradient(155deg,#fff,#e9e4dc);box-shadow:inset 0 -2px 4px #00000024,0 2px 4px #5a3c1e40;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;color:#2b2420;font-size:calc(var(--bs)*.56)}.rbead{width:calc(var(--bs)*.72);height:calc(var(--bs)*.72);border-radius:50%;box-shadow:inset 0 -3px 5px #00000038,inset 0 2px 3px #ffffff59,0 2px 4px #5a3c1e33}.rbead.spacer{width:calc(var(--bs)*.5);height:calc(var(--bs)*.5);background:linear-gradient(155deg,#f4ede1,#e0d3c1)}.rbead.charm{background:linear-gradient(140deg,var(--clay),var(--rose));display:flex;align-items:center;justify-content:center;color:#fff;font-size:calc(var(--bs)*.48);width:calc(var(--bs)*.85);height:calc(var(--bs)*.85)}.clip{width:calc(var(--bs)*.9);height:calc(var(--bs)*.56);border-radius:4px;background:linear-gradient(#cbb7e2,#a98fce);box-shadow:0 2px 4px #5a3c1e40;position:relative}.clip:after{content:"";position:absolute;left:22%;top:50%;transform:translateY(-50%);width:34%;height:34%;border:1.5px solid rgba(255,255,255,.7);border-radius:2px}.loop{width:calc(var(--bs)*.62);height:calc(var(--bs)*.62);border-radius:50%;border:3px solid rgba(120,80,50,.42);background:transparent}.order-modal{position:fixed;inset:0;z-index:1000;background:#2b24208c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.order-modal[hidden]{display:none}.order-box{background:var(--paper);border-radius:var(--r-lg);max-width:440px;width:100%;max-height:92vh;overflow:auto;padding:clamp(20px,4vw,32px);position:relative;box-shadow:var(--shadow-lg)}.order-close{position:absolute;top:10px;right:12px;font-size:1.7rem;line-height:1;color:var(--ink-faint);width:34px;height:34px;border-radius:50%}.order-close:hover{background:var(--paper-2);color:var(--ink)}.order-preview{background:var(--paper-2);border-radius:var(--r-md);padding:10px;display:flex;align-items:center;justify-content:center;min-height:130px}.order-preview img{max-width:100%;max-height:300px;border-radius:6px}.order-preview img.loading{opacity:0}.order-preview img:not([src]){display:none}.order-form{display:grid;gap:.7rem}.order-form label{display:grid;gap:.3rem;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.order-form input,.order-form textarea{font:inherit;font-size:.95rem;text-transform:none;letter-spacing:0;padding:.6rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);width:100%}.order-form input:focus,.order-form textarea:focus{outline:none;border-color:var(--clay);box-shadow:0 0 0 4px #be5a381f}.order-note{font-size:.78rem;color:var(--ink-faint);text-align:center;margin-top:.8rem}@media (max-width:860px){.cfg-grid{grid-template-columns:1fr}.cfg-preview{position:static;order:-1}}