.screen-picker-tool[data-v-4771dc11]{margin:0 auto;max-width:1080px}.support-warning[data-v-4771dc11]{align-items:flex-start;background-color:#fffbeb;border:1px solid #fde68a;border-radius:12px;display:flex;gap:12px;margin-bottom:14px;padding:14px 16px}.warning-icon[data-v-4771dc11]{flex-shrink:0;font-size:1.4rem;line-height:1}.warning-content[data-v-4771dc11]{min-width:0}.warning-title[data-v-4771dc11]{color:#92400e;font-size:.95rem;font-weight:600;margin-bottom:4px}.warning-desc[data-v-4771dc11]{color:#78350f;font-size:.85rem;line-height:1.7}.main-action-card[data-v-4771dc11]{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:22px 18px}.pick-btn[data-v-4771dc11]{align-items:center;background:linear-gradient(135deg,#00828f,#00535c);border:none;border-radius:10px;box-shadow:0 4px 12px #00828f4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;padding:14px 36px;transition:all .2s ease}.pick-btn[data-v-4771dc11]:hover:not(:disabled){box-shadow:0 6px 18px #00828f66;transform:translateY(-2px)}.pick-btn[data-v-4771dc11]:active:not(:disabled){box-shadow:0 2px 8px #00828f4d;transform:translateY(0)}.pick-btn[data-v-4771dc11]:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.pick-icon[data-v-4771dc11]{font-size:1.2rem;line-height:1}.pick-hint[data-v-4771dc11]{color:#5b646f;font-size:.82rem;line-height:1.6;text-align:center}.result-card[data-v-4771dc11]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px 16px}.card-title[data-v-4771dc11]{align-items:center;color:#141b24;display:flex;font-size:.92rem;font-weight:600;gap:6px;margin:0}.card-icon[data-v-4771dc11]{font-size:.95rem;line-height:1}.color-display[data-v-4771dc11]{align-items:stretch;display:flex;gap:14px}.color-swatch[data-v-4771dc11]{border:1px solid #e2e8f0;border-radius:10px;box-shadow:inset 0 0 0 1px #fff6;flex-shrink:0;height:110px;transition:background-color .25s ease;width:110px}.color-info[data-v-4771dc11]{display:flex;flex:1;flex-direction:column;gap:8px;justify-content:center;min-width:0}.hex-row[data-v-4771dc11]{align-items:center;display:flex;gap:8px}.hex-text[data-v-4771dc11]{color:#141b24;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.value-row[data-v-4771dc11]{align-items:center;background-color:#f8fafc;border-radius:6px;display:flex;font-size:.85rem;gap:8px;padding:6px 10px}.value-label[data-v-4771dc11]{color:#5b646f;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.5px}.value-text[data-v-4771dc11]{color:#454e58;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn[data-v-4771dc11]{align-items:center;background-color:#dbf2f5;border:none;border-radius:6px;color:#00828f;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.95rem;height:34px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:34px}.copy-btn[data-v-4771dc11]:hover{background-color:#00828f;color:#fff;transform:scale(1.05)}.copy-btn[data-v-4771dc11]:active{transform:scale(.98)}.copy-mini-btn[data-v-4771dc11]{align-items:center;background-color:#dbf2f5;border:none;border-radius:5px;color:#00828f;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;height:26px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:26px}.copy-mini-btn[data-v-4771dc11]:hover{background-color:#00828f;color:#fff}.schemes-section[data-v-4771dc11]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;display:flex;flex-direction:column;gap:12px;margin-bottom:14px;padding:14px 16px}.schemes-header[data-v-4771dc11]{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.schemes-hint[data-v-4771dc11]{color:#5b646f;font-size:.78rem}.schemes-grid[data-v-4771dc11]{display:grid;gap:10px;grid-template-columns:1fr}@media (min-width:640px){.schemes-grid[data-v-4771dc11]{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.schemes-grid[data-v-4771dc11]{grid-template-columns:repeat(3,1fr)}}.scheme-card[data-v-4771dc11]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:10px;transition:all .2s ease}.scheme-card[data-v-4771dc11]:hover{background-color:#fff;border-color:#d8dfe4;box-shadow:0 4px 12px #141b240f}.scheme-header[data-v-4771dc11]{align-items:center;display:flex;gap:6px;justify-content:space-between}.scheme-title[data-v-4771dc11]{color:#141b24;font-size:.85rem;font-weight:600;letter-spacing:.2px;margin:0}.scheme-count[data-v-4771dc11]{color:#5b646f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.scheme-colors[data-v-4771dc11]{border:1px solid #e2e8f0;border-radius:6px;display:flex;height:44px;overflow:hidden}.scheme-color[data-v-4771dc11]{align-items:center;cursor:pointer;display:flex;flex:1;justify-content:center;overflow:hidden;position:relative;transition:flex .2s ease}.scheme-color[data-v-4771dc11]:hover{flex:1.5}.scheme-hex[data-v-4771dc11]{background:#141b2466;border-radius:3px;color:#fffffff2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:700;opacity:0;padding:2px 5px;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.6);transition:opacity .2s ease;white-space:nowrap}.scheme-color:hover .scheme-hex[data-v-4771dc11]{opacity:1}.scheme-footer[data-v-4771dc11]{display:flex;justify-content:flex-end}.scheme-copy-btn[data-v-4771dc11]{align-items:center;background-color:#dbf2f5;border:none;border-radius:5px;color:#00828f;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s ease}.scheme-copy-btn[data-v-4771dc11]:hover{background-color:#00828f;color:#fff}.history-card[data-v-4771dc11]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px 16px}.history-header[data-v-4771dc11]{align-items:center;display:flex;gap:8px;justify-content:space-between}.clear-btn[data-v-4771dc11]{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#5b646f;cursor:pointer;display:inline-flex;font-size:.78rem;gap:4px;padding:4px 10px;transition:all .2s ease}.clear-btn[data-v-4771dc11]:hover{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.history-list[data-v-4771dc11]{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.history-item[data-v-4771dc11]{align-items:center;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.history-item[data-v-4771dc11]:hover{box-shadow:0 4px 12px #141b241f;transform:scale(1.05);z-index:2}.history-hex[data-v-4771dc11]{background:#141b2466;border-radius:4px;color:#fffffff2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700;padding:2px 6px;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.6)}.tips-card[data-v-4771dc11]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;gap:8px;padding:14px 16px}.tips-card[data-v-4771dc11],.tips-list[data-v-4771dc11]{display:flex;flex-direction:column}.tips-list[data-v-4771dc11]{gap:5px;margin:0;padding-left:20px}.tips-list li[data-v-4771dc11]{color:#454e58;font-size:.85rem;line-height:1.7}.notification[data-v-4771dc11]{align-items:center;background-color:#141b24eb;border-radius:8px;bottom:24px;box-shadow:0 8px 24px #141b2426;color:#fff;display:flex;font-size:.85rem;gap:8px;opacity:0;padding:9px 16px;pointer-events:none;position:fixed;right:24px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:1000}.notification.show[data-v-4771dc11]{opacity:1;transform:translateY(0)}.notification-icon[data-v-4771dc11]{font-size:.9rem;line-height:1}@media (max-width:640px){.pick-btn[data-v-4771dc11]{font-size:.95rem;padding:12px 24px}.color-display[data-v-4771dc11]{flex-direction:column}.color-swatch[data-v-4771dc11]{height:80px;width:100%}.hex-text[data-v-4771dc11]{font-size:1.3rem}.history-list[data-v-4771dc11]{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.history-item[data-v-4771dc11]{height:40px}.history-hex[data-v-4771dc11]{font-size:.66rem}.scheme-hex[data-v-4771dc11]{font-size:.62rem}}
