.aspect-tool{--aspect-ink:#111;--aspect-beige:#f4ede6;--aspect-panel:#fff;--aspect-panel-soft:#faf7f2;--aspect-pink:#ff6faf;--aspect-border:#1111111f}.aspect-tool__shell{flex-direction:column;gap:1rem;width:100%;max-width:1600px;margin-inline:auto;padding:2rem 1rem 2.5rem;display:flex}@media (min-width:640px){.aspect-tool__shell{gap:1.1rem;padding:2.5rem 1.25rem 3rem}}@media (min-width:1024px){.aspect-tool__shell{padding:3rem 1.5rem 3.5rem}}.aspect-tool__hero{align-items:center;gap:1.5rem;margin-bottom:.25rem;display:grid}@media (min-width:900px){.aspect-tool__hero{grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:2rem}}.aspect-tool__title{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:var(--aspect-ink);font-size:clamp(2rem,5.5vw,3.75rem);font-weight:900;line-height:.92}.aspect-tool__title-accent{font-family:var(--font-accent), cursive;text-transform:none;letter-spacing:0;color:var(--aspect-pink);font-size:1.08em;font-weight:400}.aspect-tool__intro{color:#11111185;max-width:36rem;margin-top:.85rem;font-size:.92rem;line-height:1.65}.aspect-tool__badges{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.aspect-tool__badge{letter-spacing:.06em;color:#1111119e;background:#ff6faf14;border:1px solid #ff6faf47;border-radius:9999px;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex}.aspect-tool__badge .spark{color:var(--aspect-pink)}.aspect-tool__hero-art{aspect-ratio:4/3;width:100%;max-height:260px;position:relative}.aspect-tool__panel{border:1px solid var(--aspect-border);background:var(--aspect-panel);border-radius:16px;box-shadow:0 1px #1111110a}.aspect-tool__section-label{letter-spacing:.18em;text-transform:uppercase;color:#11111161;align-items:baseline;gap:.45rem;margin-bottom:.75rem;font-size:.48rem;font-weight:800;display:flex}.aspect-tool__section-num{color:var(--aspect-pink)}.aspect-tool__calc-panel{padding:1.25rem 1.1rem}@media (min-width:1024px){.aspect-tool__calc-panel{padding:1.35rem}}.aspect-tool__calc-meta{color:#1111117a;margin-bottom:.85rem;font-size:.72rem;line-height:1.5}.aspect-tool__calc-meta strong{color:var(--aspect-ink)}.aspect-tool__mode-row{flex-wrap:wrap;gap:.45rem;display:flex}.aspect-tool__mode-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--aspect-ink);cursor:pointer;background:0 0;border:1.5px solid #1111112e;border-radius:8px;padding:.5rem .8rem;font-size:.52rem;font-weight:800;transition:background-color .15s,border-color .15s,color .15s}.aspect-tool__mode-btn[data-active=true]{border-color:var(--aspect-pink);background:var(--aspect-pink);color:#fff}.aspect-tool__calc-fields{gap:.85rem;margin-top:1rem;display:grid}@media (min-width:640px){.aspect-tool__calc-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(88px,120px);align-items:end;gap:.75rem}}.aspect-tool__calc-field{flex-direction:column;gap:.35rem;display:flex}.aspect-tool__calc-field-label{letter-spacing:.14em;text-transform:uppercase;color:#11111161;font-size:.42rem;font-weight:800}.aspect-tool__calc-input{border:0;border-bottom:2px solid var(--aspect-pink);font-variant-numeric:tabular-nums;width:100%;color:var(--aspect-ink);background:0 0;outline:none;padding:.2rem 0 .35rem;font-size:1.35rem;font-weight:700}.aspect-tool__calc-result{font-variant-numeric:tabular-nums;color:var(--aspect-pink);border-bottom:2px solid #1111111a;padding:.2rem 0 .35rem;font-size:1.35rem;font-weight:700}.aspect-tool__calc-sep{color:#11111138;text-align:center;padding-bottom:.45rem;font-size:1.25rem;display:none}@media (min-width:640px){.aspect-tool__calc-sep{display:block}}.aspect-tool__ratio-copy{font-variant-numeric:tabular-nums;color:var(--aspect-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.2rem 0 .35rem;font-size:1.15rem;font-weight:700;display:flex}.aspect-tool__platform-panel{padding:1.15rem 1.1rem}@media (min-width:1024px){.aspect-tool__platform-panel{padding:1.25rem 1.35rem}}.aspect-tool__platform-tabs{flex-wrap:wrap;gap:.45rem;display:flex}.aspect-tool__platform-tab{letter-spacing:.1em;text-transform:uppercase;color:var(--aspect-ink);cursor:pointer;background:0 0;border:1.5px solid #1111112e;border-radius:8px;padding:.55rem .85rem;font-size:.58rem;font-weight:800;transition:background-color .15s,border-color .15s,color .15s}.aspect-tool__platform-tab[data-active=true]{border-color:var(--aspect-pink);background:var(--aspect-pink);color:#fff}.aspect-tool__crop-section{overflow:hidden}.aspect-tool__crop-header{padding:1.15rem 1.1rem 0}@media (min-width:1024px){.aspect-tool__crop-header{padding:1.35rem 1.35rem 0}}.aspect-tool__crop-intro{color:#1111117a;max-width:40rem;margin-top:.35rem;font-size:.72rem;line-height:1.55}.aspect-tool__crop-grid{gap:0;margin-top:1rem;display:grid}@media (min-width:1024px){.aspect-tool__crop-grid{grid-template-columns:minmax(0,1fr) minmax(300px,34%)}}.aspect-tool__workspace-col,.aspect-tool__config-col{padding:1rem 1.1rem 1.15rem}@media (min-width:1024px){.aspect-tool__workspace-col{border-right:1px solid var(--aspect-border);padding:1.25rem 1.15rem}.aspect-tool__config-col{background:var(--aspect-panel-soft);padding:1.25rem 1.1rem}}@media (max-width:1023px){.aspect-tool__crop-grid{flex-direction:column;display:flex}.aspect-tool__config-col{border-bottom:1px solid var(--aspect-border);order:-1}.aspect-tool__workspace-col{border-bottom:0;order:0}}.aspect-tool__workspace-toolbar{flex-direction:column;gap:.65rem;margin-bottom:.85rem;display:flex}@media (min-width:640px){.aspect-tool__workspace-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}}.aspect-tool__workspace-format{letter-spacing:.05em;color:#11111185;font-size:.58rem;font-weight:700}.aspect-tool__workspace-actions{flex-wrap:wrap;gap:.55rem .85rem;display:flex}.aspect-tool__dropzone--main{min-height:clamp(280px,55vw,420px)}@media (min-width:1024px){.aspect-tool__dropzone--main{min-height:clamp(380px,36vw,520px)}}.aspect-tool__dropzone-hint{color:#1111116b;max-width:16rem;font-size:.68rem;line-height:1.45}.aspect-tool__dropzone{background:var(--aspect-panel-soft);text-align:center;cursor:pointer;border:1.5px dashed #11111138;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:1.25rem 1rem;transition:border-color .15s,background-color .15s;display:flex}.aspect-tool__dropzone:hover,.aspect-tool__dropzone[data-drag=true]{border-color:var(--aspect-pink);background:#ff6faf0f}.aspect-tool__dropzone-title{letter-spacing:.1em;text-transform:uppercase;color:#1111119e;font-size:.58rem;font-weight:800}.aspect-tool__dropzone-meta{letter-spacing:.05em;color:#1111116b;font-size:.52rem}.aspect-tool__dropzone-privacy{letter-spacing:.06em;color:#11111161;align-items:center;gap:.35rem;margin-top:.25rem;font-size:.48rem;display:flex}.aspect-cropper-shell{background:#111;border:1px solid #1111112e;border-radius:12px;width:100%;height:clamp(240px,52vw,360px);position:relative;overflow:hidden}@media (min-width:768px){.aspect-cropper-shell{height:clamp(320px,42vw,460px)}}@media (min-width:1024px){.aspect-cropper-shell{height:clamp(380px,36vw,520px)}}.aspect-cropper-shell__ratio{z-index:4;letter-spacing:.12em;color:#fff;background:#0000008c;border:1px solid #ffffff59;border-radius:6px;padding:.2rem .45rem;font-size:.55rem;font-weight:700;position:absolute;top:.55rem;left:.65rem}.aspect-tool__crop-empty{display:none}.aspect-tool__selected-row{align-items:flex-start;gap:.75rem;display:flex}.aspect-tool__selected-preview .aspect-tool__format-preview{margin-bottom:0}.aspect-tool__format-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.55rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.aspect-tool__format-card{scroll-snap-align:start;background:var(--aspect-panel);text-align:left;cursor:pointer;border:1.5px solid #11111124;border-radius:10px;flex:none;width:min(148px,44vw);padding:.7rem .75rem .8rem;transition:border-color .15s,box-shadow .15s;overflow:visible}.aspect-tool__zoom-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-top:.85rem;display:grid}.aspect-tool__zoom-label{letter-spacing:.14em;text-transform:uppercase;color:#11111161;font-size:.48rem;font-weight:800}.aspect-tool__zoom-value{font-variant-numeric:tabular-nums;color:#11111185;font-size:.5rem;font-weight:700}.aspect-tool__btn-ghost{letter-spacing:.1em;text-transform:uppercase;color:#1111119e;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.35rem 0;font-size:.52rem;font-weight:800;display:inline-flex}.aspect-tool__btn-ghost--danger{color:var(--aspect-pink)}.aspect-tool__selected-panel{border:1px solid var(--aspect-border);background:var(--aspect-panel);border-radius:12px;padding:.85rem}.aspect-tool__pill-badge{background:var(--aspect-pink);letter-spacing:.12em;text-transform:uppercase;color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:.2rem .45rem;font-size:.46rem;font-weight:800;line-height:1;display:inline-flex}.aspect-tool__format-card[data-active=true]{border-color:var(--aspect-pink);box-shadow:0 0 0 1px var(--aspect-pink)}@media (min-width:1280px){.aspect-tool__format-scroll{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding-bottom:0;display:grid;overflow:visible}.aspect-tool__format-card{width:auto}}.aspect-tool__format-preview{justify-content:center;align-items:center;min-height:52px;margin-bottom:.45rem;display:flex;overflow:visible}.aspect-tool__format-preview-inner{background:#1111110d;border:1.5px dashed #1111112e;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.aspect-tool__format-preview-label{letter-spacing:.08em;color:#11111159;font-size:.38rem}.aspect-tool__format-title{color:var(--aspect-ink);word-break:break-word;font-size:.78rem;font-weight:600;line-height:1.3}.aspect-tool__format-meta{letter-spacing:.06em;color:#11111173;margin-top:.2rem;font-size:.48rem;font-weight:700}.aspect-tool__btn-secondary{letter-spacing:.1em;text-transform:uppercase;color:var(--aspect-ink);cursor:pointer;background:#fff;border:1.5px solid #1111112e;border-radius:8px;align-items:center;gap:.35rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.52rem;font-weight:800;display:inline-flex}.aspect-tool__download-btn{background:var(--aspect-pink);letter-spacing:.12em;text-transform:uppercase;color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;margin-top:1rem;padding:.9rem 1rem;font-size:.56rem;font-weight:800;transition:opacity .15s,transform .15s;display:flex}.aspect-tool__download-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.aspect-tool__download-btn:disabled{opacity:.45;cursor:not-allowed}.aspect-tool__privacy{color:#1111116b;align-items:flex-start;gap:.4rem;margin-top:.75rem;font-size:.62rem;line-height:1.45;display:flex}.aspect-tool__error{color:#c0185b;margin-top:.75rem;font-size:.68rem;line-height:1.45}.aspect-tool__how-panel{gap:1rem;padding:1.25rem 1.1rem;display:grid}@media (min-width:768px){.aspect-tool__how-panel{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.25rem;padding:1.35rem}}.aspect-tool__steps{gap:.55rem;display:grid}@media (min-width:640px){.aspect-tool__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.aspect-tool__steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.aspect-tool__step{border:1px solid var(--aspect-border);background:var(--aspect-panel-soft);color:#1111119e;border-radius:10px;padding:.65rem .6rem;font-size:.58rem;line-height:1.35}.aspect-tool__step-num{letter-spacing:.14em;color:var(--aspect-pink);margin-bottom:.25rem;font-size:.46rem;font-weight:800;display:block}.aspect-tool__tip-box{background:#ff6faf14;border:1px solid #ff6faf38;border-radius:12px;padding:.9rem .95rem}.aspect-tool__tip-box .heart{color:var(--aspect-pink);margin-right:.15rem}.aspect-tool__tip-heading{letter-spacing:.14em;text-transform:uppercase;color:#11111161;margin-bottom:.35rem;font-size:.48rem;font-weight:800}.aspect-tool__tip-text{color:#11111185;font-size:.72rem;line-height:1.55}.aspect-tool__footer-tip{color:#11111185;text-align:center;background:#ff6faf1a;border:1px solid #ff6faf38;border-radius:12px;padding:.9rem 1.1rem;font-size:.72rem;line-height:1.5}.aspect-tool__footer-tip .spark{color:var(--aspect-pink)}