@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{color:#11265b;background:#fffdfa;font-family:Nunito,Noto Sans JP,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fffdfa}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:28px 20px;background:#fffdfb;border-right:1px solid #f0edf7}.brand{display:flex;gap:10px;align-items:center;margin:2px 5px 42px;color:#10275c}.brand img{width:66px;height:66px;object-fit:contain}.brand strong{display:block;font-size:24px;line-height:.89;letter-spacing:-.8px}.brand small{display:block;margin-top:10px;color:#59709d;font-family:Noto Sans JP,sans-serif;font-size:9px;font-weight:700;white-space:nowrap}.nav-label{margin:0 8px 11px;color:#6c7d9e;font-size:14px;font-weight:800;letter-spacing:.08em}.nav-item{width:100%;min-height:57px;display:flex;align-items:center;gap:14px;padding:12px 15px;margin-bottom:6px;border:0;border-radius:15px;color:#60729a;background:transparent;font-size:16px;font-weight:800;text-align:left}.nav-item svg{flex:none;width:27px;height:27px}.nav-item--active{color:#5f2cff;background:#efe9ff}.nav-item--disabled{opacity:.78}.nav-item--disabled span{margin-left:auto;padding:4px 8px;color:#7886a3;background:#e9edf5;border-radius:9px;font-family:Noto Sans JP,sans-serif;font-size:11px}.sidebar-decoration{position:absolute;z-index:-1;left:0;bottom:140px;width:100%;opacity:.8;pointer-events:none}.content{position:relative;min-width:0;padding:29px 24px 36px;overflow:hidden}.hero{min-height:96px;position:relative;overflow:hidden;display:flex;align-items:flex-start;margin:0 3px 20px}.hero__copy{position:relative;z-index:1;max-width:890px}.eyebrow{display:none}.hero h1{margin:0;color:#10275c;font-size:clamp(27px,2.7vw,40px);letter-spacing:-.04em;line-height:1.25;font-weight:900}.hero p:not(.eyebrow){margin:9px 0 0;color:#5b6f98;font-family:Noto Sans JP,sans-serif;font-size:15px;font-weight:500}.hero__art{position:absolute;right:-16px;top:-23px;width:min(41vw,575px);height:auto;pointer-events:none}.status-line{display:flex;justify-content:flex-end;align-items:center;gap:7px;min-height:20px;margin:-13px 4px 6px;color:#8190aa;font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:600}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#48c69a}.status-dot--loading,.status-dot--analyzing,.status-dot--searching{background:#7c5cff;animation:pulse 1s ease-in-out infinite alternate}.status-dot--error{background:#e75d76}.notice{display:flex;gap:8px;align-items:center;padding:10px 13px;margin:0 4px 8px;border-radius:12px;font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:600}.notice--error{color:#a92d4b;background:#fff0f2;border:1px solid #ffd4dc}.workspace{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(580px,1.38fr);gap:14px}.panel,.results-section{border:1px solid #eeedf5;border-radius:17px;background:#ffffffeb;box-shadow:0 9px 24px #2c396a0e}.panel{min-width:0;min-height:402px;padding:20px 16px 17px}.panel-heading{display:flex;align-items:center;gap:11px;padding:0 5px}.panel-heading h2,.results-heading h2{margin:0;color:#13275a;font-size:20px;letter-spacing:-.04em;font-weight:900}.panel-heading h2 small{color:#63769c;font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:700;letter-spacing:0}.panel-heading>svg{width:19px;height:19px;margin-left:auto;color:#58709e}.panel-icon{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:11px;color:#6737ff;background:#f0edff}.panel-icon svg{width:23px;height:23px}.upload-content{display:grid;grid-template-columns:minmax(164px,1fr) minmax(164px,1.02fr);gap:10px;margin-top:18px}.dropzone{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;border:2px dashed #a9c4ff;border-radius:11px;color:#152b64;background:#fcfdff;transition:border-color .18s,background .18s,transform .18s}.dropzone:hover,.dropzone--dragging{border-color:#6e55ef;background:#f8f6ff;transform:translateY(-1px)}.dropzone svg{width:62px;height:62px;margin-bottom:13px;color:#5772ef}.dropzone strong{font-size:16px;font-weight:900}.dropzone span{margin-top:4px;color:#69799e;font-family:Noto Sans JP,sans-serif;font-size:12px}.dropzone b{color:#4f3ee4}.dropzone small{margin-top:18px;color:#8a9ab6;font-size:10px}.image-preview,.preview-empty{min-width:0;min-height:255px;position:relative;overflow:hidden;border-radius:11px;background:#f5f6fb}.image-preview img{width:100%;height:255px;object-fit:cover;display:block}.image-preview button{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:50%;color:#fff;background:#1f2e53d1}.image-preview button svg{width:16px;height:16px}.image-preview span{position:absolute;left:0;right:0;bottom:0;overflow:hidden;padding:17px 10px 7px;color:#fff;background:#13275a94;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.preview-empty{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;color:#8b9ab5;font-family:Noto Sans JP,sans-serif;font-size:12px}.preview-empty svg{width:48px;height:48px;color:#b3bfe0}.axes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;row-gap:9px;margin-top:16px}.axis-control{min-width:0;display:grid;grid-template-columns:35px minmax(64px,1fr) minmax(60px,1.25fr) minmax(64px,1fr);gap:6px;align-items:center}.axis-number{padding:5px 3px;border-radius:12px;color:#7355e7;background:#efedff;text-align:center;font-size:11px;font-weight:900}.axis-control:nth-child(3n) .axis-number{color:#a36b06;background:#fff5d8}.axis-control:nth-child(3n+1) .axis-number{color:#bb4e78;background:#ffebf2}.axis-label,.axis-high-label{min-width:0;overflow:hidden;color:#526a95;font-family:Noto Sans JP,sans-serif;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.axis-label{text-align:right}.axis-high-label{text-align:left}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;height:5px;margin:0;border:0;border-radius:99px;background:#ddd9ff;outline:none;accent-color:#7351f0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:19px;height:19px;border:0;border-radius:50%;background:#7755ed;box-shadow:0 2px 6px #5c3ecc40}input[type=range]::-moz-range-thumb{width:19px;height:19px;border:0;border-radius:50%;background:#7755ed;box-shadow:0 2px 6px #5c3ecc40}.axis-control:nth-child(4n) input[type=range]{background:#f7dada;accent-color:#ee8a69}.axis-control:nth-child(4n) input[type=range]::-webkit-slider-thumb,.axis-control:nth-child(4n) input[type=range]::-moz-range-thumb{background:#ee8a69}.axis-control:nth-child(4n+1) input[type=range]{background:#d7efd9;accent-color:#68b77d}.axis-control:nth-child(4n+1) input[type=range]::-webkit-slider-thumb,.axis-control:nth-child(4n+1) input[type=range]::-moz-range-thumb{background:#68b77d}.axis-control:nth-child(4n+2) input[type=range]{background:#d7f0f1;accent-color:#48b9bf}.axis-control:nth-child(4n+2) input[type=range]::-webkit-slider-thumb,.axis-control:nth-child(4n+2) input[type=range]::-moz-range-thumb{background:#48b9bf}.action-row{display:flex;justify-content:flex-end;gap:11px;margin-top:21px}.button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 21px;border-radius:12px;font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:800}.button svg{width:18px;height:18px}.button--secondary{color:#344d82;border:1px solid #cbd4e7;background:#fff}.button--primary{min-width:160px;color:#fff;border:1px solid #6945ef;background:#6945ef;box-shadow:0 7px 15px #6345e13d}.results-section{margin-top:15px;padding:17px 16px 16px}.results-heading{display:flex;align-items:center;gap:11px;margin:0 4px 13px}.results-heading p{margin:3px 0 0;color:#7182a2;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:500}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.result-card{min-width:0;overflow:hidden;padding:0 11px 11px;border:1px solid #eef0f5;border-radius:14px;color:#10275c;background:#fff;text-align:left;box-shadow:0 5px 13px #2b39680a;transition:transform .18s,box-shadow .18s,border-color .18s}.result-card:hover{transform:translateY(-3px);border-color:#d9d0ff;box-shadow:0 12px 22px #4a39971f}.result-card__topline{min-height:43px;display:flex;align-items:center;gap:5px}.rank-badge{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#7e4c00;background:#ffe0a0;font-size:18px;font-weight:900;box-shadow:0 3px 8px #b9872829}.rank-badge--2{color:#516b98;background:#e2e9f8}.rank-badge--3{color:#8d4b24;background:#f4d4c2}.result-card__rank{min-width:0;overflow:hidden;color:#334268;font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.result-card__score{margin-left:auto;color:#6f7f9f;font-family:Noto Sans JP,sans-serif;font-size:10px;white-space:nowrap}.result-card__score strong{color:#6841ed;font-family:Nunito,sans-serif;font-size:18px}.result-card__image{width:100%;aspect-ratio:1.55 / 1;object-fit:cover;border-radius:9px;display:block}.result-card__bottom{display:flex;gap:6px;align-items:center;margin-top:9px}.result-card__bottom h3{min-width:0;flex:1;overflow:hidden;margin:0;color:#12265b;font-size:16px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.result-card__arrow{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:50%;color:#6842ef;background:#f0edff}.result-card__arrow svg{width:14px;height:14px}.ad-card{min-height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:14px;border:1px solid #ece5c9;border-radius:14px;color:#263d70;background:#fff9e8}.ad-card__eyebrow{display:flex;justify-content:space-between;color:#8d7a6b;font-family:Noto Sans JP,sans-serif;font-size:10px;font-weight:700}.ad-card__eyebrow span:last-child{padding:2px 6px;border-radius:5px;color:#6d7694;background:#edf0f7}.ad-card__sparkles{display:flex;gap:4px;margin:10px 0 0;color:#edbc38}.ad-card__sparkles svg:first-child{width:23px;height:23px}.ad-card__sparkles svg:last-child{width:13px;height:13px;color:#8e76e9}.ad-card__title{margin:8px 0 5px;font-family:Noto Sans JP,sans-serif;font-size:17px;line-height:1.35;font-weight:900}.ad-card__body{margin:0;color:#7180a0;font-family:Noto Sans JP,sans-serif;font-size:11px;line-height:1.5}.ad-card__button{margin-top:auto;min-height:33px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:99px;color:#405487;background:#fff;font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:800}.ad-card__button svg{width:14px;height:14px}.ad-card--compact{min-height:224px;margin-top:auto;padding:15px}.ad-card--compact .ad-card__title{max-width:135px;font-size:16px}.empty-results{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:13px;color:#6d7e9d;background:#fafaff;font-family:Noto Sans JP,sans-serif;text-align:center}.empty-results svg{width:39px;height:39px;color:#866df1}.empty-results p{margin:7px 0 2px;color:#334c80;font-weight:800}.empty-results span{font-size:12px}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#141f4873}.result-modal{width:min(450px,100%);position:relative;padding:24px;border-radius:22px;color:#15285b;background:#fff;box-shadow:0 24px 70px #0e183947}.modal-close{position:absolute;top:13px;right:13px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;color:#385183;background:#f0f2f8}.modal-close svg{width:17px;height:17px}.modal-rank{display:inline-block;margin-bottom:12px;padding:5px 10px;border-radius:99px;color:#7250d8;background:#f0edff;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:800}.result-modal img{width:100%;display:block;border-radius:13px;aspect-ratio:1.45 / 1;object-fit:cover}.result-modal h2{margin:15px 0 4px;font-size:25px;letter-spacing:-.04em}.result-modal p{margin:0;color:#6c7d9c;font-family:Noto Sans JP,sans-serif;font-size:13px}.result-modal p strong{color:#6642e5;font-family:Nunito,sans-serif;font-size:19px}.spin{animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{transform:scale(1.32);opacity:.65}}@media(max-width:1230px){.workspace{grid-template-columns:1fr}.panel{min-height:auto}.upload-content{grid-template-columns:1fr 1fr}.dropzone,.image-preview,.preview-empty{min-height:205px}.image-preview img{height:205px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-card{min-height:220px}}@media(max-width:880px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:13px 20px;border-right:0;border-bottom:1px solid #f0edf7}.brand{margin:0}.brand img{width:47px;height:47px}.brand strong{font-size:18px}.brand small{display:none}.sidebar nav{display:flex;justify-content:flex-end;align-items:center;gap:8px}.nav-label,.sidebar-decoration,.sidebar .ad-card{display:none}.nav-item{width:auto;min-height:40px;margin:0;padding:7px 10px;font-size:13px}.nav-item svg{width:21px;height:21px}.content{padding:23px 18px 30px}.hero{min-height:105px}.hero__art{width:430px;right:-105px;top:-31px}.hero h1{max-width:650px;font-size:31px}.hero p:not(.eyebrow){max-width:590px;font-size:13px}.axes-grid{column-gap:16px}.axis-control{grid-template-columns:31px minmax(58px,1fr) minmax(60px,1.25fr) minmax(58px,1fr);gap:5px}}@media(max-width:620px){.sidebar{display:block;padding:13px 16px}.brand{justify-content:center}.sidebar nav{display:none}.content{padding:20px 12px 24px}.hero{min-height:122px;margin:0 5px 15px}.hero__art{width:380px;right:-185px;top:-6px;opacity:.62}.hero h1{max-width:360px;font-size:25px;line-height:1.35}.hero p:not(.eyebrow){max-width:340px;font-size:11px;line-height:1.7}.status-line{margin-top:-8px}.workspace{gap:11px}.panel{padding:16px 11px 14px;border-radius:14px}.panel-heading h2,.results-heading h2{font-size:18px}.upload-content{grid-template-columns:1fr}.dropzone,.image-preview,.preview-empty{min-height:180px}.image-preview img{height:180px}.axes-grid{grid-template-columns:1fr;gap:10px}.axis-control{grid-template-columns:35px minmax(64px,1fr) minmax(60px,1.25fr) minmax(64px,1fr);gap:6px}.action-row{flex-direction:column-reverse}.button{width:100%}.results-section{margin-top:11px;padding:15px 11px 11px;border-radius:14px}.results-heading{align-items:flex-start}.results-heading p{font-size:11px;line-height:1.55}.results-grid{grid-template-columns:1fr}.result-card{min-height:0}.result-card__image{aspect-ratio:1.78 / 1}.ad-card{min-height:190px}.empty-results{min-height:170px;padding:18px}.result-modal{padding:18px}.result-modal h2{font-size:22px}}