html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--blue:#020d36;--blue-deep:#010821;--blue-text:#020d36;--cyan:#14cbca;--red:#14cbca;--red-dark:#0eaaa9;--sand:#dff9f7;--sand-soft:#f3fffe;--sand-line:#bfeeea;--white:#fff;--radius-card:30px;--radius-btn:16px}*{box-sizing:border-box}html,body,#root{background:var(--white);min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}body{color:var(--blue-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea{font-family:Arial,Helvetica,sans-serif}.app-shell{background:var(--blue);min-height:100vh}.app-header{z-index:5;background:var(--blue);justify-content:space-between;align-items:center;gap:18px;min-height:116px;padding:16px 30px 34px;display:flex;position:relative}.app-header__left{align-items:center;gap:24px;min-width:0;display:flex}.app-header__company-logo-wrap{background:var(--white);border-radius:18px;justify-content:center;align-items:center;width:250px;max-width:30vw;height:68px;padding:8px 18px;display:flex;overflow:hidden;box-shadow:0 10px 26px #00000024}.app-header__company-logo{object-fit:contain;width:100%;height:100%;display:block;transform:scale(1.45)}.app-header__divider{background:#ffffff8c;border-radius:999px;width:2px;height:64px}.brand-logo{min-width:0;color:var(--white);align-items:center;gap:12px;display:inline-flex}.brand-logo__icon{width:54px;height:42px;color:var(--cyan);flex:none}.brand-logo__text{letter-spacing:-.03em;white-space:nowrap;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:800;line-height:1}.brand-logo--gate{justify-content:center;gap:14px}.brand-logo--gate .brand-logo__icon{width:60px;height:46px}.brand-logo--gate .brand-logo__text{font-size:clamp(1.7rem,2.2vw,2.3rem)}.app-header__avatar{appearance:none;width:56px;height:56px;color:var(--white);cursor:pointer;background:0 0;border:2px solid #ffffffd9;border-radius:999px;flex:none;place-items:center;transition:background .18s,border-color .18s,transform .18s;display:grid;position:relative}.app-header__avatar:hover{background:var(--red);border-color:var(--red);transform:translateY(-1px)}.app-header__avatar-icon{grid-area:1/1;width:34px;height:34px;transition:opacity .16s;display:block}.app-header__avatar-icon--logout,.app-header__avatar:hover .app-header__avatar-icon--user{opacity:0}.app-header__avatar:hover .app-header__avatar-icon--logout{opacity:1}.app-body{background:var(--white);border-radius:30px 30px 0 0;min-height:calc(100vh - 90px);margin-top:-26px;padding-top:14px;position:relative;overflow:hidden}.screen-shell{z-index:2;width:min(1240px,100% - 64px);margin:0 auto;padding:22px 0 56px;position:relative}.page-scene{z-index:0;pointer-events:none;height:clamp(320px,30vw,560px);line-height:0;position:absolute;bottom:0;left:0;right:0}.page-scene__art{width:100%;height:100%;display:block}.stepper{z-index:2;grid-template-columns:auto 1fr auto 1fr auto;align-items:start;gap:16px;width:min(820px,100%);margin:4px auto 30px;display:grid;position:relative}.step{appearance:none;cursor:pointer;color:var(--blue-text);background:0 0;border:none;flex-direction:column;align-items:center;gap:12px;padding:0;display:flex}.step:disabled{cursor:not-allowed}.step__circle{background:var(--sand);width:56px;height:56px;color:var(--blue-text);border-radius:999px;place-items:center;font-size:1.7rem;font-weight:700;line-height:1;transition:background .2s,color .2s;display:grid}.step__label{color:var(--blue-text);font-size:1.06rem;font-weight:700}.step--active .step__circle{background:var(--red);color:var(--white);box-shadow:0 6px 16px #14cbca47}.step--active .step__label{color:var(--red)}.step__line{background:var(--sand-line);border-radius:999px;height:3px;margin-top:27px}.screen-card{z-index:2;background:var(--white);border-radius:var(--radius-card);border:1px solid #14006e12;height:clamp(650px,72vh,780px);min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 55px #14006e0f}.screen-card--record{min-height:0}.screen-card__inner-clouds{display:none}.record-screen,.preview-screen,.history-screen{z-index:2;width:min(1180px,100% - 40px);height:100%;min-height:0;margin:0 auto;position:relative}.record-screen{flex-direction:column;justify-content:center;align-items:center;padding-top:30px;padding-bottom:30px;display:flex}.record-hero{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;width:min(960px,100%);display:grid}.wave{align-items:center;gap:16px;display:flex}.wave--left{justify-content:flex-end}.wave--right{justify-content:flex-start}.wave span{background:var(--red);transform-origin:50%;border-radius:999px;width:22px;transition:transform .2s;display:block}.wave--left span:first-child{width:18px;height:18px}.wave--left span:nth-child(2){height:46px}.wave--left span:nth-child(3){height:84px}.wave--left span:nth-child(4){height:120px}.wave--left span:nth-child(5),.wave--right span:first-child{height:152px}.wave--right span:nth-child(2){height:120px}.wave--right span:nth-child(3){height:84px}.wave--right span:nth-child(4){height:46px}.wave--right span:nth-child(5){width:18px;height:18px}.record-hero--recording .wave span{animation:.9s ease-in-out infinite eqBounce}.record-hero--recording .wave--left span:first-child,.record-hero--recording .wave--right span:nth-child(5){animation:1.1s ease-in-out infinite eqDot}.record-hero--recording .wave--left span:nth-child(2){animation-duration:.7s;animation-delay:50ms}.record-hero--recording .wave--left span:nth-child(3){animation-duration:.85s;animation-delay:.18s}.record-hero--recording .wave--left span:nth-child(4){animation-duration:.6s;animation-delay:.1s}.record-hero--recording .wave--left span:nth-child(5){animation-duration:.78s;animation-delay:.24s}.record-hero--recording .wave--right span:first-child{animation-duration:.72s;animation-delay:.14s}.record-hero--recording .wave--right span:nth-child(2){animation-duration:.62s;animation-delay:40ms}.record-hero--recording .wave--right span:nth-child(3){animation-duration:.88s;animation-delay:.2s}.record-hero--recording .wave--right span:nth-child(4){animation-duration:.68s;animation-delay:.12s}.mic-ring{background:var(--sand);border-radius:999px;place-items:center;width:300px;height:300px;display:grid;position:relative}.mic-ring:before{content:"";background:var(--white);border-radius:999px;position:absolute;inset:16px}.mic-core{z-index:1;background:var(--red);border-radius:999px;place-items:center;width:212px;height:212px;display:grid;position:relative;box-shadow:0 16px 34px #14cbca38}.record-hero--recording .mic-core{animation:1.4s ease-in-out infinite micPulse}.mic-core__icon{width:110px;height:110px;color:var(--blue)}.record-screen__button-wrap{justify-content:center;width:100%;margin-top:40px;display:flex}.main-cta{appearance:none;border-radius:var(--radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:16px;min-width:440px;min-height:86px;padding:16px 30px;font-size:1.5rem;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s,background .16s;display:inline-flex}.main-cta:hover{transform:translateY(-1px)}.main-cta:disabled{opacity:.55;cursor:not-allowed;transform:none}.main-cta--red{background:var(--red);color:var(--blue);box-shadow:0 12px 26px #14cbca3d}.main-cta--red:hover{background:var(--red-dark)}.main-cta__rec{width:30px;height:30px;color:var(--blue);flex:none}.progress-panel{background:var(--sand-soft);border:1px solid var(--sand-line);border-radius:16px;width:min(640px,100%);margin-top:26px;padding:14px 18px}.progress-panel__top{color:var(--blue-text);justify-content:space-between;gap:10px;margin-bottom:10px;font-weight:700;display:flex}.progress-panel__track{background:#14006e14;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-panel__fill{background:var(--red);border-radius:999px;height:100%;transition:width .22s}.inline-message{border-radius:14px;width:min(640px,100%);margin-top:18px;padding:14px 16px;font-weight:700}.inline-message--error{color:#0a6f70;background:#14cbca1a;border:1px solid #14cbca38}.preview-screen{flex-direction:column;padding-top:30px;padding-bottom:30px;display:flex}.preview-frame{border:1px solid var(--sand-line);background:var(--white);border-radius:20px;flex:auto;justify-content:center;align-items:center;width:100%;height:auto;min-height:0;margin:0 auto;padding:12px;display:flex;overflow:hidden;box-shadow:0 8px 26px #14006e0a}.preview-frame__image{object-fit:contain;width:100%;height:100%;display:block}.preview-frame__placeholder{text-align:center;color:#14006e99;padding:30px;font-size:1.1rem;font-weight:700}.preview-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin:24px auto 0;display:grid}.action-button{appearance:none;border-radius:var(--radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:14px;min-height:72px;padding:14px 22px;font-size:1.2rem;font-weight:700;transition:transform .16s,opacity .16s,background .16s;display:inline-flex}.action-button:hover{transform:translateY(-1px)}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button__icon{flex:none;width:26px;height:26px;display:block}.action-button--blue{background:var(--blue);color:var(--white)}.action-button--red{background:var(--red);color:var(--blue)}.action-button--red:hover{background:var(--red-dark)}.action-button--sand{background:var(--sand);color:var(--blue-text)}.action-button--sand:hover{background:#c9f4f1}.history-screen{flex-direction:column;padding-top:30px;padding-bottom:30px;display:flex}.history-panel{background:var(--white);border:1px solid var(--sand-line);border-radius:22px;flex-direction:column;flex:auto;width:min(1040px,100%);min-height:0;margin:0 auto;padding:14px;display:flex;box-shadow:0 10px 30px #14006e0d}.history-list{flex-direction:column;flex:auto;gap:12px;min-height:0;max-height:none;padding-top:10px;padding-bottom:10px;padding-right:4px;display:flex;overflow-y:auto}.history-row{appearance:none;border:1px solid var(--sand-line);background:var(--white);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:124px minmax(0,1fr) auto;align-content:center;align-items:center;gap:20px;width:100%;min-height:92px;padding:12px 20px 12px 12px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.history-row:hover{border-color:var(--red);transform:translateY(-1px);box-shadow:0 8px 18px #14006e0f}.history-row__thumb{border:1px solid var(--sand-line);background:var(--white);border-radius:10px;justify-content:center;align-items:center;width:124px;height:78px;display:flex;overflow:hidden}.history-row__thumb-image{object-fit:contain;width:100%;height:100%;display:block}.history-row__thumb-empty{color:#14006e73;font-size:.85rem;font-weight:700}.history-row__title{color:var(--blue-text);font-size:1.5rem;font-weight:700;line-height:1.15}.history-row__arrow{width:24px;height:24px;color:var(--red);flex:none}.history-empty{border:1px solid var(--sand-line);background:var(--white);color:#14006e99;border-radius:22px;flex:auto;place-items:center;width:min(1040px,100%);min-height:0;margin:0 auto;font-size:1.05rem;font-weight:700;display:grid}.gate-loading,.gate-login-screen{background:var(--blue);place-items:center;min-height:100vh;padding:24px;display:grid}.gate-login-wrap{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:520px;display:flex}.gate-login-brand{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.gate-login-brand__logo-wrap{background:var(--white);border-radius:22px;justify-content:center;align-items:center;width:min(360px,92vw);min-height:92px;padding:12px 24px;display:flex;overflow:hidden;box-shadow:0 18px 44px #0003}.gate-login-brand__img{object-fit:contain;width:auto;max-width:100%;height:68px;display:block;transform:scale(1.45)}.gate-login-card{background:var(--white);border-radius:24px;width:100%;padding:26px 22px;box-shadow:0 18px 50px #0003}.gate-login-info{border-bottom:1px solid var(--sand-line);text-align:left;margin-bottom:22px;padding-bottom:20px}.gate-login-info__title{color:var(--blue-text);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:800;line-height:1.15}.gate-login-info__text{color:#020d36c2;margin:0 0 11px;font-size:.96rem;line-height:1.55}.gate-login-info__text--last{color:var(--blue-text);margin-bottom:0;font-weight:700}.gate-login-info__text a{color:var(--red-dark);overflow-wrap:anywhere;font-weight:800;text-decoration:none}.gate-login-info__text a:hover,.gate-login-info__text a:focus-visible{color:var(--red);text-decoration:underline}.gate-login-fields{gap:14px;display:grid}.gate-login-fields input{width:100%;color:var(--blue-text);border:1px solid #14006e29;border-radius:14px;outline:none;padding:15px}.gate-login-fields input:focus{border-color:var(--red)}.gate-login-fields button{background:var(--red);color:var(--white);cursor:pointer;border:none;border-radius:14px;padding:15px;font-weight:700}.gate-login-fields button:hover{background:var(--red-dark)}.gate-login-error{color:#0a6f70;font-size:.95rem;font-weight:700}@keyframes eqBounce{0%,to{transform:scaleY(.42)}50%{transform:scaleY(1.06)}}@keyframes eqDot{0%,to{opacity:.55;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}@keyframes micPulse{0%,to{box-shadow:0 16px 34px #14cbca38}50%{box-shadow:0 16px 34px #14cbca4d,0 0 0 14px #14cbca1a}}@media (prefers-reduced-motion:reduce){.record-hero--recording .wave span,.record-hero--recording .mic-core{animation:none!important}}@media (width<=1200px){.brand-logo__text{font-size:1.7rem}.history-row__title{font-size:1.4rem}}@media (width<=980px){.app-header{padding:16px 18px 32px}.app-header__company-logo-wrap{width:210px;max-width:none;height:60px}.app-header__divider{height:56px}.brand-logo__text{font-size:1.5rem}.brand-logo__icon{width:40px;height:40px}.app-header__avatar{width:50px;height:50px}.screen-shell{width:min(1240px,100% - 40px)}.record-hero{grid-template-columns:1fr;justify-items:center;gap:22px}.wave--right{display:none}.wave--left{order:2;justify-content:center;gap:16px}.wave--left span:first-child{width:20px;height:92px}.wave--left span:nth-child(2){width:20px;height:58px}.wave--left span:nth-child(3){width:20px;height:36px}.wave--left span:nth-child(4){width:20px;height:58px}.wave--left span:nth-child(5){width:20px;height:92px}.record-hero--recording .wave--left span:first-child{animation-name:eqBounce;animation-duration:.72s}.mic-ring{order:1}.preview-actions{grid-template-columns:1fr}}@media (width<=700px){.gate-login-card{padding:22px 18px}.gate-login-info{margin-bottom:18px;padding-bottom:17px}.gate-login-info__title{font-size:1.35rem}.gate-login-info__text{font-size:.9rem;line-height:1.48}.app-header{gap:10px;padding:14px 14px 30px}.app-header__left{gap:8px}.app-header__company-logo-wrap{border-radius:14px;width:150px;height:50px;padding:6px 10px}.app-header__divider{height:42px}.brand-logo{gap:7px}.brand-logo__text{font-size:1.05rem}.brand-logo__icon{width:34px;height:28px}.brand-logo--gate .brand-logo__icon{width:40px;height:32px}.brand-logo--gate .brand-logo__text{font-size:1.2rem}.app-header__avatar{width:36px;height:36px}.app-header__avatar svg{width:18px;height:18px}.app-body{border-radius:24px 24px 0 0;margin-top:-22px}.page-scene{height:clamp(180px,46vw,300px)}.screen-shell{width:calc(100% - 24px);padding-top:16px;padding-bottom:40px}.stepper{gap:8px;margin-bottom:22px}.step__circle{width:44px;height:44px;font-size:1.3rem}.step__label{font-size:.88rem}.step__line{margin-top:21px}.screen-card{border-radius:24px;height:clamp(540px,72vh,660px);min-height:0}.record-screen{width:calc(100% - 24px);padding-top:34px;padding-bottom:24px}.wave--left{gap:11px}.wave--left span:first-child{width:15px;height:66px}.wave--left span:nth-child(2){width:15px;height:42px}.wave--left span:nth-child(3){width:15px;height:26px}.wave--left span:nth-child(4){width:15px;height:42px}.wave--left span:nth-child(5){width:15px;height:66px}.mic-ring{width:220px;height:220px}.mic-ring:before{inset:12px}.mic-core{width:152px;height:152px}.mic-core__icon{width:78px;height:78px}.main-cta{width:100%;min-width:0;min-height:70px;font-size:1.2rem}.progress-panel,.inline-message{width:100%}.preview-screen,.history-screen{width:calc(100% - 20px)}.preview-screen{padding-top:18px;padding-bottom:22px}.preview-frame{border-radius:16px;flex:auto;height:auto;min-height:0;padding:8px}.action-button{min-height:60px;font-size:1.04rem}.history-panel{border-radius:18px;padding:10px}.history-row{border-radius:14px;grid-template-columns:78px minmax(0,1fr) auto;gap:14px;min-height:80px;padding:10px 14px 10px 10px}.history-row__thumb{border-radius:8px;width:78px;height:58px}.history-row__title{font-size:1.15rem}.history-row__arrow{width:22px;height:22px}.gate-login-brand__img{height:70px}}@media (width<=420px){.app-header__company-logo-wrap{width:150px;height:52px;padding:7px 12px}.brand-logo__text{font-size:1.15rem}.brand-logo__icon{width:32px;height:32px}.step__label{font-size:.78rem}.history-row__title{font-size:1.05rem}.gate-login-brand__img{height:60px}}.app-shell{background:var(--white)}@media (width>=901px) and (height<=850px){.app-header{min-height:92px;padding:12px 24px 22px}.app-header__company-logo-wrap{width:200px;height:56px}.app-header__divider{height:48px}.brand-logo__text{font-size:1.35rem}.brand-logo__icon{width:36px;height:36px}.app-header__avatar{width:48px;height:48px}.app-header__avatar-icon{width:28px;height:28px}.app-body{border-radius:0;min-height:calc(100vh - 92px);margin-top:0;padding-top:8px}.screen-shell{width:min(1120px,100% - 56px);padding:8px 0 14px}.stepper{gap:12px;width:min(680px,100%);margin:0 auto 12px}.step__circle{width:44px;height:44px;font-size:1.38rem}.step__label{font-size:.94rem}.step__line{margin-top:21px}.screen-card{height:min(540px,100vh - 252px);min-height:440px}.record-screen,.preview-screen,.history-screen{width:min(1040px,100% - 36px);padding-top:18px;padding-bottom:18px}.record-hero{gap:20px;width:min(820px,100%)}.mic-ring{width:240px;height:240px}.mic-ring:before{inset:13px}.mic-core{width:168px;height:168px}.mic-core__icon{width:84px;height:84px}.wave span{width:18px}.wave--left span:nth-child(2),.wave--right span:nth-child(4){height:38px}.wave--left span:nth-child(3),.wave--right span:nth-child(3){height:70px}.wave--left span:nth-child(4),.wave--right span:nth-child(2){height:96px}.wave--left span:nth-child(5),.wave--right span:first-child{height:120px}.record-screen__button-wrap{margin-top:22px}.main-cta{min-height:62px;font-size:1.18rem}.progress-panel{margin-top:16px}.inline-message{margin-top:12px}.preview-actions{gap:14px;margin-top:14px}.action-button{min-height:56px;font-size:1.04rem}.action-button__icon{width:22px;height:22px}.history-panel{padding:10px}.history-list{gap:10px;padding-top:6px;padding-bottom:6px}.history-row{grid-template-columns:100px minmax(0,1fr) auto;min-height:76px;padding:9px 18px 9px 10px}.history-row__thumb{width:100px;height:60px}.history-row__title{font-size:1.28rem}.page-scene{height:clamp(190px,22vw,330px)}}@media (width>=901px) and (height<=720px){.app-header{min-height:82px;padding:10px 22px 18px}.app-header__company-logo-wrap{width:180px;height:52px}.brand-logo__text{font-size:1.2rem}.brand-logo__icon{width:32px;height:32px}.app-header__avatar{width:44px;height:44px}.app-body{border-radius:0;min-height:calc(100vh - 82px);margin-top:0;padding-top:6px}.screen-shell{padding:6px 0 10px}.stepper{margin-bottom:10px}.step__circle{width:40px;height:40px;font-size:1.25rem}.step__label{font-size:.88rem}.step__line{margin-top:19px}.screen-card{height:min(480px,100vh - 220px);min-height:400px}.record-screen,.preview-screen,.history-screen{padding-top:14px;padding-bottom:14px}.mic-ring{width:200px;height:200px}.mic-core{width:140px;height:140px}.mic-core__icon{width:70px;height:70px}.record-screen__button-wrap{margin-top:16px}.main-cta{min-height:56px;font-size:1.1rem}.preview-actions{margin-top:10px}.action-button{min-height:50px;font-size:.98rem}.history-row{min-height:68px}.history-row__thumb{height:52px}}button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.app-header__company-logo-wrap,.gate-login-brand__logo-wrap{box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important;overflow:visible!important}.app-header__company-logo-wrap{width:300px!important;max-width:34vw!important;height:72px!important}.app-header__company-logo{object-fit:contain!important;transform-origin:50%!important;width:100%!important;max-width:300px!important;height:100%!important;transform:scale(1.75)!important}.gate-login-brand__logo-wrap{width:min(430px,92vw)!important;min-height:110px!important}.gate-login-brand__img{object-fit:contain!important;transform-origin:50%!important;width:auto!important;max-width:390px!important;height:92px!important;transform:scale(1.7)!important}@media (width<=900px){.app-header__company-logo-wrap{width:230px!important;max-width:36vw!important;height:60px!important}.app-header__company-logo{max-width:230px!important;transform:scale(1.65)!important}.gate-login-brand__logo-wrap{width:min(360px,90vw)!important;min-height:96px!important}.gate-login-brand__img{max-width:330px!important;height:78px!important;transform:scale(1.6)!important}}@media (width<=700px){.app-header__company-logo-wrap{width:170px!important;max-width:42vw!important;height:48px!important}.app-header__company-logo{max-width:170px!important;transform:scale(1.55)!important}.gate-login-brand__logo-wrap{width:min(300px,88vw)!important;min-height:82px!important}.gate-login-brand__img{max-width:270px!important;height:66px!important;transform:scale(1.5)!important}}.preview-frame--drawing{background:radial-gradient(circle at 50% 35%,#8cefe92e,#0000 48%),linear-gradient(#fbffff 0%,#f3fffe 100%);border-color:#14cbca57;padding:0}.drawing-loader{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;min-height:360px;padding:clamp(18px,3vw,34px);display:flex;overflow:hidden}.drawing-loader__paper{aspect-ratio:8/5;isolation:isolate;background:#fff;border:1px solid #020d361a;border-radius:20px;width:min(760px,94%);max-height:72%;position:relative;overflow:hidden;transform:rotate(-.18deg);box-shadow:0 22px 50px #020d361a,0 5px 14px #020d360f}.drawing-loader__paper:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#14cbca07 1px,#0000 1px),linear-gradient(90deg,#14cbca07 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.drawing-loader__sketch{z-index:1;width:100%;height:100%;display:block;position:relative}.drawing-loader__picture{transform-origin:50%;animation:4.8s ease-in-out infinite sketchBreathing}.drawing-loader__line{fill:none;stroke:var(--cyan);stroke-width:3.1px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;filter:drop-shadow(0 0 2px #14cbca52);animation:4.8s ease-in-out infinite sketchDraw}.drawing-loader__line--1{animation-delay:0s}.drawing-loader__line--2{animation-delay:.18s}.drawing-loader__line--3{animation-delay:.38s}.drawing-loader__line--4{animation-delay:.58s}.drawing-loader__line--5{animation-delay:.8s}.drawing-loader__line--6{animation-delay:1.02s}.drawing-loader__line--7{animation-delay:1.22s}.drawing-loader__line--8{animation-delay:1.42s}.drawing-loader__line--9{animation-delay:1.62s}.drawing-loader__line--10{animation-delay:1.82s}.drawing-loader__hand-image{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:12% 72%;filter:drop-shadow(0 10px 18px #020d362b);will-change:left, top, transform;width:clamp(118px,17vw,190px);height:auto;animation:4.8s cubic-bezier(.42,0,.22,1) infinite handSketchMotion;position:absolute;top:46%;left:18%}.drawing-loader__shine{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffd1,#0000);width:22%;animation:4.4s ease-in-out infinite paperShine;position:absolute;inset:-40% auto -40% -32%;transform:rotate(14deg)}.drawing-loader__content{text-align:center;width:min(560px,92%)}.drawing-loader__title{color:var(--blue-text);letter-spacing:-.02em;font-size:clamp(1.22rem,2.2vw,1.7rem);font-weight:800;line-height:1.15}.drawing-loader__subject{color:#020d36a6;min-height:24px;margin-top:7px;font-size:clamp(.92rem,1.5vw,1.05rem);font-weight:700}.drawing-loader__progress{background:#14cbca2e;border:1px solid #14cbca8c;border-radius:999px;width:100%;height:12px;margin-top:15px;overflow:hidden;box-shadow:inset 0 0 0 1px #8cefe92e}.drawing-loader__progress-fill{border-radius:inherit;background:linear-gradient(90deg,#0eaaa9 0%,#14cbca 55%,#8cefe9 100%);min-width:14px;height:100%;transition:width .25s;box-shadow:0 0 12px #14cbcabf,0 0 24px #14cbca61}.drawing-loader__dots{justify-content:center;gap:7px;height:12px;margin-top:11px;display:flex}.drawing-loader__dots span{background:var(--cyan);border-radius:999px;width:8px;height:8px;animation:1.15s ease-in-out infinite drawingDot}.drawing-loader__dots span:nth-child(2){animation-delay:.16s}.drawing-loader__dots span:nth-child(3){animation-delay:.32s}.preview-frame__image--ready{transform-origin:50%;animation:1s cubic-bezier(.2,.82,.25,1) both revealGeneratedImage}.preview-error{width:100%;margin:14px 0 0}@keyframes sketchDraw{0%,7%{stroke-dashoffset:1px;opacity:0}16%{opacity:1}54%,80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.34}}@keyframes sketchBreathing{0%,to{opacity:.94;transform:scale(.995)}55%{opacity:1;transform:scale(1.008)}}@keyframes handSketchMotion{0%{top:48%;left:16%;transform:rotate(-9deg)scale(.98)}12%{top:38%;left:24%;transform:rotate(-6deg)scale(1)}24%{top:35%;left:37%;transform:rotate(-2deg)scale(1.01)}36%{top:42%;left:51%;transform:rotate(4deg)scale(.99)}48%{top:26%;left:42%;transform:rotate(-7deg)scale(1.01)}60%{top:53%;left:34%;transform:rotate(7deg)scale(.99)}72%{top:31%;left:62%;transform:rotate(-3deg)scale(1)}84%{top:25%;left:23%;transform:rotate(-10deg)scale(.98)}to{top:48%;left:16%;transform:rotate(-9deg)scale(.98)}}@keyframes paperShine{0%,18%{opacity:0;left:-34%}42%{opacity:.72}68%,to{opacity:0;left:118%}}@keyframes drawingDot{0%,to{opacity:.45;transform:translateY(0)scale(.75)}50%{opacity:1;transform:translateY(-5px)scale(1)}}@keyframes revealGeneratedImage{0%{opacity:0;filter:blur(9px)saturate(.7);transform:scale(.978)}48%{opacity:.76;filter:blur(3px)saturate(.9)}to{opacity:1;filter:blur()saturate();transform:scale(1)}}@media (width<=700px){.drawing-loader{gap:13px;min-height:300px;padding:14px}.drawing-loader__paper{border-radius:15px;width:96%;max-height:68%}.drawing-loader__line{stroke-width:3.8px}.drawing-loader__hand-image{width:clamp(96px,25vw,130px)}.drawing-loader__content{width:96%}.drawing-loader__title{font-size:1.15rem}.drawing-loader__subject{font-size:.86rem}}@media (width<=390px){.drawing-loader{gap:10px;min-height:270px;padding:10px}.drawing-loader__paper{border-radius:12px;width:100%}.drawing-loader__hand-image{width:88px}.drawing-loader__title{font-size:1.02rem}.drawing-loader__subject{font-size:.8rem}.drawing-loader__progress{height:8px;margin-top:10px}}@media (prefers-reduced-motion:reduce){.drawing-loader__line,.drawing-loader__picture,.drawing-loader__hand-image,.drawing-loader__shine,.drawing-loader__dots span,.preview-frame__image--ready{animation:none!important}.drawing-loader__line{stroke-dashoffset:0;opacity:.82}}