.dr-page{min-height:100svh;background:#f5f6f1;color:#17272b}.dr-layout{max-width:1120px;margin:auto;padding:72px 28px 90px;display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}.dr-eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.dr-eyebrow i{width:7px;height:7px;border-radius:50%;background:#fa783a}.dr-intro h1{font-size:clamp(36px,4vw,54px);letter-spacing:-.045em;line-height:1.08;margin:22px 0}.dr-intro p{color:#657276;font-size:15px;line-height:1.65;max-width:390px}.dr-intro .dr-lead{font-size:20px;color:#35494d}.dr-intro h2{font-size:16px;margin-top:32px}.dr-intro ol{list-style:none;padding:0;display:grid;gap:16px;font-size:14px}.dr-intro li{display:flex;align-items:center;gap:12px}.dr-intro li span{border:1px solid #d2dcd7;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:11px}.dr-intro>small{display:flex;gap:8px;margin-top:30px;color:#697773}.dr-workspace{background:white;border:1px solid #dce2da;border-radius:20px;box-shadow:0 22px 70px #213c3010;overflow:hidden}.dr-workspace-top{padding:20px 28px;border-bottom:1px solid #e9ece6;display:flex;align-items:center;justify-content:space-between}.dr-workspace-top>span:first-child{font-size:24px;font-weight:600;letter-spacing:-1px}.dr-workspace-top i{font-style:normal;color:#ec7138}.dr-workspace-top b{font-size:10px;letter-spacing:2px;color:#899590;margin-left:12px}.dr-free{font-size:12px;padding:5px 11px;border:1px solid #dfe9d2;color:#506431;border-radius:20px;background:#f4f8ed}.dr-steps{padding:26px 32px 0;margin:0;display:flex;list-style:none;gap:24px;font-size:12px;color:#8c9792}.dr-steps li{display:flex;align-items:center;gap:8px}.dr-steps li span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #dfe5dc;border-radius:50%}.dr-steps .active{color:#223c2c}.dr-steps .active span{background:#dff0c4;border-color:#dff0c4}.dr-form{padding:26px 32px 30px;animation:dr-enter .35s ease both}.dr-step-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#849087}.dr-form h2{font-size:27px;letter-spacing:-.03em;margin:10px 0 22px}.dr-drop{border:1.5px dashed #cbd7c7;border-radius:13px;display:flex;flex-direction:column;align-items:center;padding:28px 15px;cursor:pointer;gap:8px;text-align:center;position:relative;transition:background .2s,border-color .2s,transform .2s;background:#fbfcf8}.dr-drop.dragging,.dr-drop:hover{background:#f0f7e7;border-color:#77955f;transform:translateY(-2px)}.dr-drop.selected{border-style:solid;border-color:#b7d494;background:#f4f9ed;animation:dr-enter .35s ease}.dr-upload-icon{display:grid;place-items:center;background:#eaf0e3;width:48px;height:48px;border-radius:12px;color:#587441;margin-bottom:5px}.dr-drop strong{font-size:14px;max-width:100%;overflow-wrap:anywhere}.dr-drop>span:not(.dr-upload-icon){font-size:12px;color:#7a8774}.dr-drop small{font-size:11px;color:#919b8b}.dr-file-check{position:absolute;top:13px;right:13px;color:#527c32!important}.dr-field{display:grid;gap:9px;margin-top:22px;font-size:13px;font-weight:500}.dr-field input{height:46px;border:1px solid #d6dfd5;border-radius:8px;padding:0 12px;background:white;color:inherit;font:inherit;outline:none}.dr-field input:focus{border-color:#81966f;box-shadow:0 0 0 3px #dff0c455}.dr-field input:disabled{opacity:.45}.dr-primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;width:100%;background:#213c30;color:white;border:0;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;margin-top:28px;transition:background .2s,transform .2s}.dr-primary:hover{background:#315643;transform:translateY(-1px)}.dr-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.dr-note{text-align:center;font-size:11px;color:#7b8874;line-height:1.5;margin:18px 0 0}.dr-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.dr-file-input:focus-visible+.dr-drop{outline:3px solid #fb873e;outline-offset:3px}.dr-file-summary{display:flex;gap:12px;align-items:center;background:#f5f8f0;padding:14px;border-radius:10px;font-size:12px}.dr-file-summary>svg{flex-shrink:0;color:#718561}.dr-file-summary div{display:grid;gap:5px;min-width:0;flex:1}.dr-file-summary span,.dr-file-summary strong{overflow-wrap:anywhere}.dr-file-summary span{color:#7a8876}.dr-checkbox{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:12px;color:#73806f}.dr-checkbox input{accent-color:#54743a}.dr-back{display:block;margin:18px auto 0;background:none;border:0;color:#788776;font-size:12px;cursor:pointer}.dr-trap{position:absolute;left:-10000px}.dr-error{color:#b94321;font-size:12px}.dr-upload-progress{margin-top:28px}.dr-upload-progress>div:first-child{display:flex;align-items:center;gap:9px;font-size:12px}.dr-upload-progress>div:first-child>span{margin-left:auto;color:#728268}.dr-track{height:7px;border-radius:10px;background:#e9efe1;margin:15px 0;overflow:hidden}.dr-track span{display:block;height:100%;background:#7b9c4a;transition:width .25s ease;border-radius:inherit;position:relative}.dr-track span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff65,transparent);animation:dr-shine 1.5s infinite}.dr-upload-progress small{font-size:11px;line-height:1.5;display:block;color:#7a8775}.dr-spin{animation:dr-spin 1s linear infinite}.dr-success{padding:44px 32px;animation:dr-enter .5s ease}.dr-success-icon{display:grid;place-items:center;background:#e7f3d6;color:#5a7c3d;width:64px;height:64px;border-radius:50%;animation:dr-pop .5s ease}.dr-success-icon svg{width:32px;height:32px}.dr-success h2{font-size:30px;letter-spacing:-.03em}.dr-success>p{color:#73816e;line-height:1.6;font-size:14px}.dr-preview{display:flex;align-items:center;gap:18px;margin:35px 0;height:110px}.dr-preview-file{width:78px;height:98px;background:white;border:1px solid #d9e2d2;border-radius:10px;display:grid;place-content:center;gap:9px;color:#6c8160;box-shadow:0 6px 24px #243b3010;transform:rotate(-6deg)}.dr-preview-file svg{width:30px;height:30px}.dr-preview-file span{font-size:10px;text-align:center;font-weight:600}.dr-preview-path{display:flex;gap:8px}.dr-preview-path i{width:4px;height:4px;border-radius:50%;background:#88a367;animation:dr-pulse 2s infinite}.dr-preview-path i:nth-child(2){animation-delay:.2s}.dr-preview-path i:nth-child(3){animation-delay:.4s}.dr-preview-cube{width:95px;height:95px;position:relative;animation:dr-float 4s ease-in-out infinite}.dr-preview-cube span{position:absolute;width:48px;height:48px;left:24px;top:24px;background:#bed496;transform:rotate(-30deg) skew(30deg) scaleY(.866);border:1px solid #85a066}.dr-preview-cube span:nth-child(2){background:#8daa6b;transform:translate(-24px,36px) skewY(30deg) scaleX(.866)}.dr-preview-cube span:nth-child(3){background:#d6e7b9;transform:translate(24px,36px) skewY(-30deg) scaleX(.866)}.dark .dr-page{background:#14211e;color:#e6ebe2}.dark .dr-workspace{background:#1b2b24}.dark .dr-workspace,.dark .dr-workspace-top{border-color:#344438}.dark .dr-intro .dr-lead,.dark .dr-intro p{color:#aebcac}.dark .dr-field input{background:#203228;border-color:#455745}.dark .dr-drop,.dark .dr-file-summary{background:#213527;border-color:#4c6140}.dark .dr-steps .active{color:#d8e9c5}.dark .dr-steps .active span{color:#263725}.dark .dr-primary{background:#c8df9f;color:#1c3222}.dark .dr-free,.dark .dr-preview-file{background:#25382c;border-color:#46583e}.dark .dr-free{color:#c8df9f}@keyframes dr-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dr-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes dr-spin{to{transform:rotate(1turn)}}@keyframes dr-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes dr-pulse{50%{opacity:.25}}@keyframes dr-float{50%{transform:translateY(-7px)}}@media(max-width:800px){.dr-layout{grid-template-columns:1fr;gap:32px;padding:36px 20px 55px;max-width:550px}.dr-intro h1{font-size:38px}.dr-intro .dr-lead{font-size:17px}.dr-intro .dr-preview,.dr-intro h2,.dr-intro ol,.dr-intro>small{display:none}.dr-intro p{max-width:none}.dr-form,.dr-success{padding:24px}.dr-steps{padding:24px 24px 0}.dr-workspace-top{padding:18px 24px}.dr-form h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.dr-page *{animation:none!important;transition:none!important}}