.design-wrap{max-width:1600px;margin:0 auto;padding:56px 20px 72px}.design-hero{text-align:center;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.02em;margin:0 0 22px;color:#111827}.design-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}@media (max-width:1200px){.design-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:980px){.design-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.design-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.design-grid{grid-template-columns:1fr}}.design-filter{display:flex;justify-content:flex-end;margin:0 auto 26px;max-width:1200px;width:100%}.design-filter input{flex:0 1 320px;padding:10px 14px;border:1.6px solid #e5e7eb;border-radius:12px;font-size:.96rem;transition:border-color .2s,box-shadow .2s}.design-filter input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.2)}.design-card{background:none;border:none;box-shadow:none;text-align:center;transition:transform .18s ease}.design-card:hover{transform:translateY(-4px)}.design-card-link{display:block;width:100%;padding:0;margin:0;background:transparent;border:0;color:inherit;text-align:inherit;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none}.design-card-link::-moz-focus-inner{border:0;padding:0}.design-card-link:focus{outline:none}.design-card-link:focus-visible{outline:2px solid rgba(37,99,235,.45);outline-offset:4px;border-radius:12px}.design-thumb{background:none;border:none;aspect-ratio:4/4;display:flex;align-items:center;justify-content:center}.design-thumb img{width:100%;height:auto;object-fit:contain}.design-info{margin-top:8px;text-align:left}.design-title{font-size:1.2rem;font-weight:600;margin:2px 0;color:#111}.design-meta{font-size:.9rem;font-weight:400;color:#555}.design-desc{margin-top:15px;color:#848484;font-size:.8rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}:root{--du-overlay:rgba(0,0,0,.45);--du-bg:#fff;--du-radius:16px;--du-shadow:0 20px 60px rgba(0,0,0,.25);--du-primary:#2563eb;--du-primary-600:#1e4fd3;--du-primary-ring:rgba(37,99,235,.18);--du-text-900:#111827;--du-text-700:#374151;--du-text-600:#334155;--du-text-500:#6b7280;--du-text-400:#94a3b8;--du-border:#e5e7eb;--du-border-soft:#eef2ff;--du-chip-on-bg:#eff6ff;--du-accordion-bg:#f9fafb;--du-danger:#ef4444;--du-z:10000}.du-backdrop{position:fixed;inset:0;z-index:var(--du-z);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:var(--du-overlay);overflow:auto}.du-modal{width:min(1450px,98vw);height:min(870px,92vh);background:var(--du-bg);border-radius:var(--du-radius);position:relative;display:grid;grid-template-columns:minmax(160px,200px) 1fr 360px;gap:16px;padding:16px;box-sizing:border-box;box-shadow:var(--du-shadow)}.du-center,.du-left,.du-right{min-height:0}.du-left{overflow:auto;padding-right:6px}.du-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.du-right{overflow:auto;padding-left:6px}.du-left-title{font-weight:700;margin-bottom:10px;color:#22304a;letter-spacing:-.3px}.du-slot{position:relative;width:auto;max-width:100%;aspect-ratio:1/1;border:1.5px dashed var(--du-border);border-radius:12px;background:transparent;margin-bottom:12px;display:grid;place-items:center;cursor:pointer;transition:border-color .2s,box-shadow .2s}.du-slot.active{border-color:var(--du-primary);box-shadow:0 0 0 3px var(--du-primary-ring)}.du-slot img{width:100%;height:100%;object-fit:cover;border-radius:10px}.du-add{width:56px;height:56px;border:0;background:none;color:#8ab3ff;font-size:26px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:color .18s,transform .08s}.du-add:hover{color:var(--du-primary);transform:translateY(-1px)}.du-clear{top:6px;right:6px;inline-size:23px;block-size:23px;aspect-ratio:1/1;padding:0;box-sizing:border-box;background:#fff;border:0;border-radius:9999px;box-shadow:0 2px 8px rgba(0,0,0,.22);cursor:pointer;z-index:3;display:block;position:absolute}.du-clear:after,.du-clear:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:3px;background:#ff9090;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;border-radius:3px}.du-clear:after{transform:translate(-50%,-50%) rotate(-45deg)}.du-clear:hover{transform:scale(1.03);box-shadow:0 3px 12px rgba(0,0,0,.28)}.du-clear:focus-visible{outline:2px solid rgba(239,68,68,.55);outline-offset:2px}.du-slot-label{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:3px 6px;border-radius:6px}.du-preview{width:100%;flex:1;border:1px solid var(--du-border-soft);border-radius:10px;background:#fafbff;display:grid;place-items:center;overflow:auto}.du-preview img{width:100%;height:100%;object-fit:contain}.du-preview-empty{color:var(--du-text-400);font-size:.96rem}.du-mini{width:100%;margin-top:10px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:140px;overflow:auto}.du-mini>button{border:1px solid var(--du-border);border-radius:10px;padding:0;background:#fff;overflow:hidden;height:72px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.du-mini>button.is-active{border:2px solid var(--du-primary);box-shadow:0 0 0 2px var(--du-primary-ring)}.du-mini img{width:100%;height:100%;object-fit:cover;display:block}.du-right-title{font-weight:800;margin-bottom:12px;color:#22304a}.du-field{margin-bottom:14px}.du-label{font-size:.92rem;font-weight:600;margin-bottom:6px;color:var(--du-text-700)}.du-field input[type=text],.du-field textarea{width:100%;padding:10px 12px;border:1px solid var(--du-border);border-radius:10px;outline:none;font:inherit}.du-field textarea{resize:vertical;min-height:88px}.du-field input:focus,.du-field textarea:focus{border-color:#cbd5e1;box-shadow:0 0 0 2px rgba(148,163,184,.2)}.du-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.du-spec-grid{display:flex;flex-wrap:wrap;gap:8px}.du-chip{display:inline-flex;align-items:center;justify-content:center;min-height:20px;gap:8px;padding:8px 12px;border:1px solid var(--du-border);border-radius:10px;background:#fff;color:var(--du-text-700);cursor:pointer;user-select:none;transition:border-color .2s,background .2s,color .2s;font-size:.95rem;font-weight:400;outline:none;box-shadow:none;appearance:none;letter-spacing:-.01em}.du-chip.on{border-color:var(--du-primary);background:var(--du-chip-on-bg);color:var(--du-primary)}.du-chip.ghost{background:#fff;border-color:var(--du-border);color:var(--du-text-500)}.du-chip.ghost:hover{border-color:#cbd5e1}.du-chip:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.du-accordion{border:1px solid var(--du-border);border-radius:12px;margin-bottom:12px;overflow:hidden}.du-acc-header{width:100%;text-align:left;padding:10px 12px;background:var(--du-accordion-bg);border:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#22304a}.du-acc-title{letter-spacing:-.2px}.du-acc-caret{transition:transform .2s}.du-acc-caret.open{transform:rotate(180deg)}.du-acc-panel{padding:12px;background:#fff}.du-spec-panel{display:flex;flex-direction:column;gap:12px}.du-spec-set{border:1px dashed var(--du-border);border-radius:10px;padding:10px}.du-spec-title{font-weight:700;margin-bottom:8px;color:var(--du-text-700)}.du-actions{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.du-btn{padding:10px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:800;background:#fff;color:#111;transition:transform .06s,box-shadow .15s,background .15s,border-color .15s,color .15s}.du-btn:active{transform:translateY(1px)}.du-btn.ghost{background:#fff;border:1px solid var(--du-border);color:var(--du-text-700)}.du-btn.ghost:hover{background:#f8fafc}.du-btn.primary{background:var(--du-primary);color:#fff}.du-btn.primary:hover{background:var(--du-primary-600)}.du-btn.primary:disabled{opacity:.5;cursor:not-allowed}.du-btn.danger{border:1px solid var(--du-danger);color:var(--du-danger);background:#fff}.du-btn.danger:hover{background:#fff1f1}.du-x{position:absolute;top:var(--du-x-top,10px);right:var(--du-x-right,12px);width:36px;height:36px;background:transparent;border:0;border-radius:0;box-shadow:none;line-height:1;font-size:20px;display:grid;place-items:center;cursor:pointer;transition:transform .12s}.du-x:hover{transform:scale(1.05)}.du--read .du-add,.du--read .du-clear,.du--read input[type=file]{display:none!important}.du-accordion.du-static .du-acc-header{background:transparent;cursor:default;user-select:text}.du-accordion.du-static .du-acc-caret{display:none}.du-accordion.du-static .du-acc-panel{display:block}.du-x,.du-x:active,.du-x:focus,.du-x:hover{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}