.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__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}@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__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}}