:root{--fav-ink:#191a2f;--fav-muted:#72758c;--fav-violet:#6255e7;--fav-violet-dark:#4b3fca;--fav-mint:#15b99f;--fav-coral:#ff7657;--fav-border:#e4e2ef;--fav-soft:#f7f6fc}
.favicon-page{background:#fbfbfe}.favicon-hero{position:relative;padding:34px 0 78px;overflow:hidden;background:radial-gradient(circle at 14% 13%,rgba(98,85,231,.14),transparent 25%),radial-gradient(circle at 91% 18%,rgba(21,185,159,.12),transparent 24%),linear-gradient(180deg,#fbfbff,#f5f4fb)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{width:360px;height:360px;left:-260px;top:250px;background:rgba(255,118,87,.08)}.glow-two{width:280px;height:280px;right:-170px;bottom:60px;background:rgba(98,85,231,.1)}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:30px;color:#8b8ca1;font-size:.76rem;font-weight:700}.breadcrumbs a:hover{color:var(--fav-violet)}.hero-copy{text-align:center}.hero-copy h1{max-width:940px;margin:20px auto 16px;font-size:clamp(2.65rem,7vw,5.25rem)}.hero-copy .lead{max-width:760px}.hero-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:22px 0 34px;color:#66697f;font-size:.78rem;font-weight:750}.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-proof i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#087e6c;background:rgba(21,185,159,.12);font-size:.65rem;font-style:normal}
.favicon-studio{position:relative;max-width:1180px;margin:auto;border:1px solid rgba(42,38,79,.12);border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(54,48,117,.16);overflow:hidden}.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:13px 18px;border-bottom:1px solid var(--fav-border);background:linear-gradient(90deg,#fff,#faf9ff)}.studio-title,.studio-actions,.panel-heading,.preview-heading,.quality-card,.export-row{display:flex;align-items:center}.studio-title{gap:11px}.studio-title strong,.studio-title small,.panel-heading strong,.panel-heading small,.preview-heading strong,.preview-heading small{display:block}.studio-title strong{font-size:.84rem}.studio-title small{margin-top:3px;color:#898ba0;font-size:.65rem}.studio-logo{display:grid;grid-template-columns:repeat(2,6px);gap:3px;width:36px;height:36px;place-content:center;border-radius:11px;background:linear-gradient(135deg,var(--fav-violet),#9b72ef);box-shadow:0 8px 20px rgba(98,85,231,.24)}.studio-logo i{width:6px;height:6px;border-radius:2px;background:#fff}.studio-logo i:last-child{opacity:.45}.studio-actions{gap:10px}.magic-button{min-height:39px;padding:0 13px;border:1px solid #ddd9f2;border-radius:11px;color:var(--fav-violet-dark);background:#fff;font-size:.69rem;font-weight:850}.magic-button:hover{border-color:#bab3e9;background:#f7f5ff;transform:translateY(-1px)}.mode-switch{display:flex;padding:3px;border-radius:11px;background:#efedf7}.mode-switch button{min-height:33px;padding:0 10px;border:0;border-radius:8px;color:#808197;background:transparent;font-size:.67rem;font-weight:800}.mode-switch button.active{color:#34354c;background:#fff;box-shadow:0 3px 9px rgba(42,39,77,.1)}
.studio-layout{display:grid;grid-template-columns:330px minmax(0,1fr)}.control-panel{padding:20px;border-right:1px solid var(--fav-border);background:#fdfdff}.panel-heading,.preview-heading{gap:10px}.panel-heading{margin-bottom:13px}.panel-heading strong,.preview-heading strong{font-size:.77rem}.panel-heading small,.preview-heading small{margin-top:2px;color:#9697aa;font-size:.62rem}.step-number{display:grid;flex:0 0 29px;height:29px;place-items:center;border-radius:9px;color:var(--fav-violet);background:#efedff;font-size:.61rem;font-weight:900}.drop-zone{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:76px;padding:11px;border:1.5px dashed #cfcbe7;border-radius:15px;background:#f8f7fe;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--fav-violet);background:#f1efff}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-preview{position:relative;display:grid;width:48px;height:48px;place-items:center;border:1px solid #e2dff1;border-radius:13px;background:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%),#fff;background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.upload-preview img{width:34px;height:34px;object-fit:contain}.upload-preview i{position:absolute;right:-4px;bottom:-4px;display:grid;width:18px;height:18px;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--fav-violet);font-size:.63rem;font-style:normal}.drop-zone>span:nth-child(3) strong,.drop-zone>span:nth-child(3) small{display:block}.drop-zone>span:nth-child(3) strong{font-size:.72rem}.drop-zone>span:nth-child(3) small{margin-top:4px;color:#8e90a5;font-size:.6rem;line-height:1.4}.drop-zone>b{color:var(--fav-violet);font-size:.62rem}.sample-link{display:block;margin:9px auto 0;border:0;color:#77798e;background:transparent;font-size:.62rem;text-decoration:underline;text-underline-offset:3px}.divider{height:1px;margin:19px 0;background:var(--fav-border)}.field-stack{display:grid;gap:11px}.field-stack label{display:grid;gap:6px;color:#4e5068;font-size:.65rem;font-weight:850}.field-stack input{width:100%;height:41px;padding:0 11px;border:1px solid #dddbea;border-radius:10px;color:#2e3046;background:#fff;font-size:.72rem;outline:0}.field-stack input:focus{border-color:var(--fav-violet);box-shadow:0 0 0 3px rgba(98,85,231,.1)}.safe-area-control{margin-top:16px;padding:13px;border:1px solid var(--fav-border);border-radius:13px;background:#fff}.safe-area-control label{display:grid;gap:10px}.safe-area-control label>span{display:flex;justify-content:space-between;color:#4e5068;font-size:.67rem}.safe-area-control output{color:var(--fav-violet);font-weight:900}.safe-area-control input{width:100%;accent-color:var(--fav-violet)}.scale-hint{display:flex;gap:7px;margin-top:8px;color:#8c8ea2;font-size:.58rem;line-height:1.45}.scale-hint>span:first-child{color:var(--fav-mint)}.quality-card{gap:12px;padding:13px;border:1px solid var(--fav-border);border-radius:15px;background:linear-gradient(135deg,#fff,#f5fffca8)}.quality-ring{position:relative;display:flex;align-items:baseline;justify-content:center;flex:0 0 60px;height:60px;padding-top:19px;border-radius:50%;background:conic-gradient(var(--fav-mint) var(--score,100%),#e9e8ef 0)}.quality-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.quality-ring strong,.quality-ring small{position:relative}.quality-ring strong{font-size:1rem}.quality-ring small{color:#9293a4;font-size:.5rem}.quality-label{display:block;color:#85879a;font-size:.56rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.quality-card>div:last-child>strong,.quality-card>div:last-child>small{display:block}.quality-card>div:last-child>strong{margin-top:3px;font-size:.76rem}.quality-card>div:last-child>small{margin-top:3px;color:#898b9f;font-size:.58rem;line-height:1.4}.file-facts{display:grid;grid-template-columns:1.2fr .75fr 1fr;gap:6px;margin-top:8px}.file-facts>span{min-width:0;padding:9px 6px;border-radius:10px;background:#f5f4f9;text-align:center}.file-facts small,.file-facts strong{display:block;overflow:hidden;text-overflow:ellipsis}.file-facts small{color:#999aad;font-size:.49rem}.file-facts strong{margin-top:3px;font-size:.59rem;white-space:nowrap}
.preview-panel{min-width:0;padding:20px;background:#fff}.preview-heading{justify-content:space-between;margin-bottom:14px}.preview-heading>div{display:flex;align-items:center;gap:10px}.live-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;color:#07806d;background:#e8faf6;font-size:.54rem;font-weight:900}.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--fav-mint);animation:fav-pulse 1.5s infinite}.preview-canvas{padding:18px;border:1px solid var(--fav-border);border-radius:18px;background:#eeeff4;transition:.25s}.browser-window{overflow:hidden;border:1px solid rgba(24,25,43,.16);border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(24,25,43,.12)}.window-top{display:flex;align-items:flex-end;height:43px;padding:8px 10px 0;background:#e6e8ed}.window-dots{display:flex;gap:4px;align-self:center;padding:0 11px 7px 0}.window-dots i{width:7px;height:7px;border-radius:50%;background:#bbbfc8}.window-dots i:first-child{background:#ff6c5f}.window-dots i:nth-child(2){background:#f6bd3b}.window-dots i:nth-child(3){background:#35c84a}.browser-tab{display:flex;align-items:center;gap:7px;height:35px;padding:0 11px;border-radius:9px 9px 0 0}.active-tab{width:235px;background:#fff;color:#3b3c4c;font-size:.64rem}.active-tab>.dynamic-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-tab b{margin-left:auto;color:#a6a7b3;font-size:.82rem}.ghost-tab{width:150px;opacity:.55}.ghost-favicon{width:12px;height:12px;border-radius:3px;background:#a7aab5}.ghost-tab>span:last-child{width:80px;height:5px;border-radius:5px;background:#afb2bc}.window-top>button{align-self:center;margin:0 0 7px 5px;border:0;background:transparent;color:#7d7f8a}.address-row{display:flex;align-items:center;gap:11px;height:42px;padding:0 12px;border-bottom:1px solid #ececf1;color:#757783;font-size:.66rem}.address-pill{display:flex;align-items:center;gap:7px;flex:1;height:27px;padding:0 11px;border-radius:999px;background:#f1f2f5;color:#565865}.address-pill>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-demo{position:relative;min-height:245px;padding:48px 46% 38px 42px;overflow:hidden;background:radial-gradient(circle at 82% 45%,rgba(98,85,231,.2),transparent 25%),linear-gradient(130deg,#fbfaff 30%,#f1efff)}.demo-kicker{color:var(--fav-violet);font-size:.48rem;font-weight:900;letter-spacing:.13em}.page-demo h2{margin:8px 0 9px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.02;letter-spacing:-.055em}.page-demo h2 em{color:var(--fav-violet);font-style:normal}.page-demo p{margin:0;color:#72748a;font-size:.64rem;line-height:1.55}.demo-button{display:inline-flex;align-items:center;gap:7px;margin-top:15px;padding:8px 11px;border-radius:8px;color:#fff;background:var(--fav-violet);font-size:.56rem;font-weight:850}.demo-orbit{position:absolute;right:9%;top:38%;display:grid;width:122px;height:122px;place-items:center;border:1px dashed rgba(98,85,231,.4);border-radius:50%;animation:orbit-float 4s ease-in-out infinite}.demo-orbit:before,.demo-orbit:after{content:"";position:absolute;border-radius:50%;background:rgba(98,85,231,.1)}.demo-orbit:before{inset:-26px}.demo-orbit:after{inset:18px}.demo-orbit img{position:relative;z-index:2;width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(49,38,134,.24))}.demo-orbit i{position:absolute;z-index:2;width:13px;height:13px;border-radius:5px;background:var(--fav-coral);box-shadow:0 5px 14px rgba(255,118,87,.3)}.demo-orbit i:first-of-type{top:-5px;left:17px}.demo-orbit i:last-of-type{right:0;bottom:3px;width:9px;height:9px;background:var(--fav-mint)}
.context-grid{display:grid;grid-template-columns:1.25fr 1fr .86fr;gap:10px;margin-top:10px}.context-card,.pixel-test{border:1px solid rgba(31,32,52,.1);border-radius:13px;background:#fff}.context-card{min-width:0;min-height:182px;padding:13px}.card-label{display:flex;align-items:center;justify-content:space-between;color:#505267;font-size:.59rem;font-weight:900}.card-label small{color:#a0a1b0;font-size:.49rem;font-weight:750}.search-source{display:flex;align-items:center;gap:9px;margin-top:15px}.search-source>span:nth-child(2){min-width:0;flex:1}.search-source strong,.search-source small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-source strong{font-size:.59rem}.search-source small{margin-top:2px;color:#6e716f;font-size:.48rem}.search-source>b{color:#8d8e9e}.search-card h3{margin:12px 0 4px;overflow:hidden;color:#4b50b7;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.search-card p{margin:0;color:#747686;font-size:.52rem;line-height:1.45}.bookmark-list{display:grid;gap:7px;margin-top:14px}.bookmark-list>span{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:0 8px;min-height:32px}.bookmark-list i{grid-row:1/3}.bookmark-list b,.bookmark-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-list b{font-size:.56rem}.bookmark-list small{color:#9697a5;font-size:.46rem}.muted-row i{width:16px;height:16px;border-radius:4px;background:#e1e2e8}.phone-preview{margin-top:12px;padding:8px;border-radius:12px;background:linear-gradient(145deg,#5758a4,#292a4d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.phone-status{display:flex;justify-content:space-between;color:#fff;font-size:.43rem}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:22px}.app-grid>span{text-align:center}.app-icon{display:grid;margin:auto;place-items:center}.app-grid small{display:block;margin-top:4px;overflow:hidden;color:#fff;font-size:.42rem;text-overflow:ellipsis;white-space:nowrap}.placeholder-app{border-radius:11px}.placeholder-app.coral{background:linear-gradient(135deg,#ff9c72,#ef4b68)}.placeholder-app.blue{background:linear-gradient(135deg,#5bb7ff,#4e63df)}.placeholder-app.green{background:linear-gradient(135deg,#63d7a8,#179e78)}.pixel-test{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px;padding:13px}.pixel-test>div:first-child{flex:1}.pixel-test p{margin:5px 0 0;color:#8a8c9e;font-size:.52rem}.size-line{display:flex;align-items:end;justify-content:center;gap:15px}.size-line>span{display:grid;justify-items:center;gap:5px;color:#8c8e9d;font-size:.46rem}.favicon-box{display:grid;place-items:center;flex:0 0 auto}.favicon-box img{width:var(--art-scale,88%);height:var(--art-scale,88%);object-fit:contain}.size-16{width:16px;height:16px}.size-28{width:28px;height:28px}.size-32{width:32px;height:32px}.size-48{width:48px;height:48px}.size-64{width:64px;height:64px}.app-icon.size-48{border-radius:11px;background:rgba(255,255,255,.08);box-shadow:0 5px 12px rgba(0,0,0,.15)}
.preview-canvas[data-mode="dark"]{background:#181927}.preview-canvas[data-mode="dark"] .browser-window{border-color:#090a12;background:#20212d}.preview-canvas[data-mode="dark"] .window-top{background:#292b39}.preview-canvas[data-mode="dark"] .active-tab{color:#eeeef4;background:#20212d}.preview-canvas[data-mode="dark"] .address-row{border-color:#353644;color:#c0c1cb}.preview-canvas[data-mode="dark"] .address-pill{color:#d4d5dc;background:#30313d}.preview-canvas[data-mode="dark"] .page-demo{color:#f1f1f7;background:radial-gradient(circle at 82% 45%,rgba(130,113,255,.23),transparent 25%),linear-gradient(130deg,#222331 30%,#292640)}.preview-canvas[data-mode="dark"] .page-demo p{color:#aaaabd}.preview-canvas[data-mode="dark"] .context-card,.preview-canvas[data-mode="dark"] .pixel-test{border-color:#393a49;color:#e6e6ed;background:#242531}.preview-canvas[data-mode="dark"] .card-label{color:#d4d4dc}.preview-canvas[data-mode="dark"] .search-source small,.preview-canvas[data-mode="dark"] .bookmark-list small,.preview-canvas[data-mode="dark"] .pixel-test p{color:#999baa}.preview-canvas[data-mode="dark"] .search-card h3{color:#a7adff}.preview-canvas[data-mode="dark"] .search-card p{color:#acaebb}.export-row{justify-content:flex-end;gap:8px;margin-top:14px}.export-row>div:first-child{margin-right:auto}.export-row>div:first-child strong,.export-row>div:first-child small{display:block}.export-row>div:first-child strong{font-size:.72rem}.export-row>div:first-child small{margin-top:3px;color:#9293a5;font-size:.57rem}.size-select{display:flex;align-items:center;gap:7px;height:36px;padding:0 7px 0 10px;border:1px solid var(--fav-border);border-radius:10px;color:#77798f;font-size:.6rem;font-weight:800}.size-select select{border:0;color:#383a50;background:#fff;font-size:.61rem;font-weight:850;outline:0}.secondary-button,.download-button{min-height:36px;padding:0 11px;border-radius:10px;font-size:.61rem;font-weight:850}.secondary-button{border:1px solid var(--fav-border);color:#56586e;background:#fff}.download-button{border:0;color:#fff;background:linear-gradient(135deg,var(--fav-violet),#8b72ed);box-shadow:0 8px 18px rgba(98,85,231,.22)}.secondary-button:hover,.download-button:hover{transform:translateY(-1px)}.privacy-note{margin:11px 0 0;color:#9293a5;font-size:.57rem;text-align:right}.drop-cover{position:absolute;inset:72px 0 0;z-index:15;display:grid;place-items:center;color:#fff;background:rgba(45,37,125,.88);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:.2s;pointer-events:none}.drop-cover.show{opacity:1;visibility:visible}.drop-cover>span{text-align:center}.drop-cover b,.drop-cover small{display:block}.drop-cover b{font-size:1.6rem}.drop-cover small{margin-top:8px;color:rgba(255,255,255,.72)}
.content-section{padding:76px 0;background:#fff}.content-section.alt{background:#f7f6fb}.content{max-width:1000px}.section-kicker{color:var(--fav-violet);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.content h2{margin:10px 0 14px;color:var(--fav-ink);font-size:clamp(1.75rem,3vw,2.4rem);letter-spacing:-.04em}.content>p,.how-to>div>p{color:#686a7f;line-height:1.75}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.benefit-grid article,.tips-grid article,.how-to li,.pro-tip,.faq details{border:1px solid var(--fav-border);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(49,44,105,.05)}.benefit-grid article,.tips-grid article{padding:21px}.benefit-grid article>span{display:grid;width:37px;height:37px;place-items:center;border-radius:11px;color:var(--fav-violet);background:#efedff;font-size:.7rem;font-weight:900}.benefit-grid h3,.tips-grid h3,.pro-tip h3{margin:14px 0 7px;font-size:.96rem}.benefit-grid p,.tips-grid p,.pro-tip p{margin:0;color:#717388;font-size:.84rem;line-height:1.68}.how-to{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.how-to ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.how-to li{display:flex;gap:14px;padding:17px}.how-to li>span{display:grid;flex:0 0 34px;height:34px;place-items:center;border-radius:10px;color:var(--fav-violet);background:#efedff;font-size:.67rem;font-weight:900}.how-to h3{margin:0 0 5px;font-size:.9rem}.how-to li p{margin:0;color:#717388;font-size:.82rem;line-height:1.6}.prose-content{max-width:900px}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:27px}.tips-grid h3{margin-top:0}.pro-tip{display:flex;align-items:center;gap:18px;margin-top:13px;padding:20px}.pro-tip>span{display:grid;flex:0 0 70px;height:55px;place-items:center;border-radius:14px;color:var(--fav-violet);background:linear-gradient(135deg,#efedff,#e4faf5);font:900 .72rem ui-monospace,SFMono-Regular,Consolas,monospace}.pro-tip h3{margin-top:0}.faq{display:grid;gap:9px;margin-top:24px}.faq details{box-shadow:none}.faq summary{padding:16px 19px;color:#383a50;font-size:.88rem;font-weight:850;cursor:pointer}.faq details p{margin:0;padding:0 19px 17px;color:#6f7186;font-size:.83rem;line-height:1.65}.try-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.try-heading h2{margin-bottom:5px}.try-heading p{margin:0;color:#737589}.try-heading>a{color:var(--fav-violet);font-size:.8rem;font-weight:850;white-space:nowrap}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.try-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--fav-border);border-radius:15px;background:#fff;box-shadow:0 8px 25px rgba(49,44,105,.05);transition:.2s}.try-card:hover{border-color:#c9c3ed;transform:translateY(-3px);box-shadow:0 14px 32px rgba(49,44,105,.1)}.try-icon{display:grid;flex:0 0 46px;height:46px;place-items:center;border-radius:12px;color:var(--fav-violet);background:#efedff;font-size:.61rem;font-weight:900}.try-card strong,.try-card small{display:block}.try-card strong{font-size:.82rem}.try-card small{margin-top:4px;color:#8b8d9f;font-size:.69rem}.toast{position:fixed;left:50%;bottom:28px;z-index:80;padding:11px 16px;border-radius:999px;color:#fff;background:#20213a;box-shadow:0 12px 35px rgba(31,33,58,.25);font-size:.74rem;font-weight:800;opacity:0;transform:translate(-50%,18px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.confetti{position:fixed;inset:0;z-index:75;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-15px;width:8px;height:13px;border-radius:3px;animation:confetti-fall 1.25s ease-in forwards}
@keyframes fav-pulse{50%{opacity:.4;transform:scale(.72)}}@keyframes orbit-float{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes confetti-fall{to{opacity:.05;transform:translate(var(--drift),105vh) rotate(700deg)}}
@media(max-width:1050px){.studio-layout{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--fav-border)}.context-grid{grid-template-columns:1fr 1fr}.mobile-card{grid-column:1/-1}.app-grid{grid-template-columns:repeat(4,1fr)}.phone-preview{max-width:360px;margin-inline:auto}.benefit-grid,.try-grid{grid-template-columns:1fr}.how-to{grid-template-columns:1fr}}
@media(max-width:700px){.favicon-hero{padding:26px 0 58px}.hero-copy h1{font-size:clamp(2.2rem,10.5vw,3.2rem)}.favicon-studio{border-radius:20px}.studio-bar{align-items:flex-start;flex-direction:column}.studio-actions{width:100%;justify-content:space-between}.preview-panel,.control-panel{padding:14px}.context-grid{grid-template-columns:1fr}.mobile-card{grid-column:auto}.pixel-test{align-items:flex-start;flex-direction:column}.size-line{width:100%;justify-content:space-between}.page-demo{padding:38px 34% 32px 24px}.demo-orbit{right:3%;width:95px;height:95px}.demo-orbit img{width:53px;height:53px}.export-row{align-items:stretch;flex-wrap:wrap}.export-row>div:first-child{flex-basis:100%}.size-select{margin-right:auto}.content-section{padding:56px 0}.tips-grid{grid-template-columns:1fr}.try-heading,.pro-tip{align-items:flex-start;flex-direction:column}.pro-tip>span{width:70px}.browser-tab.ghost-tab{display:none}.active-tab{width:auto;flex:1}.hero-proof{align-items:flex-start;flex-direction:column;margin-inline:auto;width:max-content}}
@media(max-width:430px){.studio-actions{align-items:stretch;flex-direction:column}.mode-switch button{flex:1}.drop-zone{grid-template-columns:auto 1fr}.drop-zone>b{display:none}.file-facts{grid-template-columns:1fr 1fr 1fr}.page-demo{min-height:220px;padding:30px 20px}.page-demo h2,.page-demo p,.demo-button,.demo-kicker{position:relative;z-index:2}.demo-orbit{right:-22px;top:40%;opacity:.34}.window-dots{display:none}.context-card{min-height:auto}.export-row button{flex:1}.size-select{width:100%;justify-content:space-between}.app-grid{gap:10px 4px}}
@media(prefers-reduced-motion:reduce){.favicon-page *{scroll-behavior:auto!important}.live-badge i,.demo-orbit,.confetti i{animation:none}.magic-button,.preview-canvas,.try-card,.toast{transition:none}}