.story-tool-shell{background:#fff;border:1px solid #f0e4eb;border-radius:28px;padding:32px;position:relative;box-shadow:0 18px 60px -28px #83184326}.story-search-form{align-items:flex-end;gap:12px;display:flex}.story-search-field{flex:1;min-width:0}.story-search-field label{color:#475569;margin-bottom:9px;font-size:12px;font-weight:650;display:block}.story-search-submit{color:#fff;cursor:pointer;background:linear-gradient(100deg,#db2777,#f43f5e,#fb923c);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:58px;padding:15px 24px;font-size:14px;font-weight:750;transition:filter .15s;display:flex;box-shadow:0 5px 14px #db277722}.story-search-submit:hover{filter:brightness(1.05)}.story-search-submit:disabled{opacity:.7;cursor:wait}.story-search-submit:focus-visible,.story-preview:focus-visible{outline-offset:3px;outline:3px solid #db2777}.story-search-help{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:11px;display:flex}.story-search-help>span:first-child{color:#db2777}.story-tool-details{color:#64748b;border-top:1px solid #f1f5f9;margin-top:18px;padding-top:15px;font-size:12px;line-height:1.7}.story-tool-details summary{cursor:pointer;width:fit-content;font-weight:600}.story-tool-details p{max-width:720px;margin-top:10px}.story-search-retry{text-underline-offset:3px;cursor:pointer;margin-top:12px;font-weight:700;text-decoration:underline;display:block}.story-profile{background:linear-gradient(120deg,#fff8fb,#fffdfb);border:1px solid #f1e6ec;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:20px;padding:20px;display:grid}.story-profile-info{text-align:left;min-width:0}.story-profile-stats{flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:13px;display:flex}.story-profile-stats>div{box-shadow:none;background:0 0;border:0;padding:0}.story-profile-actions{flex-direction:column;gap:8px;display:flex}.story-profile-actions>button{min-height:44px}.story-results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.story-preview{text-align:left;display:block}.story-loading{border-top:1px solid #f1f5f9;margin-top:28px;padding-top:24px}.story-loading>p{color:#64748b;margin-bottom:18px;font-size:13px}.story-loading-profile{border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:16px;margin-bottom:24px;padding:18px;display:flex}.story-loading-profile>span{border-radius:50%;width:56px;height:56px}.story-loading-profile>div{flex:1}.story-loading-profile i{border-radius:6px;max-width:180px;height:12px;display:block}.story-loading-profile i+i{max-width:100px;margin-top:12px}.story-loading-card{aspect-ratio:9/16;border-radius:20px}.story-loading-profile>span,.story-loading-profile i,.story-loading-card{background:linear-gradient(100deg,#f1f5f9 30%,#fdf2f8 50%,#f1f5f9 70%) 0 0/200% 100%;animation:1.7s ease-in-out infinite story-loading-shimmer}@keyframes story-loading-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:767px){.story-tool-shell{padding:24px 20px}.story-profile{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:16px}.story-profile-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.story-profile-actions>button{padding-left:10px;padding-right:10px}.story-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-loading-card:last-child{display:none}}@media (max-width:639px){.story-search-form{flex-direction:column;align-items:stretch}.story-search-submit{min-height:54px}.story-tool-shell{border-radius:24px;padding:24px 16px}}@media (prefers-reduced-motion:reduce){.story-loading-profile>span,.story-loading-profile i,.story-loading-card{animation:none}}
.story-guide-steps{flex-wrap:wrap;justify-content:center;gap:48px 32px;margin:0;padding:0;list-style:none;display:flex}.story-guide-step{text-align:center;flex:0 calc(33.3333% - 21.3333px);min-width:0}.story-guide-phone{background:linear-gradient(145deg,#f7eafa,#fff9f5 55%,#fce4ed);border:1px solid #f3d6e6;border-radius:38px;width:280px;max-width:100%;margin:0 auto;padding:9px;position:relative;box-shadow:0 14px 30px -16px #83184340,0 3px 7px #0f172a09}.story-guide-phone:before,.story-guide-phone:after{content:"";background:#e8dce5;border-radius:0 3px 3px 0;width:3px;height:36px;position:absolute;top:95px;right:-3px}.story-guide-phone:after{height:24px;top:145px}.story-guide-screen{aspect-ratio:1/2;background:#fafafc;border:1px solid #e8e4ed;border-radius:29px;position:relative;overflow:hidden}.story-guide-screen:before{content:"";z-index:2;background:#d4d4db;border-radius:10px;width:52px;height:5px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.story-guide-screen:after{content:"";z-index:2;background:#b5b5c08c;border-radius:10px;width:66px;height:5px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.story-guide-capture{object-fit:cover;width:100%;height:100%;display:block}.story-guide-arrow{color:#ff1616;filter:drop-shadow(0 2px 1px #ffffff80);pointer-events:none;width:26%;height:auto;position:absolute}.story-guide-profile{top:14%;left:30%}.story-guide-input{width:20%;top:-1%;left:25%}.story-guide-search{top:5%;left:40%}.story-guide-stories{top:44%;left:8%}.story-guide-download{bottom:6%;right:15%}.story-guide-caption{max-width:310px;margin:26px auto 0}.story-guide-title{color:#0f172a;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:800;line-height:1.35;display:flex}.story-guide-number{color:#fff;background:linear-gradient(135deg,#db2777,#f43f5e,#fb923c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:inline-flex;box-shadow:0 3px 8px #db277725}.story-guide-description{color:#64748b;margin-top:12px;font-size:15px;line-height:1.7}@media (max-width:1023px){.story-guide-step{flex-basis:calc(50% - 16px)}}@media (max-width:639px){.story-guide-steps{gap:40px}.story-guide-step{flex-basis:100%}.story-guide-phone{width:260px}.story-guide-caption{margin-top:22px}}
