.jewel-library,.jewel-builder,.jewel-request-form,.jewel-product-fields{color:#282031;max-width:1200px;margin:0 auto}.jewel-notice{padding:18px 22px;border-left:4px solid #08a9ab;background:#eefbfa;border-radius:8px;margin-bottom:24px;line-height:1.6}.jewel-filters{display:flex;flex-wrap:wrap;gap:20px;align-items:end;margin:32px 0}.jewel-filters label{flex:1;min-width:180px}.jewel-library input,.jewel-library select,.jewel-builder input,.jewel-builder select,.jewel-builder textarea,.jewel-request-form input,.jewel-request-form select,.jewel-request-form textarea,.jewel-product-fields input,.jewel-product-fields textarea{display:block;width:100%;max-width:100%;border:1px solid #d7d1df;padding:12px;border-radius:8px;font:inherit;background:#fff;color:#282031;box-sizing:border-box}.jewel-builder label,.jewel-request-form label,.jewel-product-fields label{display:block;margin:16px 0;font-weight:600;line-height:1.7}.jewel-request-form{max-width:760px}.jewel-request-form .jewel-consent{display:flex;align-items:flex-start;gap:12px;font-weight:400}.jewel-consent input{width:auto;flex-shrink:0;margin-top:8px}.jewel-honey{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.jewel-design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.jewel-design-grid article{background:#f8f7fa;padding:15px;border-radius:16px}.jewel-design-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}.jewel-builder-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.jewel-tools{padding:20px;border:1px solid #e1dbe8;border-radius:16px;background:#faf8fc}.jewel-tools button{margin:5px 4px 5px 0;padding:9px 12px;border:1px solid #d7cce3;border-radius:8px;background:white;color:#5d168e}.jewel-builder button:disabled{opacity:.5;cursor:not-allowed}.jewel-canvas-wrap{max-width:100%;overflow:auto;max-height:850px;padding:20px;background:#e9e5ed;border-radius:16px;box-sizing:border-box;overscroll-behavior:contain}.jewel-sheet{position:relative;margin:0 auto;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:2px dashed #8b22c9;box-shadow:0 4px 20px #20132915;overflow:hidden}.jewel-piece{position:absolute;border:1px solid transparent;padding:0;background:none;cursor:grab;touch-action:none;color:inherit;min-width:0;min-height:0;border-radius:0;overflow:visible}.jewel-piece img{position:absolute;top:50%;left:50%;max-width:none!important;max-height:none;pointer-events:none}.jewel-piece.selected,.jewel-piece:focus-visible{outline:2px solid #8b22c9;outline-offset:1px}.jewel-builder-output{padding:24px 0;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.jewel-builder-output>label:first-child,.jewel-status{width:100%}.jewel-builder-output label{max-width:100%}.jewel-status{min-height:3em}.jewel-empty{text-align:center;background:#f6f1fa;border:1px solid #e9dfef;border-radius:20px;padding:45px 24px;margin:25px auto}.jewel-empty>span{font-size:32px;color:#8b22c9}.jewel-empty h3{font-size:24px}.jewel-product-fields{padding:20px;margin:25px 0;border:1px solid #dacde5;border-radius:12px}.jewel-product-fields legend{font-size:22px;font-weight:bold}.jewel-file-label input{font-size:12px}.jewel-tools small{display:block;font-weight:400;line-height:1.6}.jewel-builder [hidden]{display:none!important}:focus-visible{outline:3px solid #087f88;outline-offset:3px}@media(max-width:767px){.jewel-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jewel-builder-layout{grid-template-columns:minmax(0,1fr)}.jewel-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.jewel-tools>small,.jewel-tools>label:first-child,.jewel-selection{grid-column:1/-1}.jewel-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.jewel-selection>p{grid-column:1/-1}.jewel-canvas-wrap{padding:10px;max-height:600px}.jewel-builder-output .button{width:100%;text-align:center}.jewel-empty{padding:30px 15px}.jewel-filters label{min-width:100%}}@media(max-width:360px){.jewel-design-grid{grid-template-columns:1fr}}
.jewel-design-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.jewel-design-option{border:1px solid #d8cbe2;background:white;color:#5d168e;padding:8px;border-radius:8px;font-size:12px}.jewel-design-option img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.jewel-design-option[aria-pressed=true]{outline:3px solid #087f88}.jewel-design-picker [hidden]{display:none!important}
@media(max-width:767px){.jewel-builder:not(.jewel-has-selection) .jewel-selection{display:none}}