.page-module__P8QIlG__wrap{gap:20px;max-width:520px;margin:0 auto;padding:18px 16px 32px;display:grid}.page-module__P8QIlG__panel{background:linear-gradient(#ffffffe0,#f7f3eec2),radial-gradient(circle at 0 0,#d6a06d14,#0000 34%);border:1px solid #5f4a3b29;border-radius:18px;padding:14px;box-shadow:0 18px 32px #2c231c0f}.page-module__P8QIlG__title{color:#000000e6;margin:0;font-size:32px;font-weight:900;line-height:1.05}.page-module__P8QIlG__subtitle{color:#0009;margin:8px 0 0;font-size:13px;line-height:1.5}.page-module__P8QIlG__appHeader{gap:6px;margin-bottom:14px;display:grid}.page-module__P8QIlG__segmented{background:#ffffffad;border:1px solid #5f4a3b29;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.page-module__P8QIlG__segment{color:#37302bb8;cursor:pointer;background:0 0;border:0;border-radius:14px;min-height:42px;font-size:14px;font-weight:800}.page-module__P8QIlG__segmentActive{color:#fff;background:linear-gradient(#2e2b28f5,#191715f0);box-shadow:inset 0 1px #ffffff14,0 8px 18px #2c231c24}.page-module__P8QIlG__phoneFrame{gap:12px;margin-top:14px;display:grid}.page-module__P8QIlG__subModeBlock{gap:8px;display:grid}.page-module__P8QIlG__subModeLabel{color:#5249419e;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.page-module__P8QIlG__subModeRow{flex-wrap:wrap;gap:8px;display:flex}.page-module__P8QIlG__subModeChip{color:#37302bb8;cursor:pointer;background:#ffffffb8;border:1px solid #5f4a3b24;border-radius:10px;min-height:32px;padding:0 12px;font-size:12px;font-weight:800;transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s}.page-module__P8QIlG__subModeChipActive{color:#1f1c19db;background:linear-gradient(#fffffffa,#f3ece4f0);border-color:#5f4a3b57;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 6px 14px #2c231c14}.page-module__P8QIlG__subModeChipActive:before{content:"";background:#5f4a3bcc;border-radius:999px;width:6px;height:6px;margin-right:8px;display:inline-block}.page-module__P8QIlG__card,.page-module__P8QIlG__infoCard,.page-module__P8QIlG__errorCard{background:#ffffffad;border:1px solid #5f4a3b24;border-radius:16px;box-shadow:0 10px 18px #2c231c0a}.page-module__P8QIlG__card,.page-module__P8QIlG__errorCard{padding:14px}.page-module__P8QIlG__cardLabel,.page-module__P8QIlG__infoTitle{color:#1f1c19e0;font-size:13px;font-weight:850}.page-module__P8QIlG__cardHint,.page-module__P8QIlG__errorCard,.page-module__P8QIlG__infoCard p,.page-module__P8QIlG__infoCard li,.page-module__P8QIlG__scoreCaption{color:#524941ad;font-size:13px;line-height:1.55}.page-module__P8QIlG__scoreCaption{align-items:center;gap:8px;display:inline-flex}.page-module__P8QIlG__scoreCaptionDot{opacity:.45;font-weight:900}.page-module__P8QIlG__stack{gap:12px;display:grid}.page-module__P8QIlG__uploadBox,.page-module__P8QIlG__hexInput{background:#ffffffbd;border:1px solid #5f4a3b24;border-radius:12px;min-height:46px}.page-module__P8QIlG__fileInput{color:#1f1c19c2;width:100%;min-height:46px;padding:8px 10px;font-size:13px;font-weight:700}.page-module__P8QIlG__fileInput::file-selector-button{color:#1f1c19d6;cursor:pointer;background:linear-gradient(#fffffffa,#f3ece4e6);border:1px solid #5f4a3b2e;border-radius:10px;min-height:30px;margin-right:12px;padding:0 12px;font-size:12px;font-weight:800}.page-module__P8QIlG__photoChoiceRow{grid-template-columns:108px minmax(0,1fr);align-items:start;gap:12px;margin-top:10px;display:grid}.page-module__P8QIlG__imageCard,.page-module__P8QIlG__imageCardSmall,.page-module__P8QIlG__imageCardPlaceholder{border:1px solid #5f4a3b24;border-radius:14px;overflow:hidden}.page-module__P8QIlG__imageCardSmall,.page-module__P8QIlG__imageCardPlaceholder{aspect-ratio:1}.page-module__P8QIlG__imageCardPlaceholder{text-align:center;color:#5249418a;background:#ffffff8f;justify-content:center;align-items:center;width:100%;font-size:12px;font-weight:800;line-height:1.2;display:flex}.page-module__P8QIlG__imageCard{aspect-ratio:1}.page-module__P8QIlG__imagePreview{object-fit:cover;width:100%;height:100%;display:block}.page-module__P8QIlG__swatchStrip{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.page-module__P8QIlG__swatchColumn{gap:8px;display:grid}.page-module__P8QIlG__swatchColumnLabel{color:#5249419e;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.page-module__P8QIlG__swatchColumnList{flex-wrap:wrap;gap:8px;display:flex}.page-module__P8QIlG__swatchEmpty{color:#5249418f;font-size:12px;line-height:1.5}.page-module__P8QIlG__swatchPill{color:#1f1c19d1;cursor:pointer;background:#ffffffc2;border:1px solid #5f4a3b24;border-radius:14px;align-items:center;gap:8px;min-height:34px;padding:0 10px;font-size:12px;font-weight:800;transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s;display:inline-flex}.page-module__P8QIlG__swatchPillActive{background:linear-gradient(#fffffff0,#f3ece4eb);border-color:#5f4a3b61;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff8c,0 6px 14px #2c231c14}.page-module__P8QIlG__swatchDot{border:1px solid #5f4a3b29;border-radius:999px;width:16px;height:16px}.page-module__P8QIlG__row{align-items:center;gap:12px;display:flex}.page-module__P8QIlG__colorInput{background:0 0;border:1px solid #5f4a3b33;border-radius:12px;width:76px;height:48px;padding:4px}.page-module__P8QIlG__hexInput{color:#1f1c19e6;outline:none;flex:1;padding:0 12px;font-size:16px;font-weight:800}.page-module__P8QIlG__hexInputInvalid{color:#802220e6;border-color:#80222059}.page-module__P8QIlG__errorCard{color:#802220eb;font-weight:700}.page-module__P8QIlG__resultHeader{justify-content:space-between;align-items:center;gap:14px;display:flex}.page-module__P8QIlG__scoreValue{color:#1f1c19eb;letter-spacing:-.03em;font-size:40px;font-weight:900;line-height:1}.page-module__P8QIlG__miniPreview{border:1px solid #5f4a3b29;border-radius:14px;width:70px;display:grid;overflow:hidden}.page-module__P8QIlG__miniPreview span{height:22px}.page-module__P8QIlG__resultBody{gap:12px;margin-top:14px;display:grid}.page-module__P8QIlG__infoCard{padding:14px}.page-module__P8QIlG__infoLead{color:#1f1c19e6;margin-top:8px;font-size:18px;font-weight:850}.page-module__P8QIlG__infoCard p,.page-module__P8QIlG__infoCard ul{margin:8px 0 0}.page-module__P8QIlG__infoCard ul{padding-left:18px}.page-module__P8QIlG__breakdownList{gap:8px;margin-top:10px;display:grid}.page-module__P8QIlG__breakdownRow{background:#ffffff6b;border:1px solid #5f4a3b1a;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px;display:flex}.page-module__P8QIlG__breakdownCopy{gap:3px;min-width:0;display:grid}.page-module__P8QIlG__breakdownLabel{color:#1f1c19d1;font-size:15px;font-weight:800}.page-module__P8QIlG__breakdownMeta{flex:none;align-self:center;place-items:center end;min-width:52px;display:flex}.page-module__P8QIlG__breakdownValue{color:#1f1c19eb;font-size:24px;font-weight:900;line-height:1}.page-module__P8QIlG__breakdownWeight{color:#5249419e;font-size:12px;font-weight:800}.page-module__P8QIlG__matchList{gap:10px;margin-top:10px;display:grid}.page-module__P8QIlG__matchRow{background:#ffffff6b;border:1px solid #5f4a3b1a;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.page-module__P8QIlG__matchPair{align-items:center;gap:6px;display:flex}.page-module__P8QIlG__matchSwatch{border:1px solid #5f4a3b24;border-radius:999px;width:22px;height:22px}.page-module__P8QIlG__matchCopy{gap:2px;min-width:0;display:grid}.page-module__P8QIlG__matchLabel{color:#1f1c19e0;font-size:14px;font-weight:850}.page-module__P8QIlG__matchHex{color:#5249419e;letter-spacing:.02em;font-size:12px;font-weight:700}.page-module__P8QIlG__matchReason{color:#524941bd;font-size:13px;line-height:1.45}.page-module__P8QIlG__matchScore{color:#1f1c19eb;font-size:24px;font-weight:900;line-height:1}.page-module__P8QIlG__matchMeta{place-items:center;gap:6px;display:grid}.page-module__P8QIlG__comparePill{color:#5249419e;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700;transition:color .12s,transform .12s}.page-module__P8QIlG__comparePill:hover{color:#1f1c19d1;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.page-module__P8QIlG__panel,.page-module__P8QIlG__card,.page-module__P8QIlG__infoCard,.page-module__P8QIlG__errorCard,.page-module__P8QIlG__uploadBox,.page-module__P8QIlG__hexInput,.page-module__P8QIlG__previewBlock,.page-module__P8QIlG__imageCard,.page-module__P8QIlG__miniPreview,.page-module__P8QIlG__segmented,.page-module__P8QIlG__swatchPill{background:#ffffff14;border-color:#d6a06d2e}.page-module__P8QIlG__title,.page-module__P8QIlG__cardLabel,.page-module__P8QIlG__infoTitle,.page-module__P8QIlG__scoreValue,.page-module__P8QIlG__infoLead{color:#ffffffe6}.page-module__P8QIlG__subtitle,.page-module__P8QIlG__cardHint,.page-module__P8QIlG__scoreCaption,.page-module__P8QIlG__infoCard p,.page-module__P8QIlG__infoCard li,.page-module__P8QIlG__fileInput,.page-module__P8QIlG__hexInput{color:#ffffffa8}.page-module__P8QIlG__fileInput::file-selector-button{color:#ffffffd1;background:linear-gradient(#ffffff24,#d6a06d24);border-color:#d6a06d33}.page-module__P8QIlG__segment{color:#ffffffb8}.page-module__P8QIlG__subModeLabel{color:#ffffff94}.page-module__P8QIlG__subModeChip{color:#ffffffb3;background:#ffffff14;border-color:#d6a06d29}.page-module__P8QIlG__subModeChipActive{color:#ffffffdb;background:linear-gradient(#ffffff29,#d6a06d29);border-color:#d6a06d57;box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000024}.page-module__P8QIlG__subModeChipActive:before{background:#d6a06de0}.page-module__P8QIlG__swatchPillActive{background:linear-gradient(#ffffff29,#d6a06d29);border-color:#d6a06d57;box-shadow:inset 0 1px #ffffff14,0 8px 18px #0000002e}.page-module__P8QIlG__imageCardPlaceholder,.page-module__P8QIlG__swatchEmpty,.page-module__P8QIlG__swatchColumnLabel{color:#fff9}.page-module__P8QIlG__breakdownRow{background:#ffffff0a;border-color:#d6a06d24}.page-module__P8QIlG__breakdownLabel,.page-module__P8QIlG__breakdownValue{color:#ffffffdb}.page-module__P8QIlG__breakdownWeight{color:#ffffff9e}.page-module__P8QIlG__matchRow{background:#ffffff0a;border-color:#d6a06d24}.page-module__P8QIlG__matchLabel,.page-module__P8QIlG__matchScore{color:#ffffffdb}.page-module__P8QIlG__matchHex,.page-module__P8QIlG__matchReason,.page-module__P8QIlG__comparePill{color:#ffffff9e}.page-module__P8QIlG__comparePill:hover{color:#ffffffd6}}