.sky-page{--sky:#4275f5}.sky-hero{background:radial-gradient(circle at 85% 5%,#d6f5ff,transparent 35%),linear-gradient(135deg,#fff,#f0f5ff)}.sky-hero-media,.sky-split figure,.sky-wide{margin:0;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 22px 60px #183f7d22}.sky-hero-media img,.sky-split figure img,.sky-wide img{width:100%;height:auto}.sky-hero-media figcaption,.sky-split figcaption,.sky-wide figcaption,.sky-pair figcaption{padding:.75rem 1rem}.sky-editor,.sky-ideas,.sky-tips{background:#f5f8ff}.sky-workspace{display:grid;grid-template-columns:1.05fr .95fr;max-width:1120px;margin:auto;overflow:hidden;border:1px solid #dce5f5;border-radius:28px;background:#fff;box-shadow:0 24px 70px #173d7420}.sky-dropzone{position:relative;min-height:560px;overflow:hidden;cursor:pointer}.sky-dropzone>img{width:100%;height:100%;min-height:560px;object-fit:cover}.sky-drop-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#fff;background:linear-gradient(#10192b11,#10192bbb)}.sky-drop-overlay>span:first-child{display:grid;place-items:center;width:60px;height:60px;margin-bottom:.7rem;border-radius:50%;background:#fff;color:#4275f5;font-size:1.7rem}.sky-drop-overlay small{margin:.35rem 0 1rem}.sky-dropzone.is-dragging .sky-drop-overlay{background:#4275f5dd}.sky-controls{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.4rem,4vw,3rem)}.sky-controls label{font-weight:800;margin-bottom:.65rem}.sky-controls textarea{min-height:150px;padding:1rem;border:1px solid #d8e1f2;border-radius:16px;resize:vertical}.sky-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.4rem}.sky-chips button,.sky-prompt-grid button{padding:.42rem .7rem;border:1px solid #cfddf7;border-radius:999px;background:#fff;color:#264a83}.sky-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}.sky-pair{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.sky-pair figure{margin:0;overflow:hidden;border-radius:20px;background:#fff}.sky-pair img{width:100%;height:520px;object-fit:cover}.sky-card-grid,.sky-natural-grid,.sky-use-grid,.sky-tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sky-card-grid article,.sky-natural-grid article,.sky-use-grid article,.sky-tip-grid article{padding:1.25rem;border:1px solid #dce5f4;border-radius:20px;background:#fff}.sky-prompt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sky-prompt-grid article{padding:1.2rem;border:1px solid #dbe4f4;border-radius:18px;background:#fff}.replace-step-grid{grid-template-columns:repeat(3,1fr)!important}.sky-natural{background:#10213b;color:#fff}.sky-natural-grid article{border-color:#ffffff22;background:#ffffff0d}.sky-wide{margin-top:1.5rem}.sky-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.sky-showcase figure{margin:0;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 15px 35px #22334d18}.sky-showcase img{width:100%;aspect-ratio:16/10;object-fit:cover}.sky-showcase figcaption{padding:.7rem 1rem}.sky-compare{background:#fffaf0}.sky-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sky-tool-grid a{display:flex;flex-direction:column;padding:1.2rem;border:1px solid #dbe4f2;border-radius:18px;font-weight:800;text-decoration:none}.sky-tool-grid span{font-weight:400;color:#625f72}.sky-limits{background:#eef4ff}.sky-limit-card{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3rem);border-radius:30px;background:#14223b;color:#fff}.sky-limit-card a{color:#b9d0ff}.sky-final{background:linear-gradient(135deg,#3265dd,#2db6cc)}
@media(max-width:991.98px){.sky-workspace,.sky-split,.sky-limit-card{grid-template-columns:1fr}.sky-card-grid,.sky-natural-grid,.sky-use-grid,.sky-tip-grid,.sky-tool-grid{grid-template-columns:repeat(2,1fr)}.replace-step-grid{grid-template-columns:repeat(2,1fr)!important}.sky-dropzone,.sky-dropzone>img{min-height:440px}}
@media(max-width:575.98px){.sky-workspace{border-radius:20px}.sky-dropzone,.sky-dropzone>img{min-height:330px}.sky-controls{padding:1.2rem}.sky-card-grid,.sky-natural-grid,.sky-use-grid,.sky-tip-grid,.sky-prompt-grid,.sky-showcase,.sky-tool-grid,.replace-step-grid{grid-template-columns:1fr!important}.sky-pair img{height:350px}}
