.cloud-heading{padding-top:18px;padding-bottom:22px}.cloud-heading h1{margin:0 0 12px}.cloud-heading p{max-width:760px;color:var(--muted);font-size:18px}.cloud-workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-bottom:42px}.cloud-panel{padding:28px;border:1px solid #dce3f2;border-radius:24px;background:#fff;min-width:0;box-shadow:0 10px 35px #163e6810}.cloud-drop{border:2px dashed #b9cbea;border-radius:18px;padding:20px;text-align:center;background:linear-gradient(135deg,#f1f6ff,#fafcff)}.cloud-drop .file-art{display:block;width:180px;height:105px;margin:0 auto 14px}.cloud-drop input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cloud-drop:focus-within{outline:3px solid #2855ec;outline-offset:3px}.cloud-drop p{margin:10px 0}.cloud-drop small,.cloud-note{color:#53637d}.cloud-consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:14px;line-height:1.6}.cloud-consent input{margin-top:6px;flex-shrink:0}.cloud-actions{display:flex;gap:12px;flex-wrap:wrap}.cloud-result{background:linear-gradient(150deg,#fff,#edf5ff)}.cloud-result h2{margin-top:10px}.cloud-note{font-size:13px;line-height:1.7;margin-top:24px}#cloud-preview canvas{width:100%;height:auto;border:1px solid #dce3f2;margin:12px 0}#cloud-preview textarea{width:100%;min-height:260px;padding:14px;resize:vertical;line-height:1.6}#cloud-download{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}#cloud-error{background:#fff0f1;color:#9c202b;padding:14px;border-radius:10px}#cloud-selection{margin-top:18px;overflow-wrap:anywhere}.cloud-drop.dragging{background:#e1edff;border-color:#2855ec}@media(max-width:700px){.cloud-heading{padding-top:8px;padding-bottom:12px}.cloud-heading h1{font-size:27px}.cloud-heading p{font-size:14px;line-height:1.5;margin-bottom:0}.cloud-workspace{grid-template-columns:1fr;gap:16px}.cloud-panel{padding:16px;border-radius:18px}.cloud-drop{padding:14px}.cloud-drop .file-art{width:110px;height:64px;margin-bottom:8px}.cloud-consent{margin:16px 0}.cloud-actions .button{flex:1}.cloud-drop p{font-size:13px}}@media(prefers-reduced-motion:reduce){.cloud-workspace *{animation:none!important;transition:none!important}}