:root{color:#18202f;background:#f7f9fb;font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.nav,.topbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 32px;background:#ffffffe0;border-bottom:1px solid #dde5ea;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brandMark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#0f6f7c;background:#dff6f6}.appBrandMark{overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 8px 18px #2248701f}.appBrandMark img{display:block;width:100%;height:100%;object-fit:cover}.navActions,.topbarRight,.heroActions{display:flex;align-items:center;gap:12px}.primaryButton,.secondaryButton,.ghostButton,.iconTextButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:8px;padding:0 16px;font-weight:750;letter-spacing:0;white-space:nowrap}.primaryButton{color:#fff;background:#0f6f7c;box-shadow:0 10px 24px #0f6f7c2e}.primaryButton:disabled{cursor:wait;opacity:.72}.secondaryButton{color:#0f4050;background:#e6f2f4}.ghostButton,.iconTextButton{color:#344154;background:transparent}.large{min-height:48px;padding:0 20px}.full{width:100%}.landing{min-height:100vh;background:linear-gradient(120deg,#ffffffeb,#e8f7f7c7),url(https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1800&q=80) center/cover fixed}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:42px;align-items:center;min-height:calc(100vh - 188px);padding:54px 7vw 42px}.heroText{max-width:760px}.eyebrow{margin:0 0 10px;color:#a45a67;font-size:.78rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.hero h1{margin:0;color:#122233;font-size:clamp(3rem,8vw,7.4rem);line-height:.98;letter-spacing:0}.lead{max-width:560px;margin:22px 0 28px;color:#344154;font-size:clamp(1.08rem,2vw,1.45rem);line-height:1.8;letter-spacing:0}.heroPanel{display:grid;gap:16px;padding:20px;border:1px solid rgba(166,184,193,.55);border-radius:8px;background:#ffffffd1;box-shadow:0 24px 80px #14304029}.heroIconWrap{display:grid;place-items:center}.heroAppIcon{display:block;width:min(100%,300px);aspect-ratio:1;border-radius:26%;object-fit:cover;box-shadow:0 28px 68px #4471a033}.sampleHeader{display:flex;justify-content:space-between;color:#6c7785;font-size:.86rem;font-weight:800}.heroPanel p{margin:0;padding:14px;border-radius:8px;color:#293241;background:#fff;line-height:1.7}.featureBand{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8e2e8;border-top:1px solid #d8e2e8}.feature{display:grid;gap:8px;min-height:120px;padding:28px 7vw;background:#ffffffe6}.feature strong{font-size:1.05rem}.feature span{color:#5d6876;line-height:1.65}.loadingScreen{display:grid;place-items:center;align-content:center;gap:12px;min-height:100vh;color:#0f6f7c}.appShell{min-height:100vh;background:#f3f6f8}.topbar{position:sticky;top:0;z-index:10}.userBadge{max-width:240px;overflow:hidden;color:#627184;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(240px,320px);gap:18px;padding:24px}.profilePane,.generatorPane,.historyPane{align-self:start;border:1px solid #dce5eb;border-radius:8px;background:#fff}.profilePane,.historyPane{display:grid;gap:16px;padding:18px}.generatorPane{padding:22px}.paneTitle,.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.paneTitle{justify-content:flex-start;color:#0f6f7c}h1,h2{margin:0;letter-spacing:0}.sectionHead h1{font-size:clamp(1.8rem,4vw,3rem)}label{display:grid;gap:7px;color:#4b596a;font-size:.86rem;font-weight:800}input,select,textarea{width:100%;border:1px solid #ccd8df;border-radius:8px;padding:11px 12px;color:#18202f;background:#fbfdfe;outline:none}input:focus,select:focus,textarea:focus{border-color:#0f6f7c;box-shadow:0 0 0 3px #0f6f7c1f}textarea{resize:vertical;line-height:1.65}.controlsGrid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;margin-top:24px}.wide{grid-column:span 4}.statusLine{margin:16px 0 0;color:#a45a67;font-weight:750}.resultList{display:grid;gap:12px;margin-top:18px}.resultCard{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:12px;border:1px solid #dce5eb;border-radius:8px;padding:16px;background:#fbfdfe}.resultCard p{margin:0;color:#243041;line-height:1.75;word-break:break-word}.iconButton{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:8px;color:#0f6f7c;background:#e6f2f4}.historyItem{display:grid;gap:6px;border-top:1px solid #e4ebef;padding-top:12px}.historyItem time,.emptyText{color:#738091;font-size:.82rem}.historyItem p{margin:0;line-height:1.6}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.hero,.workspace{grid-template-columns:1fr}.hero{min-height:auto}.featureBand{grid-template-columns:1fr}}@media(max-width:640px){.nav,.topbar{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.navActions,.topbarRight,.heroActions{flex-wrap:wrap;width:100%}.hero,.workspace{padding:18px}.controlsGrid{grid-template-columns:1fr}.wide{grid-column:span 1}}