#usm-palette-pro-app{font-family:Noto Sans TC,sans-serif;color:var(--text-color);line-height:1.6;box-sizing:border-box}#usm-palette-pro-app *,#usm-palette-pro-app *:before,#usm-palette-pro-app *:after{box-sizing:inherit}:root{--primary-color: #004d7c;--secondary-color: #f8f8f8;--text-color: #333;--card-bg: #fff;--border-color: #eee}#usm-palette-pro-app header{background:var(--card-bg);padding:30px 20px;text-align:center;border-bottom:1px solid var(--border-color);position:relative;margin:0}#usm-palette-pro-app h1{font-weight:700;color:#000;margin-bottom:10px;font-size:2em}#usm-palette-pro-app main{max-width:1200px;margin:40px auto;padding:0 20px}#usm-palette-pro-app .card{background:var(--card-bg);padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px}#usm-palette-pro-app h2{color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-top:0;margin-bottom:25px;font-size:1.5em}#usm-palette-pro-app .input-group{margin-bottom:20px}#usm-palette-pro-app label{display:block;font-weight:400;margin-bottom:8px;font-size:1.1em}#usm-palette-pro-app select{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4" fill="#333"><path d="M287 78.4L146.2 219.2 5.4 78.4h281.6z"/></svg>') no-repeat right 12px center;background-size:10px}#usm-palette-pro-app button{background-color:var(--primary-color);color:#fff;padding:12px 25px;border:none;border-radius:4px;cursor:pointer;font-size:1.1em;margin-top:15px;transition:background-color .3s}#usm-palette-pro-app button:hover{background-color:#003a5f}#usm-palette-pro-app #language-selector{position:absolute;top:15px;right:20px}#usm-palette-pro-app #language-selector button{background:none;color:#666;border:1px solid #ccc;padding:5px 10px;margin-left:5px;cursor:pointer;font-size:.9em;margin-top:0;transition:all .2s;border-radius:4px}#usm-palette-pro-app #language-selector button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}#usm-palette-pro-app #recommendation-layout{display:flex;flex-wrap:wrap;gap:30px}#usm-palette-pro-app #recommendation-details{flex:1;min-width:300px;order:1}#usm-palette-pro-app #visual-preview-column{flex:0 0 45%;min-width:300px;order:2}#usm-palette-pro-app .visual-preview-area{margin-bottom:0;padding-bottom:0;border-bottom:none;text-align:center}#usm-palette-pro-app .visual-preview-area p{font-size:1.2em;font-weight:700;color:#333;margin-bottom:15px}#usm-palette-pro-app #preview-container{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px #0000001a;background-color:#f5f5f5}#usm-palette-pro-app #preview-background,#usm-palette-pro-app #preview-sofa-layer,#usm-palette-pro-app #preview-usm-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:contain}#usm-palette-pro-app #preview-background{z-index:1;opacity:0;transition:opacity .5s}#usm-palette-pro-app #preview-sofa-layer,#usm-palette-pro-app #preview-usm-layer{z-index:10;transition:opacity .3s;opacity:0}#usm-palette-pro-app #preview-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;min-height:auto;background-color:#f5f5f5;border-radius:8px;color:#666;font-style:italic;display:flex;align-items:center;justify-content:center;z-index:50}#usm-palette-pro-app #recommendation-output{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}#usm-palette-pro-app .recommendation-item{cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s;border:1px solid var(--border-color);flex:1 1 calc(50% - 7.5px);min-width:150px;padding:15px;border-radius:6px;text-align:center}#usm-palette-pro-app .recommendation-item:hover{transform:translateY(-4px);box-shadow:0 6px 15px #00000026;border-color:var(--primary-color)}#usm-palette-pro-app .color-block{width:40px;height:40px;margin:0 auto 10px;border-radius:50%;border:2px solid #ccc;box-shadow:0 1px 3px #0000001a}#usm-palette-pro-app .recommendation-rank{font-weight:700;color:var(--primary-color);margin-bottom:10px;font-size:1.1em}#usm-palette-pro-app .recommendation-rank .rank-icon{font-size:1.2em;margin-right:5px}#usm-palette-pro-app #masterclass-output{margin-bottom:25px}#usm-palette-pro-app .masterclass-box{padding:25px;border-radius:10px;background-color:#f0f8ff;border:2px solid #a8c8e8;box-shadow:0 2px 8px #0000000d}#usm-palette-pro-app .masterclass-box .recommendation-rank{font-size:1.4em;color:#004d7c;margin-bottom:15px;border-bottom:1px solid #cceeff;padding-bottom:8px;font-weight:700}#usm-palette-pro-app .masterclass-box .color-reason{font-size:1em;line-height:1.6;color:#444}#usm-palette-pro-app .whatsapp-integration{text-align:center;margin-top:40px;padding:20px;border-top:1px dashed #ccc}#usm-palette-pro-app .whatsapp-integration p{font-size:1.1em;margin-bottom:15px;font-weight:500}#usm-palette-pro-app .whatsapp-button{display:inline-block;background-color:#25d366;color:#fff!important;text-decoration:none;padding:15px 30px;border-radius:8px;font-size:1.2em;font-weight:700;transition:background-color .3s,transform .2s;box-shadow:0 4px 8px #25d36666}#usm-palette-pro-app .whatsapp-button:hover{background-color:#1da851;transform:translateY(-2px)}@media (max-width: 992px){#usm-palette-pro-app main{max-width:100%}#usm-palette-pro-app #recommendation-layout{flex-direction:column;gap:20px}#usm-palette-pro-app #visual-preview-column{order:3;flex:1 1 100%;min-width:auto}#usm-palette-pro-app #recommendation-details{order:2;flex:1 1 100%;min-width:auto}#usm-palette-pro-app .recommendation-item{flex:1 1 100%}#usm-palette-pro-app #language-selector{position:static;text-align:center;margin-bottom:10px;margin-top:10px}#usm-palette-pro-app header{padding-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/custom-usm-styles.css.map */