.photo-navigation{height:108px}.photo-navigation .brand{width:300px}.back-link{text-decoration:none;font-size:17px}.photo-main{position:relative;background:var(--surface);overflow:hidden}.photo-main:after{content:'';position:absolute;right:-175px;bottom:-85px;width:360px;height:170px;border-top:65px solid var(--blue);border-bottom:45px solid var(--yellow);transform:rotate(-47deg);pointer-events:none}.editor-grid{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(0,1.25fr);grid-template-rows:auto 1fr;column-gap:76px;padding-top:64px;padding-bottom:58px;min-height:810px}.editor-intro{grid-column:1;grid-row:1}.editor-intro h1{font-size:52px;line-height:1.14}.editor-intro>p{margin-top:24px;max-width:530px;font-size:20px;line-height:1.55}.editor-controls{grid-column:1;grid-row:2;margin-top:30px;position:relative;z-index:1}.editor-controls .button{font-weight:500;min-height:54px}.upload-button{position:relative;cursor:pointer;min-height:65px!important}.upload-button:focus-within{outline:3px solid var(--blue);outline-offset:5px}.upload-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.editor-help{font-size:15px;line-height:1.5;color:#465875;margin-top:12px}.crop-controls{margin-top:32px;max-width:480px}.crop-controls h2{font-size:20px;letter-spacing:-.025em;margin-bottom:18px}.zoom-label{display:flex;justify-content:space-between;font-size:17px}.crop-controls input[type=range]{width:100%;height:28px;margin:4px 0;accent-color:var(--blue);cursor:ew-resize}.crop-controls input:disabled{cursor:not-allowed}.adjust-buttons{display:flex;flex-direction:column;gap:12px;max-width:355px;margin-top:23px}.adjust-buttons .button{min-height:48px;font-size:16px}.generate-button{margin-top:27px}.photo-error{font-size:16px;color:#a01925;margin-top:20px}.editor-preview{grid-column:2;grid-row:1/3;align-self:center;margin:0;position:relative;z-index:1}.editor-preview img,.canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:50%}.canvas-wrap{cursor:grab}.canvas-wrap canvas{touch-action:none}.canvas-wrap.is-dragging{cursor:grabbing}.editor-preview figcaption{margin-top:23px;text-align:center;color:var(--navy);font-size:18px;font-weight:600}.dropzone.drag-active{outline:3px dashed var(--blue);outline-offset:10px}.photo-footer{text-align:center;padding:24px 25px;color:var(--navy);font-size:15px}.photo-footer a{margin-left:10px;white-space:nowrap}.photo-result{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-top:75px;padding-bottom:75px;min-height:780px}.photo-result h1{font-size:54px}.photo-result p{margin-top:24px}.photo-result>img{border-radius:50%}.result-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin:32px 0}.text-button{border:0;background:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:4px;padding:8px 0;font-size:17px}.photo-result:focus{outline:0}
@media(max-width:1150px){.editor-grid{gap:35px;grid-template-columns:minmax(340px,1fr) minmax(0,1.1fr);padding-top:52px}.editor-intro h1{font-size:43px}.editor-intro>p{font-size:18px}.photo-result{gap:50px}}
@media(max-width:850px){.editor-grid{grid-template-columns:1fr;min-height:0;max-width:700px;padding-top:45px;padding-bottom:50px}.editor-intro{grid-column:1;grid-row:1}.editor-intro h1{font-size:48px}.editor-intro>p{max-width:600px}.editor-preview{grid-column:1;grid-row:2;max-width:530px;width:100%;margin:0 auto}.editor-controls{grid-column:1;grid-row:3;margin-top:0;max-width:530px;width:100%;justify-self:center}.crop-controls{max-width:none}.adjust-buttons{max-width:none;flex-direction:row}.adjust-buttons .button{flex:1}.generate-button,.upload-button{width:100%}.photo-main:after{opacity:.6}.photo-result{grid-template-columns:1fr;max-width:650px;gap:40px}.photo-result h1{font-size:45px}}
@media(max-width:600px){.photo-navigation{min-height:88px;height:auto;flex-wrap:nowrap}.photo-navigation .brand{width:210px;max-width:61%}.back-link{font-size:13px;max-width:100px;text-align:right}.editor-grid{gap:28px;padding-top:35px;padding-bottom:45px}.editor-intro h1{font-size:36px;line-height:1.15}.editor-intro>p{font-size:17px;margin-top:20px}.editor-preview{max-width:410px}.editor-preview figcaption{font-size:16px;margin-top:15px}.editor-controls .button{font-size:16px}.adjust-buttons{flex-direction:column}.editor-help{font-size:14px}.photo-footer{font-size:14px;line-height:1.6}.photo-footer a{display:inline-block}.photo-result{padding-top:42px;padding-bottom:42px}.photo-result h1{font-size:38px}.photo-result p{font-size:17px}.result-actions{align-items:stretch}.photo-main:after{width:260px;height:110px;border-width:35px;right:-170px;bottom:-80px}}